top of page

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:


I conducted interviews and created empathy maps to understand the users I’m
designing for and their needs.

Pain points


Can't ask doubt outside class


Time management


Can't Practice any time


Digital wireframes

Screenshot 2024-04-01 at 7.09.58 PM.png

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)


8 total users:

(1) w/ age range 16-20

(2) w/ age range of 21-28

(3) w/ age range of 29-37


  1. Need to ask doubt with teachers anytime

  2. No event section

  3. Practice area


Screenshot 2024-04-01 at 7.15.27 PM.png


Screenshot 2024-04-01 at 7.13.00 PM.png

The final hi-fi prototype presented cleaner user flows, better scrolling, & more details provided to user when ordering. It also included more recognizable icons.

Screenshot 2024-04-01 at 7.14.17 PM.png

Accessibility considerations


Navigation bar at top  are always present and clickable


Dates in international format for differing languages to read correctly.


All colors easily readable for color blind and macular degeneration



  • Behance
  • Dribbble
  • jpg
  • LinkedIn
  • 5968906
bottom of page