Compass
![logo](images/compass/topbanner.png)
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
![](images/compass/storyboard1.png)
Storyboard 2
![](images/compass/storyboard2.png)
Storyboard 3
![](images/compass/storyboard3.png)
Paper Prototype
![](images/compass/paper_prototype.png)
Video Prototype
style guide
moodboard
![](images/compass/moodboard.png)
Color Palette
![](images/compass/color.png)
typography
![](images/compass/typography.png)
logos
![](images/compass/logos.png)
Wireframe
![](images/compass/wireframe.png)
Slide
![](images/compass/slide.png)