Compass
Summary: A private mobile diary web app for self-tracking and keeping diary simply with
video and voice recording entries.
Team Members: Jinghan Cao, Darlene Jiang
Duration: January – March, 2021
My Role: Brainstorm, POV, Moodboard, Paper Prototype, Video Prototype, Style Guide, Wireframe,
Illustration, Prototype, Programming
Tools: Adobe Premiere Pro, Figma, HTML, CSS, JavaScript, JSON
View Project Code on GitHub.
View Project Mock Web App on Heroku. (Best in iPhone 6/7/8 Inspect View)
Point of View
Life’s fast pace makes it difficult for people to self-track and self-reflect, providing users a way to digitally capture the moments of their life will make self-tracking more convenient and help people draw insights from their daily life. An app like Compass will benefit users, especially young students and working professionals who are looking for a simple, secure and time-saving way to keep journals and experiences.
Storyboards
Storyboard 1
Storyboard 2
Storyboard 3
Paper Prototype
Video Prototype
style guide
moodboard
Color Palette
typography
logos
Wireframe
Slide
