Proven
Proven is transforming the skincare industry through the power of machine learning and data science. I collaborated with Proven to create a custom, user-driven experience to drive their unique brand of skin care analysis.
Various solutions were implemented to make this detailed analysis as easy and engaging as possible. A progress bar, vertical page scroll navigation, keyboard accessibility and one page design elevated their cool and clean aesthetic and kept the functionality seamless. To address some of the space issues caused by longer copy, I used tooltips and multiselect labels to maintain minimalism.
Design Process
Style Guide
What marks Proven's style? A bold logotype, a crisp typeface with character, and a bunch of fresh colors with references to beauty and skin care.
Tools
- Photoshop
- Illustrator
- InVision
Development
I created pixel precise hand-coded markups in React. I used a grid layout to ensure a responsive experience that was compatible across multiple devices.
The site was also tested across all browsers to make sure that it looked and behaved as intended, providing a uniform brand experience no matter how users access it.
Tools
- HTML5
- CSS3
- JavaScript
- React
- Git
- Heroku
- Sublime