AMELLO YOGA

Amello Yoga is an e-commerce website that aims to help yogis to look for their best suited yoga apparel.

PROJECT
TIMELINE
MY ROLE
Side Project
1.5 months
Product Owner, Web Designer
PLATFORM
TOOLS
Figma, Wordpress, Stripe, WooCommerce
Responsive Website

OVERVIEW

As a new yoga apparel brand, Amello Yoga would like to build its own e-commerce website to help build brand awareness and help all yogis to pick their best-suited piece of apparel.

MY ROLE

I’m the founder of the brand and I was responsible for the entire website development from end to end!

GOAL

To produce an mvp the earliest possible for testing the market.

RESULTS

CONSTRAINTS

RESEARCH

I conducted user interviews with numerous ladies who do yoga and purchase yoga apparel regularly to understand better the users’ goals.I then used the card sorting method to evaluate what information / categories should appear on the menu bar.

IDEATION

BRAND DEVELOPMENT

I would like to give the following vibes to the customers about my brand:

VISUAL IDENTITY

I chose an earth tone to be the overall thematic colour for my brand because it gives a natural and authentic kind of impression.

For the wordmark design, I choose a combination of a formal/official style of typeface and a more informal/unofficial style of typeface to symbolize the Yin Yang style in yoga (i.e. softness and hardness, flexibility and strength, gentleness and principled).

WORDMARK DESIGN

LOGO DESIGN

INFORMATION ARCHITECTURE

I would like to highlight the design of the menu bar based on the insights gained from the competitor analysis and research that I have done.

Desktop Website:

Mobile Website:

SKETCHES

I began to sketch ideas on pen and paper and translate the design to a Wordpress site.

FINAL DESIGNS

Here are the hi-fidelity wireframes I created for the brand’s e-commerce website.

Landing Page:
Product Page:
Checkout Page:

KEY LEARNINGS

FUTURE STEPS

NEXT PROJECT:

Canada Goose Exclusive Events >>