Compass

logo

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

Pitch

Walkthrough