Case study · Brand studio

Brand Studio Website Design for Founders Buying a Brand for the First Time

Most founders hire a brand studio once, maybe twice. They don’t know how a project runs or what it should cost, and that uncertainty is what delays the call. Growvio’s site keeps the studio’s energy and answers both questions before asking for anything.

Client
Growvio
Industry
Brand and design studio
Audience
Founders and marketing leads at growing companies
Scope
Studio website UX and UI design
The brief

What Happens After I Say Yes? Growvio Shows the Steps Before the Sales Call.

The Problem

Most studios sell on mood, with big photos and a portfolio grid. That works on other designers. A founder spending their first real budget on a brand needs to know how the project runs, what’s included and roughly what it costs, and a mood board answers none of it.

The Goal

Keep the energy, add the clarity. A bold promise up top, the four stages of a project, every service with its own way in, three plans with prices on show, five common questions answered, and one loud invitation to talk.

Who it’s for

Founders and marketing leads at startups and growing companies who need a brand, a website or an app. Many are buying design for the first time and want to understand the process before they commit.

The visual system

Cobalt on Every Button, Lime on the One That Counts.

Cobalt carries the buttons, the disciplines marquee and the featured standard plan. Deep navy sets the heavy headlines. Lime shows up as stars and small squares, and once as a large circle around let’s talk, the loudest moment on the page. Pale grey and white keep a loud design from getting tiring.

  • Cobalt#2F4CDCButtons, marquee and the featured plan
  • Deep navy#0B1651Headlines
  • Lime#A3DC2FStars, shapes and the let’s talk button
  • Soft grey#EFF1EDProcess, services and FAQ grounds
  • Black#000000Testimonial and let’s talk bands
  • White#FFFFFFHero, cards and footer
Typeface

Syne

Syne, wide and heavy, does the shouting so the layout doesn’t have to.

Build, Grow, And Manage Your Brand.

The opening line, with manage in cobalt.

The decisions

How the Design Solves It

The four calls that matter most, in the order a founder meets them.

Energy in the First Screen

Build, grow and manage your brand runs across three lines in a wide, heavy typeface, with manage in cobalt, beside two photos, a hand-drawn lime star and a burst of blue lines. Before a word of explanation, the founder has seen the studio’s taste.

The Process in Four Steps

Straight under the client logos, four illustrated cards show planning, team working, the flowchart and user testing. A founder sees how a project runs before they read a single service. First-time buyers need that answer most.

Every Service Has a Way In

UI/UX design, graphic design, product development and mobile apps each get a card with an icon, a short line and a discover more button. The active card is outlined in cobalt. Three plans follow with the price on show, so the budget conversation starts on the page.

A Let’s Talk You Can’t Miss

After the prices and the five questions, a black band says let’s create something great beside a round lime let’s talk button. It’s the brightest object on the screen. By then the founder knows the steps and the cost, so the ask reads as a next step rather than a leap.

The walkthrough

Eleven Sections, Loud at the Top, Clear All the Way Down

Open any section to see it in the design and what it settles for a first-time buyer.

  1. Build, grow and manage your brand in a wide heavy typeface over a soft grid, with two photos, a hand-drawn star and a discover more button.

  2. A cobalt marquee of disciplines and a row of client logos, then four illustrated cards for planning, teamwork, flowcharts and user testing.

  3. The studio’s story between two photos, with website and graphics design links and a round about company button.

  4. Four service cards, from UI/UX design to mobile apps, each with an icon, a short line and a discover more button.

  5. A marquee of disciplines, then four figures in outlined circles for users, years, projects and happy customers.

  6. A full-width photo of the team at work with a round play button for the film.

  7. Three plans with illustrations, prices and features, the middle one in cobalt, and a monthly and yearly switch.

  8. Made the biggest players happy, with one review in the centre of client photos on black.

  9. Five common questions in an accordion beside three snapshot photos of the team.

  10. Let’s create something great on black, with cobalt stars and a round lime let’s talk button.

  11. The logo, a short line and social links, two columns of links and the contact details on white.

Hero — Energy in one screen

Want a site that shows your process before the sales call?

Start a Project Like This
Your project

Two Ways We Can Build One Like This for You

For your client or for your own business, the thinking is the same. The route in is different.

For agencies

Pages Like This, Under Your Brand

We design and build to your client’s brief and hand it over as your work. Your client never hears our name.

  • Planned around your client’s buyer, section by section
  • Built in WordPress, ready for you to present
  • NDA on request, no contact with your client
For business owners

A Site Planned Around Your Buyer

We map the questions your customers ask before they buy, then design and build a WordPress site that answers them in order.

  • One clear action, in view from the first screen to the last
  • Proof and pricing placed where doubts arise
  • A site your team can update without us

Let’s Talk About Your Project

We book a call to scope the work. You get a proposal to approve, and we begin.

Hafijur R, founder of Coderlift
Hafijur R Founder, Coderlift
Contact Form