Ignition Studio
Ignition Studio
work-in-progress

UX

UI

Research

Web design

Branding

Overview

Overview

Role

UX/UI designer
Graphic designer
Researcher


Tools

Figma / Figjam
Adobe Illustrator


Timeline

3 months

Role

UX/UI designer
Graphic designer
Researcher

Tools

Figma / Figjam
Adobe Illustrator

Timeline

3 months

Challenge

Ignition Studio, an AI-enabled marketing advisory firm, wanted to establish their presence in the B2B marketing industry and build their client base. However, the business wasn't picking up after a few months of business development.


Goals

  • Develop a brand identity for Ignition.

  • Revamp the website, so that it can better showcase Ignition's capabilities and increase enquiries through email, enquiry forms, and consultation booking.

  • Add a page to showcase articles written by the founder.

  • Showcase Ignition's past work on the website.

Challenge

Ignition Studio, an AI-enabled marketing advisory firm, wanted to establish their presence in the B2B marketing industry and build their client base. However, the business wasn't picking up after a few months of business development.

Goal

  • Develop a brand identity for Ignition.

  • Revamp the website, so that it can better showcase Ignition's capabilities and increase enquiries through email, enquiry forms, and consultation booking.

  • Add a page to showcase articles written by the founder.

  • Showcase Ignition's past work on the website.

Research

Research

Site traffic benchmarking

Using data from Google Analytics, I'll monitor the performance of Ignition's website and compare it with how it performs after the redesign.

Competitor benchmarking

I compared Ignition's website with three competitors' to learn about what they're doing well, key conventions, and what to avoid.

Ignition.

Strengths to emulate

  • Engaging visual on landing page, fit within the fold

  • Clear sections and visual hierarchy

  • Consistent branding

  • Concise information

Key conventions

  • Information architecture of site that matches users' mental models

  • Navigation bar at the top, footer at the bottom with key information

Features to avoid

  • Navigation bar and footer taking up too much unnecessary screen space

  • Too much text and fluff copy

Online survey

I created an online survey using Google Forms and sent it via WhatsApp to 10 participants who use the internet daily.

Key findings

  • The primary goal of most users was to learn about the services offered. 

  • The branding, website design and UI can be improved so that users' impression of Ignition's capabilities and credibility can be enhanced.

  • Users want to see case studies, and more details about the services offered.

  • Contact details can be made more obvious. 

Rebranding

Design

Exploring a new look

Keeping in mind Ignition's core values and personality, I designed a new logo and established the brand fonts.

View full brand guidelines →

Website rebranding

Apart from applying Ignition's new branding, I improved the visual hierarchy, challenged the information on the site, removed unnecessary details, and made sure each section was more distinct.

Coming up

  • Usability testing

  • Prototyping

  • Annotations for developer handoff

  • Validation, further testing and iterations

work-in-progress

Old design

New design (in progress)

emily-mok@hotmail.com

emily-mok@hotmail.com