Back

Ignitabull X Thai COCO- January ‘24

A Strategic Revamp for the U.S.

A Strategic Revamp for the U.S.

A Strategic Revamp for the U.S.

UI/UX Design

UI/UX Design

UI/UX Design

Visual Design

Visual Design

Visual Design

E-commerce

E-commerce

E-commerce

OVERVIEW

Thai Coco, a renowned brand from Thailand struggled to generate sales with their outdated website. The main touchpoint for potential customers, failed to capture the brand's story and hindered their market positioning. Thai Coco approached us with the goal of carving out a distinctive space in the crowded market, revamping their online presence, and boosting their brand visibility and sales.

My role

My role

Product Design Lead- Brand Study, Competitor Analysis, UI & UX Design, Visual Design, Dev Handover, Clienteling

Timeline

2 Months

Timeline

4 Months

PlatforM

Desktop (Web Responsive)

TEAM

Design Lead

Shopify Dev

Marketing Team

TEAM

Design Lead

Shopify Dev

Marketing Team

Design Lead

Shopify Dev

Marketing Team


PlatforM

Mobile & Desktop ( Responsive)

Highlights

Enhancing Brand Visibility Through Strategic Design

Enhancing Brand Visibility Through Strategic Design

Enhancing Brand Visibility Through Strategic Design

Banners that communicate product quality & ingredients

Banners that communicate product quality & ingredients

Categories that are relatable and have trending names

Categories that are relatable and have trending names

Gathering Data

A Deep Data Dive

Understanding the Brand and Market

I delved into the brand’s goals and conducted a competitive analysis, discovering that most brands emphasized their unique stories and healthy harvesting practices.

Gathering Data

A Deep Data Dive

Understanding the Brand and Market

I delved into the brand’s goals and conducted a competitive analysis, discovering that most brands emphasized their unique stories and healthy harvesting practices.

Gathering Data

A Deep Data Dive

Understanding the Brand and Market

I delved into the brand’s goals and conducted a competitive analysis, discovering that most brands emphasized their unique stories and healthy harvesting practices.

Gathering Data

A Deep Data Dive

Understanding the Brand and Market

I delved into the brand’s goals and conducted a competitive analysis, discovering that most brands emphasized their unique stories and healthy harvesting practices.

Gathering Data

A Deep Data Dive

Understanding the Brand and Market

I delved into the brand’s goals and conducted a competitive analysis, discovering that most brands emphasized their unique stories and healthy harvesting practices.

Insights from Social Media

Analyzing social media data revealed that customers were most engaged with recipe-focused content.

Insights from Social Media

Analyzing social media data revealed that customers were most engaged with recipe-focused content.

Insights from Social Media

Analyzing social media data revealed that customers were most engaged with recipe-focused content.

Insights from Social Media

Analyzing social media data revealed that customers were most engaged with recipe-focused content.

Insights from Social Media

Analyzing social media data revealed that customers were most engaged with recipe-focused content.

Visual Design

Refining Through Iteration

Crafting Visual Harmony That Balances User Needs and Business Goals

Refined typography, color, and layout through iterative design to balance user needs and business goals. Each iteration was informed by feedback to ensure both aesthetic and strategic alignment. The result was a cohesive visual direction that enhanced usability and reinforced brand identity.

Visual Design

Refining Through Iteration

Crafting Visual Harmony That Balances User Needs and Business Goals

Refined typography, color, and layout through iterative design to balance user needs and business goals. Each iteration was informed by feedback to ensure both aesthetic and strategic alignment. The result was a cohesive visual direction that enhanced usability and reinforced brand identity.

Visual Design

Refining Through Iteration

Crafting Visual Harmony That Balances User Needs and Business Goals

Refined typography, color, and layout through iterative design to balance user needs and business goals. Each iteration was informed by feedback to ensure both aesthetic and strategic alignment. The result was a cohesive visual direction that enhanced usability and reinforced brand identity.

Visual Design

Refining Through Iteration

Crafting Visual Harmony That Balances User Needs and Business Goals

Refined typography, color, and layout through iterative design to balance user needs and business goals. Each iteration was informed by feedback to ensure both aesthetic and strategic alignment. The result was a cohesive visual direction that enhanced usability and reinforced brand identity.

Visual Design

Refining Through Iteration

Crafting Visual Harmony That Balances User Needs and Business Goals

Refined typography, color, and layout through iterative design to balance user needs and business goals. Each iteration was informed by feedback to ensure both aesthetic and strategic alignment. The result was a cohesive visual direction that enhanced usability and reinforced brand identity.

Visual Design

Critical Tweaks, Major impact

Insights from Social Media Continued

Featuring audience-favourite recipes to depict usage of the product in daily life

Visual Design

Critical Tweaks, Major impact

Insights from Social Media Continued

Featuring audience-favourite recipes to depict usage of the product in daily life

Visual Design

Critical Tweaks, Major impact

Insights from Social Media Continued

Featuring audience-favourite recipes to depict usage of the product in daily life

Visual Design

Critical Tweaks, Major impact

Insights from Social Media Continued

Featuring audience-favourite recipes to depict usage of the product in daily life

Visual Design

Critical Tweaks, Major impact

Insights from Social Media Continued

Featuring audience-favourite recipes to depict usage of the product in daily life

More Than Basics: Designing Insightful Product Cards”

I added ratings, pack options, along with product name and starting price, making it more informative and helping users make quicker decisions

More Than Basics: Designing Insightful Product Cards”

I added ratings, pack options, along with product name and starting price, making it more informative and helping users make quicker decisions

More Than Basics: Designing Insightful Product Cards”

I added ratings, pack options, along with product name and starting price, making it more informative and helping users make quicker decisions

More Than Basics: Designing Insightful Product Cards”

I added ratings, pack options, along with product name and starting price, making it more informative and helping users make quicker decisions

More Than Basics: Designing Insightful Product Cards”

I added ratings, pack options, along with product name and starting price, making it more informative and helping users make quicker decisions

Conveying Brand Messaging through Visuals

Streamlined chunks of information for easier understanding and added visuals that enhanced engagement and guided users effortlessly through the experience

Conveying Brand Messaging through Visuals

Streamlined chunks of information for easier understanding and added visuals that enhanced engagement and guided users effortlessly through the experience

Conveying Brand Messaging through Visuals

Streamlined chunks of information for easier understanding and added visuals that enhanced engagement and guided users effortlessly through the experience

Conveying Brand Messaging through Visuals

Streamlined chunks of information for easier understanding and added visuals that enhanced engagement and guided users effortlessly through the experience

Conveying Brand Messaging through Visuals

Streamlined chunks of information for easier understanding and added visuals that enhanced engagement and guided users effortlessly through the experience

Revitalizing the Brand with a Bold Touch

Enhanced brand appeal by adding vibrant hues, reorganizing product lines for engagement, and designing UI elements that maintained a seamless, consistent experience.

Revitalizing the Brand with a Bold Touch

Enhanced brand appeal by adding vibrant hues, reorganizing product lines for engagement, and designing UI elements that maintained a seamless, consistent experience.

Revitalizing the Brand with a Bold Touch

Enhanced brand appeal by adding vibrant hues, reorganizing product lines for engagement, and designing UI elements that maintained a seamless, consistent experience.

Revitalizing the Brand with a Bold Touch

Enhanced brand appeal by adding vibrant hues, reorganizing product lines for engagement, and designing UI elements that maintained a seamless, consistent experience.

Revitalizing the Brand with a Bold Touch

Enhanced brand appeal by adding vibrant hues, reorganizing product lines for engagement, and designing UI elements that maintained a seamless, consistent experience.

Retrospective

Wins & Impact

We Did It!

The Website was revamped and launched in early february 2024

Retrospective

Wins & Impact

We Did It!

The Website was revamped and launched in early february 2024

Retrospective

Wins & Impact

We Did It!

The Website was revamped and launched in early february 2024

Retrospective

Wins & Impact

We Did It!

The Website was revamped and launched in early february 2024

Retrospective

Wins & Impact

We Did It!

The Website was revamped and launched in early february 2024

10% decrease in bounce rate

The new website observed 10% decrease in bounce rate within the first 3 months

25% Increase in User Engagement

The new design strategy improved the time user spent on the website, thereby increasing the engagement.

Marketing and Design Alignment

Successfully guided cross-functional teams to align marketing with the new website design, creating a cohesive and consistent brand experience.