← Back to case studies

Consultiq

Consultiq is a complete solution to modern business problems. They believe in inclusivity and work not as an advisor but as part of their clients' teams to help reach goals in the most effective way.

UI / UXWeb DevelopmentBranding
Consultiq brand hero
01 / Brand Story

Business as an art form

Consultiq believes that business is more than a job, it is an art form. It is an opportunity to make a difference and help people grow and change for the better. Every engagement is a chance to build a real relationship, understand the goal and stay with the client through implementation.

They wanted a brand that felt inclusive and human, not the usual consultancy uniform of slate suits and stock photography.

Consultiq
02 / Target Audience

Who we designed for

Nature of Audience
Business Owners and Managers
Number of Audience
~100,000
03 / Brand Colors

Sophistication, trust and leadership

Consultiq's palette reflects their promise to clients. Black for sophistication, blue for trust, purple for leadership, softened with a family of pastels for warmth and range.

#080422
Rich Black
#B55CE6
Medium Orchid
#4E87F0
Blueberry
#70DCF4
Crayola
#CCF6FF
Water
#F3E3FF
Lavender
04 / System

Icons & Illustrations

A bespoke icon set and illustration style translate what Consultiq does into visual shorthand, so a visitor understands the value on first scroll.

Consultiq icon system
05 / Typography

Azo Sans, calm and confident

Azo Sans Family gives Consultiq a professional, consistent voice across every touchpoint, spacious enough to breathe on a landing page, tight enough to hold up in a data table.

Aa
Azo Sans · 0123456789
Text StyleSizeWeight
Heading 144pxBold
Heading 240pxMedium
Body18pxMedium
Buttons18pxMedium
06 / Design Concepts

Three routes, one signature

The process of creating a logo is most fun when the client is as excited as we are. We explored three directions before landing on the mark that felt unmistakably Consultiq.

Concept 1
Concept 1

A duo-tone signature logotype using custom typography and a line to signify growth. Sharp, but not quite Consultiq after review.

Concept 2
Concept 2

A mark depicting diversity and how Consultiq grows each client. The vibe was highly relevant to the brand.

Approved
Approved

The show-stopper for the Consultiq team. A seamless twining of two lines, one solid, one gradient.

Consultiq logo mockupConsultiq apparel mockup
07 / Our Process

From discovery to development

We started by getting to know Consultiq, their goals, their mission, their hard questions. After thorough research the UX team broke the work into seven clear phases.

STEP 01
Discovery
2 days
STEP 02
Research
4 days
STEP 03
Sketches
3 days
STEP 04
Wireframes
7 days
STEP 05
Branding
4 days
STEP 06
Aesthetics
8 days
STEP 07
Development
20 days
Discovery

Ask the questions no one else asks

Discovery calls are how we get to know a client, how they work, what their goals are and what challenges are in the way. We left every session confident about the information we had.

Research

Personas, surveys, sharp insights

Extensive research through personas of Consultiq's target clients, surveys and outcome analysis. We fed valuable insights back into the strategy before a single pixel moved.

What We Do

A display of expertise

'What We Do' is the series of processes Consultiq runs on a typical consultancy engagement. We retouched them and staged them so a first-time visitor understands the offer instantly.

Functions

Six functions, hassle-free

Consultiq's consultation revolves around six functions. We laid them out so clients can navigate the expertise with maximum convenience and minimum jargon.

Sketches

Low-fidelity, high-signal

We sketched wireframes that give a basic understanding of how each page will feel. This step is where the user experience is really decided.

Wireframes

Mid-fidelity, ready for UI

UX experts converted the sketches into mid-fidelity wireframes so the UI team could design against the brand identity set earlier in the engagement.

Branding & Components

Simple, neat, understandable

A component library kept the interface consistent and easy to read across every template, from marketing pages to interior functions.

08 / Let's Transform Together

Wireframes turned into a website

Consultiq's slogan started coming to life as their wireframes were transformed into high-fidelity prototypes. The team saw exactly how the site would look and feel before it shipped.

Consultiq website screen capture
09 / Design Approach

Nothing that matters gets missed

We selected an approach that made sure Consultiq's clients would not miss anything that could mean something valuable to them.

  • The overall look and feel of the website is calm and clean.
  • Catch-phrases and punch-lines make key sections stand out.
  • CTAs at multiple points keep potential clients' interest locked in.
  • A smooth design with a layout that makes sense to users.
  • Responsive adaptations were done carefully across mobile and desktop.
10 / Development

Design handed off to build, fast

Design assets flowed from the UX/UI teams to development the moment they were approved. Senior developers were quick to bring the designs to life without losing the fidelity of the brand.

Agile methodology

Agile is a software development approach that focuses on short, incremental cycles called sprints. We chose it to:

  • Maintain focus and reduce scope creep
  • Respond quickly to change
  • Let developers work in parallel instead of blocking each other
Development process
[ Next engagement ]

Ready to transform something of your own?

Start a projectMore case studies