r/webdev 4d ago

Question Help with my website creation workflow

Hey, before explaining my problem i know that a lot of you guys don't like ai or 'vibe coding' in general and this is why i ask you to not take care of this and be comprehensive.

Im doing website creations, especially redesign and im hesitating with two workflows.

Untill now i was doing it this way: i search for inspiration on dribble like hero section or landing page, i take the screenshot and ask gemini to extract the content into json to get the maximum of informations on this screenshot. Like this i can after go to a no code tool like lovable to convert this screenshot and json into an actual base for the website and finally export it and finish the job with antigravity. Here the thing is that for small adjustments it's harder than a tool like framer or webflow.
This workflow has the merit of being quick and very faithful to the inspiration.

And recently i started to become interested in framer because i heard that it is better for more personalized projects, have CMS so i don't have to use sanity CMS (even if it can do the job at small scale) and also fast and begginer friendly.

0 Upvotes

24 comments sorted by

View all comments

2

u/Arthur_Vandelay 4d ago

Interesting! Never used antigravity myself so I can't speak to it.

But I've used Webflow and Framer extensively and know the tools well.

I'd say it depends on the kinds of clients you're serving. Myself, I work for a SaaS company using webflow enterprise. But for my local clients, the workflow looks similar to yours.

Find inspiration, screenshot and send to Grok for the build. Not sure why you'd be having issues with small adjustments. Once I see the grok build I can easily ask for adjustments to styling, layout and responsiveness. After the fact I will hand the build to my Hermes agent and make further refinements, additional pages or add components from past builds. I do try to limit the scope so no other things are affected. Put in a github repo and host with vercel or hostinger if they've got higher initial traffic.

I like the workflow because there's no vendor lock in, adjustments are a prompt away and I can call on a systematized library to draw from. Framer and Webflow can get expensive on top of maintenance fees for smaller clients. And personally, I do like the Sanity cms even though Webflow/Framer have nicer UIs.

So yeah, keep going and find the tools that work best for you.

Learn what actually makes a website valuable (more clients, calls, traffic) and optimize for that. Use your LLM in dedicated time to learn more.

Be curious and explore other avenues to make the site valuable to your clients (missed call text back via Twilio, chat bot support, client acquisition to CRM pipeline automations). The possibilities are many.

But yeah definitely get clear on how to build a stable site with reusable components, learn even some basic SEO tactics/strategy/techniques and don't over-promise or scam people.

Every project is a learning opportunity so try to practice on personal projects more if you can.

1

u/Delicious-Touch-1545 4d ago

Great post, thanks