top of page
"Hakunetsu Studios"
A Responsive Web App
Context
Project Objective:
Help everyone find products quickly and easily to match their particular needs
My Role:
UX/UI Designer responsible for bringing this project from conception to delivery
Project Duration:
September 2024 - October 2024
5Ws
User Stories
1.
“As a new customer, I want to access the inventory without having to register, so that I can make sure this store has what I’m looking for before having to create an account.”
2.
“As a customer, I want there to be a variety of payment options, so that I can choose the payment method that suits me best.”
3.
“As a returning customer, I want to be able to save items that I cannot buy to a wish list, so that I can purchase them at a later date.”
User Flow
MVP Objective
This web-app is designed to be a merchandise e-commerce shop for those looking for things relating to Hakunetsu Studios’s universe of books, webtoons, anime, video games and merchandise. Anyone and everyone can find something that fits their taste.
Low-Fidelity Wireframes
Home (Desktop)
User Profile Tab (Desktop)
New (Mobile)
Wishlist (Mobile)
Cart (Desktop)
Cart Summary (Mobile)
Confirmation (Mobile)
Prototyping Results
Design System
High-Fidelity Wireframes
Home (Desktop)
User Profile Tab (Desktop)
New (Mobile)
Wishlist (Mobile)
Cart (Desktop)
Cart (Mobile)
Confirmation (Mobile)
Retrospective
What Went Well?
1. Feeling like experience is paying off. Looking at this project against the rest of my projects makes me feel like I have greatly evolved my UI/UX skills.
2. The color palette was something done on a whim and it ended up looking very good.
3. Working on this app as a web-app challenged me to develop my skills further.
What Didn't Go Well?
1. The user-flow process was very counterintuitive for how I process creative decisions, and it felt quite difficult while making it. I found that I spent too much time getting caught up on it, and pressed forward without completing it. I came back to it at the end, which defeated the purpose of making it in the first place.
2. Not testing more frequently throughout the iteration process.
3. Being that this was a personal project, it was challenging to keep my “wants” at bay.
How to Improve?
1. Practice more with user-flows, trying to simplify as much as possible. They don’t need to be extravagant. The world of UI/UX uses them, and therefore I should too. I need to find a way to make user flows that aligns with how I creatively process ideas.
2. Make sure I am testing in some capacity during multiple iterations of the app. Test as if I’m testing for stakeholders.
3. When testing, make sure the user’s needs are being met before personal features are added in. Remember that my “wants” may actually be something the user doesn’t want.
Feel Free to Download the Case Study!
bottom of page