Fashions Underground
Challenge Accepted
This project’s purpose was to add a feature to an already established website. In this case I had to also update the home landing page.
Role:
UI/UX Designer & Researcher
Tools:
Figma & FigJam
Timeline:
July 2024-August 2024
Competitive Analysis
All projects have to start somewhere. Seeing what else is out there before you make a decision on your next project is the best starting point. This also allows you to see what will be competing against your design.
User Interview
User interviews are done to find potential users for your design and allows you to gather any and all information that you will need to start the foundation to your design.
Affinity Mapping
This activity is done once all interviews are conducted. Information that is gained from the interviews is sorted and categorized to find the pain points that the designs will focus on.
Problem Statement
Problem statements are created to get you to start thinking about possible solutions for the pain points that were found from affinity mapping.
Project Goals
The purpose of project goals is to find and understand what the website/application is going to accomplish from the user's end and the business end. These goals also include technical considerations based on target audience.
User Personas
User personas are created to better understand the perspective of the users, thinking about their motivations, frustrations, needs, and wants.
User Flows
User flows are created to understand how many screens are needed and to give some sort of time frame based on the number of screens. The user flows map out the path that users will go through when using the website or application.
Problem Statements
I would like to explore ways that users can see when and where a local pop up event is and it’s a consistent place to find that information, because of the unreliability of Facebook and Instagram posts being seen by everyone.
I would like to explore ways that allows more publicity and advertisement for the events like on multiple social media platforms to outreach to more people, because it is a small business that mainly does pop up events and sales.
Research Findings
Lets Start Designing
Low-Fidelity Wireframes
High-Fidelity Wireframes
-
![]()
Desktop and Mobile landing pages
-
![]()
-
![]()
Main user-friendly pages
-
![]()
-
![]()
-
![]()
User-friendly browsing and sorting of events
-
![]()
Problem Statement #1 Solution: The event section of the website is a great and consistent place to browse through all events. Users can sort through the events to find a specific type of event.
-
![]()
-
![]()
Users can get updates about events, sales, and new styles as well as preview the clothes available
-
![]()
Problem Statement #2 Solution: Signing up for updates allows the customer to stay up to date with new events, sales, and styles. While this solution does not contain social media, it was a solution that users seem to enjoy and use.
-
![]()
-
![]()
With every need for a website design is a need for a mobile design that matches
-
![]()
Testing
*
Testing *
Our Services
After
Hero Section Change
The before version just didn’t feel like it fit with the rest of the website. After testing was conducted, the users felt it was a bit out of place as well.
After
Navigation Bar Update
Testing results showed that the landing page felt outdated, so after I made the upgrades to that page, I needed to update the navigation bar.
Conclusion
-
Summary
This project's purpose was to add a feature to an established website. This project taught me how create an addition while sticking with the same style as the rest of the website.
-
Highlights
As always, I enjoyed designing. I enjoyed the challenge of sticking with an existing style while adding a feature.
-
Takeaways
I can stay within an established style when updating or adding a feature to a website or application.