Rogue Code
My role:
Product Design / Research / UX Design / Visual Design / Interaction Design
Tool used:
Figma/Adobe XD/Photoshop
The product:
Design Rogue Code website(Educational website for coder)
The product contain website, Dashboard for employee/teachers and app for student.
Project duration:
This project took 1.5 month to complete
User research:
Summary
I conducted interviews and created empathy maps to understand the users I’m
designing for and their needs.
Pain points
1
Can't ask doubt outside class
2
Time management
3
Can't Practice any time
Ideation
Digital wireframes
As the design phase continues I made sure to base screen design feedback and finding from the research user.
Usability study:
STUDY TYPE LOCATION
Unmoderated Usability Study INDIA: Remote
Mirrored Screen Recording with Voice & Audio
From user's desired location (home, vehicle, etc)
PARTICIPANTS
8 total users:
(1) w/ age range 16-20
(2) w/ age range of 21-28
(3) w/ age range of 29-37
Findings
​
-
Need to ask doubt with teachers anytime
-
No event section
-
Practice area
Mockups
High-fidelity
The final hi-fi prototype presented cleaner user flows, better scrolling, & more details provided to user when ordering. It also included more recognizable icons.
Accessibility considerations
1
Navigation bar at top are always present and clickable
2
Dates in international format for differing languages to read correctly.
3
All colors easily readable for color blind and macular degeneration