ROLE: Visual Interaction Designer
COMPANY: MarkOne Lifestyle - Vessyl
VP OF DESIGN: Jason Mayden
DESIGN DIRECTOR: Nina Walia
CREATIVE DIRECTOR: Eunice Joung
Have you heard that you should drink 8 cups of water per day? The truth is, we all have different hydration needs. Pryme Vessyl is a Smart Cup that automatically knows and tracks water-like beverages that you drink. This Vessyl cup paired with a mobile device will help its user fulfill their unique hydration needs. Pryme is a personalized, dynamic estimate of your unique hydration needs.
As the Industrial designers and Engineers worked together focusing on the cup, the app design team and I started hammering through the information architecture, building wireframes with the user as the focus. We asked questions like, “What do we want the user to experience when they open the app for the first time? 2nd time? Why would the user want to revisit the app again? How can we help users stay hydrated? How can we guide the user throughout the app without being obvious? How can we visually show decay in hydration for the pass 1 hr, 2hr, 3hrs? How can we visually communicate that there was a workout along a timeline that has effected the user’s hydration level? Do users want to be rewarded after reaching a certain point of hydration if so, how? How can we surprise and delight our users as they navigate through the app? I was given the task to build the visual design language of the app, working with the UIUX designer who has already built some wireframes for the app experience. I started to study the company’s design ethos which gave me the foundation for the design.
This process required alot of brainstorming, sketches, cross outs, and talking with the team. I looked for inspiration in water, bubbles, ripples, constellations, stars, and oceans to help support the app’s look and feel. We didn’t want this app to be like its competitors where they just show the user’s water consumption. We wanted to tell a story. We wanted the user to see the app as a hydration coach that inspired them towards a healthier lifestyle by giving simple milestones day by day. Working closely with the design team, ID, and also software, I’ve also animated prototypes of the experience in AfterEffects to help visually communicate what I thought would enhance the app experience. There would be back and forths about what can and cannot be done and from there, we’d start building again.
This App is currently still in the works but I am very excited to see it when it comes out! :)