Clozy Apparel

The design process of creating a responsive ecommerce website for a sustainable loungewear brand.
Overview

Clozy is a clothing brand founded in 2020 in response to rapidly unfolding changes in the global pandemic of wearing a more comfortable type of clothes. Due to the quick transformation of the ecommerce industry, they decided to invest and take their business online.

ROLE
UX/UI Designer
TIMELINE
Dec 2020 - Feb 2021
TOOLS

PROBLEM STATEMENT

Users of the ecommerce clothing industry don’t feel comfortable buying products if they cannot try them on first, especially if it’s a new brand.

HYPOTHESIS

Offering a personalized journey, a constant support throughout the shopping experience and the integration of new technologies as a tool to allow users to virtually try clothes on and to find the right size without the necessity of going to a physical store.

Projects Goals

I started defining the main focus of the project, analyzing the user goals of having a user-friendly online experience with the business goals of developing a strong identity in order to attract new customers. I wanted to have different points of view to gain a more comprehensive idea of the objectives.

Create a website to boost sales while reaching online audience.
Create a brand identity to increase the appeal to new users.
Create a user friendly, pleasing and seamless online experience.

DESIGN PROCESS

The process began with learning the customer journey through market research and interviews to understand how competitors solve similar problems and users behaviors.

After analyzing the insights, I began conceptualizing the solution and creating user flows and wireframes. From there I started to design and prototype the website, testing the ideas, validating methods, and receiving feedback in order to improve page usability by capturing visual input from users in real-time.

Research

The overall goals of the research were to understand the motivators behind online vs in-store shopping and the differences between the two experiences. Another important factor was to recognize the user’s frustrations and goals, to improve the ecommerce experience and attract new customers.

COMPETITIVE ANALYSIS
  • Long return process
  • Lack of live chat
  • Long delivery time
  • Product browsing experience is confusing
SECONDARY RESEARCH
  • Search box is an important function
  • Size guide is essential
  • Images featuring a model wearing the product in various angles
  • Customer reviews to boost shopper confidence
INDIVIDUAL INTERVIEWS

I conducted 5 remote interviews. The sample took into account men and women aged from 20 to 40  that are frequent online shoppers.

Wrong Fit
They all are concern about the wrong fit of an item and need to try things on.
Quick Delivery
Free shipping, quick delivery and flexible return policy is a must.
Problematic checkout
Payment process is often too long and problematic.
Consciousness
People care about their impact on the environment.

PARTICIPANT #4

" I have a very difficult body and every time is a struggle for me to find the right fit especially if I'm shopping at an online new label.
I'd rather stick with my go-to brands at least I know what to expect. "

Persona

Based on the research findings, Alex has been defined as the primary persona that would represent the user archetype for future decision making and the development of the design.

Task Flow

I created a task to understand how Alex would interact with the website. I wanted to test him on how he would purchase an item, landing on the homepage through a social media ad. This helped also to confirm the structure of the site map.

Sketches &
Wireframes

Once the key elements to design have been defined, I began sketching the pages of the website and translating them later into wireframes.

HOMEPAGE | SKETCHES

The wireframes were designed to build the architecture of the website and to analyze the hierarchy of the content that I wanted to display based on my findings.

HOMEPAGE | WIREFRAMES
PRODUCT PAGE | WIREFRAMES
HOMEPAGE | WIREFRAMES
PRODUCT PAGE | WIREFRAMES
Branding

Clozy was born from the idea of comfortable clothing, coziness, a soft world made of clouds and cotton. I wanted to represent all these concepts into a soothing and a subtle color palette that is reminiscent of nature and the ocean breeze.

MOODBOARD
LOGO
TYPEFACE
HEADINGS
BUTTONS
BODY TEXT
COLOR PALETTE
PRIMARY
SECONDARY
UI Design

All the visual explorations of colors, moods, and styles are expressed in the final responsive design.

HOMEPAGE | DESKTOP, TABLET, MOBILE VERSION
CATEGORY PAGE | DESKTOP VERSION
PRODUCT PAGE | DESKTOP VERSION
SHOPPING CART | DESKTOP VERSION
Feature to develop further: AR/VR

The scan your body feature allows users to utilize AR/VR through their phone by creating a virtual representation of themself. Users can take two photos using the 3d scanner and add details such as height, weight, etc. Once the final 3d is ready, they can virtually start trying things on. The feature also suggests the right fit for a specific product based on the scan.

PRODUCT PAGE
PRODUCT PAGE | SCAN YOUR BODY FEATURE
Usability Testing

I invited 4 participants to test remotely the prototype I created in Figma and asked them to complete a few tasks. I wanted to observe how users interacted and navigated the website.

View Prototype
INSIGHTS
  • Users are more motivated to come back to a website and buy if there’s a focus on sustainability.
  • Specific and original categories (e.g. dog walking look) get a lot of interest.
  • Users love to see behind the scene (e.g. transparent pricing and fabric).
  • Users change their minds often and like the freedom of changing, removing, adding, and saving at every stage of the process.
  • Users don’t create an account as they don’t want to receive too many emails.

TAKEAWAYS

It was interesting to see how the ecommerce industry is changing so fast especially due to a worldwide pandemic. People are getting more used to online shopping but they are still skeptical about making expensive purchases. The use of new technologies and the creation of a personal journey are certainly ways to make them more comfortable in the virtual experience.