Skip to content

( Independent Practice / 2025 )

Zuma

Delivered and shipped a complete desktop agency website functioning as both portfolio showcase and lead generation tool, designed solo as a direct freelance engagement

My role
Freelance UI/UX Designer
Timeline
2025
Category
Creative Services / Digital Agency / Marketing and Lead Generation Website
Status
New design, delivered

Tools Figma

Generated schematic standing in for imagery of Zuma. It depicts nothing.
Generated schematic, not a screenshot of Zuma.

Generated schematic, not a screenshot. Real imagery to follow.

( The account )

Context

Zuma Studio is a digital-first creative agency offering branding, website design, product design, development, and ongoing design support, with a client list that includes L'Oreal, eBay, and ABA Bank. The site I designed, branded Wondermake, is the studio's public front door: part portfolio, part sales argument.

An agency website carries a burden most marketing sites do not. It has to sell a service while simultaneously being a sample of that service. A software company can have a mediocre site and a good product. A design studio cannot. Every choice on the page is evidence, which means the site is judged twice, once on what it says and once on how it is made.

The studio was competing for enterprise and mid-market contracts against a saturated field where nearly every competitor makes the same claims in nearly the same visual language: light backgrounds, generous white space, a grid of project thumbnails, the word "award-winning". When the assertions are identical across a category, no site wins on assertion.

The problem

The studio needed a site that worked as a portfolio and as a business development tool at the same time, and those two jobs pull in different directions. Portfolio-first sites optimise for spectacle and lose the visitor before any conversion step. Sales-first sites look like every other agency and undercut the credibility the studio was trying to establish.

Four specific tensions shaped the work:

1. **Credibility could not be claimed, only demonstrated.** Saying "number one agency" and "award-winning" is what every competitor says. If the design did not embody that claim, the copy actively damaged trust rather than building it. 2. **The service range was wide enough to become noise.** Branding, website design, product design, development, and support is a lot to communicate. Listed flat, it reads as an agency that does everything and specialises in nothing. 3. **Leads arrived with wildly different budgets.** An enterprise brand and a first-time founder both fill in the same form. Without qualification, the studio spent sales time on inquiries it would never take, and the visitor spent effort on a conversation that was never going to happen. 4. **Social proof was strong but unstructured.** Recognisable client names, a 4.8 rating, and 100 or more reviews were all available, and each answers a different kind of doubt. Presented as an undifferentiated logo wall they would have answered none of them well.

What I did

I built the site around a single premise: differentiate on execution, then convert on structure. The visual system does the credibility work and the page architecture does the sales work, so neither has to carry both.

The visual system is a dark editorial one. High-contrast typography on a dark base, with a single neon-green accent reserved for conversion actions, puts the site in a different category from the light, spacious agency convention on the first viewport. Large-scale headlines and kinetic text treatments establish confidence before any claim is read. The differentiation is not decorative: where every competitor looks alike, looking unlike them is the fastest proof of capability available.

The page architecture is a sequenced argument. Work comes first, in a portfolio grid where each project card carries a category tag such as product UI/UX or branding, so a visitor can locate relevant evidence rather than scroll through everything. Services follow, structured as a shallow hierarchy rather than a flat list: branding expands into logo design, social media, brand story, and packaging, alongside website design, product, development, and support. The full scope stays discoverable without arriving all at once. Trust comes next as a deliberate stack of three signals: named testimonials from HR managers and developers at L'Oreal, eBay, and ABA Bank for emotional credibility, a 4.8 out of 5 rating for rational credibility, and a count of more than 100 reviews for consistency. Conversion sits last, once the argument has been made.

The inquiry form is where the sales work concentrates. Rather than a name-and-message box, it asks for budget range across three tiers and service type through checkboxes, so an inquiry arrives already scoped. A comprehensive footer organised by service category, social channel, and contact detail catches visitors who reach the bottom without converting.

Outcomes

  • Delivered and shipped a complete desktop agency website functioning as both portfolio showcase and lead generation tool, designed solo as a direct freelance engagement
  • Built a custom dark editorial visual language from scratch with no existing design system, differentiating the studio from a category of visually near-identical light-minimal agency sites
  • Converted the inquiry step from a contact form into a qualification instrument, capturing budget tier and service type upfront so inquiries arrive scoped and sales time is spent on viable conversations
  • Structured social proof as three complementary signals, named enterprise testimonials, a 4.8 out of 5 rating, and a review count above 100, so brand recognition, working experience, and consistency are each addressed
  • Sequenced the page as a conversion argument running from demonstrated work through service depth and trust to a qualified inquiry

What I learned

When a category is visually homogeneous, the aesthetic decision is a positioning decision. I went in treating the dark editorial direction as an art direction choice and came out understanding it as the strategy. Nothing in the copy could differentiate the studio, because the copy in this category is interchangeable. The visual system was the only argument the site could make that a competitor could not also make, which is a useful reframe for any project where the words are commoditised.

Friction placed correctly is not friction. The budget-tier question is the most counterintuitive part of the page and the one most likely to be argued about, since standard conversion thinking says remove every field you can. But conversion rate is the wrong metric when the cost of a bad lead is a wasted call. Optimising for qualified inquiries rather than total inquiries changed what the form was for, and once it is a qualification instrument the extra fields stop being obstacles and start being the point.

Consistency matters more than peak quality when the site is the sample. A long agency page has maybe fifteen sections, and a prospect evaluating craft grades on the weakest one, not the best one. That inverts the usual instinct to pour effort into the hero and let the lower page coast. Working solo with no design system, the practical answer was to build the visual language as a small, strict set of rules early, so the last section holds the same standard as the first without needing the same attention.

( Tags )

  • Creative Services
  • Digital Agency
  • Marketing Website
  • Lead Generation
  • Conversion Design
  • Portfolio Website
  • Dark UI
  • Editorial Design
  • Art Direction
  • Typography
  • Visual Identity
  • Trust and Credibility Design
  • Lead Qualification
  • Form Design
  • Information Architecture
  • Web Design
  • Freelance
  • Solo Engagement
  • Figma