⤳ ui/ux, interaction design, product design, visual identity
Delivering the Delight of Memory
A digital time capsule app that encourages users to cherish their precious moments.
Timeframe 4 months
Tools Adobe Illustrator, Adobe XD, Invision, Principle, Webflow
Role Ideation, Research, Designing, Prototyping & Interactions
The current culture of people not treasuring moments due to a fast paced lifestyle and the constant access/availability leading to instant gratification therefore not cherishing a moment.
A modern time capsule - an IOS based application which allows users to record their memories along with details that make the specific moment then bury them for a delightful surprise when opened.
By tracking videos, photos and audio to decay and collect memories
Primarily users in the younger adult range (20s-mid 30s) as they tend to lead a more rushed and digital lifestyle
I visualized my initial ideas digitally while also making adjustments based on the on-screen values and organization across all the screens - I also thought of variations available for screens such as displays of memories and additional options for tracking. I narrowed down the main sections of the system into the:
I created four mood boards based on different visual identities and paths I felt the app could take.
I chose to continue in the direction of the mood board with the keywords "nostalgic, soft, comfortable, unique and eccentric” as it resonated with the message and intention of the application.
The logo was based on the concept of the app being a personal time capsule.
During the translation of the mid fidelity wireframes to high fidelity and the creation of the branding, I felt that the design created did not fit the direction that I had envisioned for Tyme. There was a loss of the nostalgic feeling I wanted to convey, with stiffness and no ephemerality.
In order to reivse the unsatisfactory visual design of Tyme I did some exploration of concepts. The explorations included variations in colours, shapes and layouts while maintaining the structure of the mid fidelity wireframes. The ones I considered were:
I chose to move forward with the second style as it captured the intent of the application best.
The Interactive Prototype
The high fidelity prototype brings the user through the process of onboarding, then introduces them to the process of capturing a moment and possible user scenarios.
In terms of animation I wanted to communicate the soft and relaxed feeling. This involved many elements fading, drifting on and off the screen throughout the user's interactions with the app. The colours, movements, typefaces and forms would also be customised based off of the user's input into the system.
The marketing website brings in potential users and may expand the customer base. Since the intention and workings of the app may not be understood by simply hearing or reading the name of the app, it is essential that the users leave the site with a clear understanding of the features and benefits of the application.
Working on Tyme I was able to try new tools such as Origami and Principle and learn how to use them, I think documenting each stage from ideation to the final through my process website showed how the idea of a time capsule developed into a product. Looking back, I would fix and improve some of the animations created, create visualizations for the optional smart object and have done user testing in order to receive feedback.