Five projects. Five completely different clients. Five sets of assumptions that turned out to be wrong, problems that had to be solved on the fly, and lessons I couldn't have learned any other way.
This is what actually happened — not a polished retrospective, but an honest account of what building real websites for real clients taught me about design, about communication, and about what makes a website work in the world rather than just in Figma.
Lesson 1: The brief is never the whole story
Every client came in with a brief. "I need a website for my cleaning business." "I want a portfolio." "We're a startup, we need to look credible." Clear enough on the surface. But in every single case, the real brief only emerged through conversation.
The cleaning business owner didn't just want a website — she wanted to stop losing jobs to a competitor who had a slicker online presence. The portfolio wasn't just a showcase — it was an attempt to transition from freelance work to agency clients. The startup founder needed the site to work as a pitch deck substitute for investor meetings.
"The stated brief is where the conversation starts. The real brief is what you find when you ask the right questions."
Now I spend the first conversation almost entirely on questions. What does success look like six months after launch? Who exactly is the person arriving at this site and what are they trying to decide? What happens if this site doesn't work?
Lesson 2: Mobile is not an afterthought — it's the primary canvas
I knew this intellectually before I started. I knew the statistics. I still caught myself designing for desktop first on two of the first five projects. The result both times was a mobile experience that felt like a compressed version of something else rather than something designed for the screen it was being viewed on.
The fix wasn't complicated — start every layout decision from the smallest screen and expand outward. But it required a genuine shift in how I was thinking about the work. The mobile version isn't the adapted version. It's the original.
Lesson 3: Speed is a design decision
On the third project I built something I was genuinely proud of visually. The animations were smooth, the layout was distinctive, the typography was doing exactly what I wanted it to do. Then I ran a Lighthouse audit and saw a performance score of 58.
The culprit was unoptimised images and three fonts being loaded when one would have served the same purpose. Fixing it took about four hours. The score went to 91. The site looked identical. The lesson stuck permanently:
- Compress every image before it goes anywhere near the site
- Use WebP format — it's smaller and better supported than JPG now
- Load only the font weights you're actually using
- Every animation should be CSS-based where possible — JavaScript animations are expensive
- Lazy load anything below the fold
Lesson 4: Clients cannot visualise from descriptions
I learned very quickly that describing a layout in words is almost completely useless. "The hero will be full viewport with the headline on the left and a visual on the right, dark background, purple accent." The client nods. They have no idea what this will look like. Then they see it and ask why it's dark.
Now I show references before I start. Three to five examples of sites with the visual direction I'm proposing. Agreement on references means agreement on direction, which means far fewer surprises when the first version lands.
Lesson 5: The handover is part of the product
The fifth project taught me this. Great site. Client loved it. I handed it over with a written document explaining how to update content. Three weeks later I got a message — they'd accidentally broken the navigation and had no idea what they'd done or how to fix it.
Now every project ends with a 1-hour call where I walk through the site live — what each section does, how to update text and images, what to do if something looks wrong, and who to contact. The handover isn't an admin step. It's the moment the client goes from having a finished site to actually owning it.
"A website the client can't confidently use is only half a delivered project."
What comes next
Five projects in, the thing I'm most certain of is that the work gets better every time — not just technically, but in terms of understanding what clients actually need versus what they say they need, and how to design for outcomes rather than aesthetics alone.
The sites that have performed best weren't necessarily the most visually ambitious ones. They were the ones where the design decisions were most directly connected to a specific business goal. That's the standard I'm building every project to now.
Want to see the work?
The portfolio has live links to every project — click through and see how they perform in the real world.