UX · VISUAL DESIGN · BRANDING · ART DIRECTION
MARK ONE
Mark One is a consumer brand aiming to build desirable products that inform and inspire people to make healthier choices. The first product, Vessyl, is a cup that identifies, tracks, and aggregates the nutritional value of all beverages.
DESIGN LANGUAGE
I established the company's design language to help inform design decisions and maintain consistency across multiple functions including digital, hardware, packaging and marketing.
FORM
When we take physical shape, how do we look and feel?
Mark One's form strikes the balance between mechanized perfection and organic asymmetry of nature.
COLOR
What pigments are in our palette?
Mark One combines natural gem tones with darks to bring out the brilliance of each color.
LIGHTING
What kind of quality does our light possess?
Mark One's lighting is ethereal, calm, and soft.
MOVEMENT
How do we move through space?
Mark One's movement is ambient and fluid. It mimics the quieter aspects of nature, like the subtle breeze through your hair, or quietly floating dust particles.
LED EXECUTION
HARDWARE EXECUTION
BRANDING
As the company wanted to make health products more attractive and wanted tech products to feel sleek – not clunky. I created an identity that is cool, confident and clever. The symbol is a combination of a water drop and a flame: we called it the firdrop. An association to hydration and energy which reflect the brands focus on health. We wanted the brand to stand out from other tech products since friendly, white, pastel, rainbow palette was prevalent in the industry.
WEBSITE
I wireframed, prototyped, and designed high-fidelity mockups for the site, including a teaser site before the announcement of Vessyl. After reviews and revisions, I handed final designs off to the front-end engineers who implemented it.
WEBSITE ANIMATIONS
PACKAGING
Early concepts for packaging explored an elevated and polished look. More importantly, unboxing pieces were intentionally staggered so that people receive each piece as needed for setup.
