Mint Mobile Design

 

Project Highlights

My role in this project was UI designer. The Mint mobile experience needed to be updated to reflect the new Mint web site design. I produced the UI designs for the primary Mint mobile screens, which were used for both the responsive and app solutions. These designs reflected the web site style guide, but adapted the content and functionality to the mobile interface.
Jump to design mock ups

  • Create the mobile navigation elements
  • Design intake forms for the mobile platform
  • Adapt the desktop style guide to the mobile design
  • Design mobile contact forms for the two primary Mint membership levels
  • Create a range of design solutions for the home page that would be used as template options for the secondary pages
  • Design multiple options for the home page hero and CTA elements
  • Design the solutions for both the responsive and mobile app interfaces
  • Produce UI elements for mobile and 2X mobile
 

Growth Experiment

Improve the convertion rate for the intake funnel

Category

Acquistion

Hypothesis

The hypothesis, goals, timeframe, testing and analysis were handled by the client

Client

Mint via Vertical Spin

Tools

Adobe Creative Suite

Team

Design Lead
CTO

Design Elements

Palette

 
Mint style guide palette
 
 

Fonts

 
Mint font sample
 
 

CTA Buttons

 
Mint mobile CTA button
 
 

Design Mock Ups


Mobile Nav Options

 

Mobile Nav Options
 

Mobile Mock Up - iPhone

 

Mobile mock up - iPhone
 

Mobile Mock Up - iPad

 

Mobile mock up - iPad