ABOUT THE PROJECT
ROLE
UI/UX Design
DATE
2024
01
02
Competitor Research Snippet
Products Researched:
Key Takeaways
Feature popular comics
Encourage discussion & reviews
Don't overly crowd the interface
Utilize strong visual hierarchy
Key Takeaways
Modern, sleek dark mode styles are popular in comic apps
Differentiate comic displays
Variety in genre selection
Key Takeaways
Decisive with hierarchy and emphasis
Fit lots of comics on one screen
Varying shades creates depth
Utilize a color for strong contrast
Empathize & Understand
In order to empathize with the userbase and understand their point of view I created a user persona, user journeys, and user flows. This assisted me greatly in understanding what information was the most important to include and how to set up the app navigation and layout with hierarchy of information.
Some of the key features would be:
An emphasis on new comic discovery
Reviewing, discussion, and community features
Being able to log current chapters and series
03
Wireframe Process
During wireframing I kept in mind my research:
Strong hierarchy
Show the most important information
Clean, sleek, dark mode design
Logging & community features
Easy to discover new series
Final App Ideation
As the wireframes developed, I continuously went back to my research and ensured that I was on the right track and incorporating those ideas. This meant:
Ensuring the Title, Genre, and Rating were displayed for each series first, being the most important information for the target audience.
As the wireframes developed, layout and hierarchy were experimented with and trying to get similar results to the related and competitor app research was key, as that is what the user would be familiar with.
04
App Prototype Snippet
App User Interface
Figma Component Snippet
Editable components created in figma for repeated sections of design.