Discovery of the Moth is a tablet-based application designed to educate high school students about moths. Its primary goal is to enable students to acquire a deeper understanding of various moth species and their significance in the environment.
​​​​​​​My role for this project was sole designer
 Prompt: Interactive Guide to Information
 Duration: 10 weeks
 Software: Figma and ProCreate
 Skills: UI/UX and Illustration​​​​​​​
GOAL

Educate & Engage
The goal is to peak student interest the environment while keeping them engaged with the information through bold visuals

RESEARCH GUIDED QUESTIONS



Solution
Discovery of the Moth teaches students about moth habitats, diet, potential threats, moth anatomy and life cycles. The information is presented in a clear way to ensure students absorb the information effectively while also offering a more engaging alternative to traditional textbooks 

Preliminary Wireframes​​​​​​​​​​​​​​​​​​​​​

Gallery: Showcasing moths available for learning.
About: Providing basic information about the selected moth.
Diagram: Featuring all the parts of a moth's anatomy.
Life Cycle: Illustrating the life cycle of a moth and offering explanations for each phase.


Hi-fi Wireframes​​​​​​​​​​​​​​​​​​​​​
Visual Style
Adapted from a scientific journal style, Discovery of the Moth incorporates a vintage look and feel to the graphics while keeping the UI a neutral aesthetic.
Early Iterations​​​​​​​
Final Compositions​​​​​​​
Reflection​​​​​​​

2023: What is "good" UI? While the concept is a challenge to fully grasp, being able to execute it effectively is even more complex. My focus on this project has been refining the UI to make interactions more clear and a smooth transition from textbook to tablet. 

2026: Looking back on this project I have a better understanding on UI/UX design and what constitutes "good" UI.  My goal this year will be going back to the drawing board to really execute this project is a more effective way to increase engagement. 

You may also like

Back to Top