A hands-on workflow for going from portfolio website requirements to final images using ChatGPT, Claude, Midjourney, and Gemini

When you want to build a portfolio website for a design studio, what usually trips people up isn’t the code, but “what style do I actually want, and what pages do I need to write?” I often use a four-tool workflow to get requirements, copy, visuals, and implementation done in one pass.

ChatGPT is responsible for turning ideas into an actionable checklist

I’ll throw it a very vague goal like “blue water-ripple theme + cartoon boats and submarines,” and have it output the site structure, section copy, and interaction points. Pro tip: remind it to follow the KISS approach—don’t turn the homepage into a thesis.

Claude is responsible for writing requirements like a deliverable document

Claude is great for organizing requests like “Bento Grid on a black background + accent color #2657FD, extra-large numerals, Apple-style scroll animations, Framer Motion and Tailwind CDN” into specs developers can understand, while also filling in constraints—like don’t overuse gradients, and don’t use emojis as primary icons.

Midjourney is responsible for quickly setting the visual tone with assets

I’ll have it generate two types of images: one is the main key visual illustration (boats/submarines/space cartoon characters), and the other is small line-art elements for decoration. Start with a 3×3 grid to find a direction, then zoom in and refine locally—otherwise you’ll spiral into a “so close” loop and lose it.

Gemini is responsible for cross-checking and filling blind spots

I prefer using Gemini for “experience reviews”: ask it to nitpick from a visitor’s perspective, check whether the information is specific and whether it can extend the conversation (don’t just write empty stuff like “pretty good”), and then give you a version of the bio and FAQ that reads more like it was written by a real person.

My own little rant

Remember to lock in your default model settings—otherwise, switching models back and forth and having the new thread suddenly “forget” things is really annoying.

If you want to apply this workflow directly to your project and avoid detours, go check out Titikey for the tools and templates I’ve compiled—it’ll save you a lot of time.