Say Hello

Personalized skincare for you

Personalized skincare for you

Project

Atolla Skincare

atolla.co

Services

Atolla is an MIT-developed and Kickstarter and venture-backed start-up, poised at the cutting edge of skincare and personalized products. Focused on more than just beauty, Atolla is shifting perceptions of their product to science and skin health. Atolla partnered with Metajive to design and build a digital ecosystem to support their personalized skincare launch.

Atolla Lifestyle image
Atolla Lifestyle image

Challenge

We started with an undefined brand that lacked visual direction and were tasked with explaining a complex and revolutionary onboarding process in a way customers would understand. This process had to introduce the product, include physical skin tests and integrate a machine-learning algorithm to adapt and improve the serum for every customer every month. 
Atolla Product suite

Strategy

The overall strategy needed to be simplified. With a product this complex, we wanted to ensure its online presence wasn’t overwhelming. We streamlined the onboarding, the explanation of the process, and the introduction to this new product category. All product claims were always supported and validated by scientific data. This allowed us to help position Atolla in the beauty industry as a leader in technology and beauty. 

Design

We created a design that felt as progressive as the product itself. The design was created to feel at home with millennials and be optimized on mobile. We emphasized simplicity and natural beauty throughout the site and used typography to validate the science behind the promise. 
Simplified Design System
 A clean and straightforward, yet beautiful design to help highlight the right content at the right time, so users can find the information they're looking easily. 

Simplified Design System
Such a complex product needs a simple spot for users to get all their questions answered. 

Simplified Design System 
Assuring users that the science behind the serum is backed by real data. 

Simplified Design System 
A brief, yet detailed overview explanation of the process and product. 
Simplified Design System 
There was so much information behind Atolla, we created a centralized place to collect all their articles, and created a page builder so each article could be unique and still feel cohesive.
Skin Quiz
We created the flow for the Skin Quiz, to quickly collect the exact information needed to create each customer's unique serum without overwhelming the user. 
Skin Quiz
Utilizing visuals to help ensure clarity for the user.  

Skin Quiz
Included countless variables throughout the quiz to be sure we were capturing the true needs for each unique serum. 
Skin Quiz
Incorporating questions on the users current routine to help make sure Atolla could slide right into every users daily life. 
Account Center 
A central hub for all users to easily manage their account and payment center. 
Account Center
Allowed easy access for reviewing and updating subscription information. 
Account Center
Collecting more data about each user's personal experience with their skin to help improve the knowledge base and cultivate the best product for each user possible.

Details We Love

Typography

Color Palette

Iconography

Photography

Grid

atolla grid

Technology

In order to create an exceptional digital ecosystem for Atolla, we had countless integrations and APIs to account for; a full site e-commerce integration, custom API integration, detailed quiz API integration, CRM integration and segmentation, and personalized product integration to name a few. We also implemented lead scoring integrations for personalized user engagement and built a custom check-out specific to Atolla's needs. 
  1. 01Data Capture Integration

    While users were engaged with the demo we captured their name and email for use by the sales team after the event.

  2. 02Realtime Display Graphics Integration

    We integrated real time data with our motion graphics to integrate our fans into the brand.

  3. 03CDN Integration

    Delivering files at ultra-high transfer speeds to increase site loading time and decrease server load.

  4. 04Custom User Based Email Communication

    Each user gets customized emails based on their pregnancy stage, tasks completed and relevant articles.

  5. 05User Account Systems

    We segment user's data to allow customized experiences and security around individual data.

  6. 06Multidirectional Real Time Data Syncing

    Data flows seamlessly between the app and the server in real time.

  7. 07Retargeting Integration

    Increasing conversion rates by serving targeted ads and bringing users back to the site.

  8. 08Subscription Module

    Users were enrolled in automatic updates and informed of new seasons of clothes.

  9. 09Real Time Shopping Integration

    Users were able to "shop the look" in real time and checkout through Nike's web store.

  10. 10SEO Optimization

    Helping increase visibility of products for search results.

  11. 11Responsive Website

    A site that adapts to look great on every screen.

  12. 12Custom Data Feeds

    Ability to serve custom data as requested by the user at the device level.

  13. 14Retina Optimized

    Modified content with the highest resolution images to take advantage of high density screens.

Results

Our team successfully launched the entire digital ecosystem with a higher than average conversion rate and a brand that lives beyond the internet. We also had the opportunity to continue supporting their team after launch as Atolla built an in-house team. 
One more thing.

RELATED PROJECTS

Website

Nike Tech Pack

Website

The Daikin Group in North America