Ignition Studio
Ignition Studio

UI

Research

Web design

Branding

Overview

Overview

Role

UI designer
Art director
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 →

UI design

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

Old design

New design

Results

Design

Site traffic benchmarking

As of September 2025, the amount of active users, engagement rate, and engagement time has increased significantly.

emily-mok@hotmail.com

emily-mok@hotmail.com

Create a free website with Framer, the website builder loved by startups, designers and agencies.