Fashion Wear E-commerce App
SUMMARY
Crafted for fashion enthusiasts, this e-commerce app prioritizes a seamless, user-friendly interface. Explore an extensive array of features designed to enhance your shopping experience.
ABOUT NYX
Nyx, the mobile fashion wear e-commerce app, embodies elegance and convenience. Immerse yourself in a seamless, user-friendly interface, offering an extensive collection of trendy apparel. 
THE PROBLEM 
Fashion e-commerce apps lack an efficient a user-friendly interface for users to visualize how the clothing would complement their style at home. This gap in functionality makes it challenging. NYX seeks to bridge these gaps.

ROLE
UXUI DESIGNER

DURATION 
3 WEEKS

SOFTWARE
FIGMA,ILLUSTRATOR,
PHOTOSHOP
TARGET AUDIENCE 

• Fashion enthusiasts individuals passionate about staying on-trend and exploring new fashion styles. They actively seek unique and expressive clothing choices.
• Social media influencers Individuals active on social platforms, looking for curated fashion pieces to showcase online. They prioritize visually appealing and Instagram-worthy fashion items.
The app may target the demographic of young adults seeking trendy and affordable fashion. This group is often interested in the latest fashion trends and versatile styles.
• College and university students seeking affordable and trendy clothing options. They are often interested in budget-friendly yet stylish choices to suit their lifestyle.




PAIN POINTS

• Size and fit uncertainty concerns about size accuracy and fit when purchasing online, leading to uncertainty and potential returns.
Inefficient search experience difficulty in finding specific items due to inefficient search filters or cluttered navigation interfaces.
•Security concerns app users may have concerns about the security of their personal and financial information during transactions.
User Persona's
Competitive Analysis 
Competitive analysis is a strategic business process that involves identifying, evaluating, and understanding the strengths and weaknesses of competitors in a particular market or industry.
Designing the User FLow
DESIGN PROCESS
Rapid Prototyping
low fidelity Wireframes
Fine Tuning the Design
User Testing
The Test was conducted by 7 people.

User Journey Goal 1

The client will be able to quickly browse without logging in, he will then use the hamburger menu and go to hoodies section. you will find a hoodie from the company VAKRA that is a full Pullover Hoodie He will then proceed to fill out personal information for the checkout process

User Journey Goal 2

The Client will be attempting to make an account, you will make a email/username and password, then verify your email. after verifying you will input his personal information, shopping preferences, and communication preferences. 
The client will now enter their payment info for easy checkouts, while also agreeing to the terms and conditions made by the company NYX, after the account is made, you may go to browsing the app if you wish.

The Final Deliverables 
The final high fidelity prototype presented with cleaner user-flows showcasing purchasing a hoodie, and signing up for an account.
01
on boarding screen

02 
Explore Page
03
product page
04
Checkout page
FINAL RESULTS
Intuitive Navigation
The app boasts intuitive navigation pathways, allowing users to effortlessly browse through the diverse range of clothing collections
Accessibility Considerations
Features
Use of high color contrast, appropriate text size and fonts to ensure readability and important elements are easily distinguishable for users with visual color blindness.
Incorporate voice search and alt text into images, to access the content through screen readers.

Enhanced User Experience
From simplified registration processes to personalized recommendations, every interaction within the app is meticulously crafted to enhance user satisfaction and drive engagement.
STYLE  GUIDE
Reflection
During the project for NYX, I delved deep into the intricacies of user experience. This has helped hone my skills in Figma. I realized the paramount importance of attention to detail.
Elements such as spacing, alignment, contrast, and icon sizes may appear insignificant at first glance, yet they wield immense influence over users' perceptions of the app. 

You may also like

Back to Top