



Story & Characters
Comic series




Interactive Particle Animation
fig1. H2O molecule
vid1. 2D particle animation of smartphone
vid2. 2D particle animation of water molecule
Lesson Level System
vid3. unit cover list
vid4. understanding questions structure
Cards for unit cover that was inspired by music album cover. Each card contains an illustration for the comic cover and the unit title. I designed infinite scroll card to enhance the engagement and make it feels seamless and immersive.
After clicking the unit cover, user is navigated to the unit comic. This dedicated comic page was designed to make the user focus on observing science phenomenon before going to the respected lesson.
When the user done with the lesson, user will continue working on the understanding questions (quiz). User required to get 100% of score to be able to continue to the next unit and user could take unlimited retest if user doesn't achieve the targeted score. I also created the questions review to help the user understand which question that need to be rechecked.
I didn’t conduct the user testing by myself. It was done by the client himself as a part of the validation process for the thesis.
98%
Visual Storytelling
93%
Multiple Representation
91%
Usability Rate

Executing a rapid UX cycle within a strict academic and end-of-year timeline provided critical operational lessons. To optimize my methodology for future product cycles, I have identified three key areas for systemic improvement:
Shift Generative Research Forward While our assumption driven approach effectively bypassed early roadblocks, relying entirely on evaluative (late-stage) testing carries inherent risk. Moving forward, I will mandate a strict, time boxed generative research at project kickoff. Validating core behavioral assumptions directly with users before establishing the technical architecture prevents costly pivots later in the development cycle.
Implement Low-Fidelity Narrative Testing Waiting for high-fidelity, polished illustrations to validate our narrative hypotheses consumed unnecessary time and budget. I will institute early-stage guerrilla testing using raw, unpolished storyboards. Validating the narrative flow and cognitive hooks at the lowest possible fidelity ensures we only commit resources to art direction that is already proven to work.
Establish Centralized Team Alignment because the team was distributed across different cities, the client initially requested a siloed, one-on-one communication structure (a hub-and-spoke model). This fragmented approach resulted in a lack of psychological connection, delayed progress reporting, and workflow friction. As a product lead, I must control the operational rhythm. In the future, I will mandate unified all-hands kickoffs and regular team syncs to foster shared commitment, accountability, and momentum, regardless of the client's initial organizational structure.








