RAI GOMES.

Background

As part of a course project, my group received the challenge of creating a webshop where you could purchase and customize your own footwear. We later refined this concept to specifically focus on sneakers to better define the product category.

Project: Creation of an online store for personalized sneaker design.

Objective: Allow customers to express their unique style by designing and purchasing their own sneakers.

Summary: The focus was to create a smooth, inspiring, and intuitive design experience for users.

Tools: Figma, Notion.

Problems

Identified during the initial analysis and research:

User Challenges:

Difficulty finding the design tool on the website.

Too many options can overwhelm users.

Slow page loading time.

Opportunities:

Improve navigation and visibility of the CTA (Call-to-Action).

Create an intuitive interface focused on visual hierarchy.

Type

Webshop

Role

UX Research

Timeline

2 months

01 Market Research

Competitors Analyzed: Nike and Vans.

Key Insights:
Use of neutral color palettes to highlight the product.

Modern, clean fonts like Montserrat and Lato for high readability.

Emphasis on white space for visual clarity and product focus.

Outcome: The market favors clean and intuitive interfaces with simplified tools.

02 Use Research

Methods Used:

Qualitative interviews with target users.

Observation during website usage.

Key Findings:

Needs: Users value a fast, intuitive, and flexible process.

Preferences:

Minimalist design with clear CTAs.

Inspiration through images of other users' designs.

Key Quote:

“I like to explore several ideas before making a final decision.”

03 Workshops

Activities Conducted:

Brainstorming on “What can you do with a shoe?”.

Ideation of design tool functionalities.

04 MVP

MVP Results:

Simplified design.

Save feature for incomplete designs.

Hero section with clear CTA and inspiring imagery.

05 Wireframes

Wireframes: Low and high-fidelity wireframes were developed focusing on clear navigation and visual hierarchy.

Key Elements:

Clean lines.

Neutral color palette.

Focus on design section and CTAs.

06 prototype

Prototyping:

Link

Prototyping:

Link

07 Usability Testing

RAI GOMES.

RAI GOMES.

FRAY/N

The web boutiques where you can express your unique style by putting a personal touch on your shoes.

Background

Project: Creation of an online store for personalized sneaker design.

Objective: Allow customers to express their unique style by designing and purchasing their own sneakers.

Summary: The focus was to create a smooth, inspiring, and intuitive design experience for users.

Tools: Figma, Notion.

Problems

Identified during the initial analysis and research:

User Challenges:

Difficulty finding the design tool on the website.

Too many options can overwhelm users.

Slow page loading time.

Opportunities:

Improve navigation and visibility of the CTA (Call-to-Action).

Create an intuitive interface focused on visual hierarchy.

Type

Webshop

Role

UX Research

Timeline

2 months

01 Market Research

Competitors Analyzed: Nike and Vans.

Key Insights:Use of neutral color palettes to highlight the product.

Modern, clean fonts like Montserrat and Lato for high readability.

Emphasis on white space for visual clarity and product focus.

Outcome: The market favors clean and intuitive interfaces with simplified tools.

02 Use Research

Methods Used:

Qualitative interviews with target users.

Observation during website usage.

Key Findings:

Needs: Users value a fast, intuitive, and flexible process.

Preferences:

Minimalist design with clear CTAs.

Inspiration through images of other users' designs.

Key Quote:

“I like to explore several ideas before making a final decision.”

03 Workshops

Activities Conducted:

Brainstorming on “What can you do with a shoe?”.

Ideation of design tool functionalities.

04 MVP

MVP Results:

Simplified design.

Save feature for incomplete designs.

Hero section with clear CTA and inspiring imagery.

05 Wireframes

Wireframes: Low and high-fidelity wireframes were developed focusing on clear navigation and visual hierarchy.

Key Elements:

Clean lines.

Neutral color palette.

Focus on design section and CTAs.

06 prototype

Prototyping:

Prototyping:

07 Usability Testing

Key Insights:
Use of neutral color palettes to highlight the product.