NYX
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.
The mobile fashion wear, e-commerce app, embodies elegance and convenience. Immerse yourself in a seamless, user-friendly interface, that offers an extensive collection of trendy apparel.
Timeline: 2 weeks
Role: UX/UI Designer
Platform: Figma
-
Problem
• Nyx sells clothing from other known retail designer brands, that has a large user base. However, most e-commerce clothing apps have cluttered interfaces that are difficult to navigate and the design does not align with the internet usage of the gen-z audience.
-
Solution
• Working on this project as a UX/UI designer, I designed the app to make it fit the expectation of the gen-z audience through three rounds of wireframing, prototyping and user-testing. I deliverd a fullset of UX/UI designs together with an expandable design system. My design led to a 15% improvement in user satisfaction rate.
-
Target Audience
• Fashion enthusiasts, individuals passionate about staying on-trend and exploring new fashion styles. They actively seek unique and expressive clothing designs.
•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. -
Pain Points
• Inefficient search experience and difficulty in finding specific items due to ineffective search filters or cluttered navigation interfaces.
• Concerns about size, accuracy and fit when purchasing online which leads to uncertainty and potential returns.
Process
User Persona's
-
User Journey Goal 1
The client will be able to quickly browse without logging in. The client will then use the hamburger menu to go to the hoodie section.
The client will find a full pullover hoodie from the company, VAKRA. The client will then proceed to fill out personal information for the checkout process. -
User Journey Goal 2
The client will attempt to make an account. The client will create a username and password, then verify through email. After verifying, the client will input personal information, shopping preferences, and communication preferences.
User Flow
Design Process
Rapid Prototyping
Low Fidelity Wireframes
Competitor Analysis
Competitor analysis is a strategic business process that involves identifying, evaluating, and understanding the strengths and weaknesses of competitors in a particular market or industry.
The Final Deliverables
Onboarding Screen
Explore Page
Checkout
The Final Results
-
Intuitive Navigation
The app boasts intuitive navigation pathways, allowing users to effortlessly browse through the diverse range of clothing collections.
-
Accessibility Considerations
Use of high color contrast, appropriate text size and fonts, to ensure that 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.
-
Reflection
During the project for NYX, I delved deep into the intricacies of the user experience. This has helped hone my skills in Figma. I also 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 the users' perceptions of the app.
Style Guide
