Secret Smiles

As a fast moving startup Secret Smiles is growing rapidly in terms of its product offerings. This led to brainstorming and the creation of a holding/landing page to showcase the products and its pricing in a clean and effective method which would drive leads.

Project Goals

The goal of the landing/holding page is to determine the best approach and design in order to create an experience where the user is clear on the following:

• What Secret Smiles offer
• The pricing of the packages with detail
• Convert into a lead

Competitor Analysis

Some competitor analysis was conducted to find out what our competitor/s is, what they offer and what makes us different, we looked at information such as structure, layout, tone and navigation. Below are some key findings:

Invisalign

• Clear header and CTA.
• Nice attractive imagery to showcase what your teeth could be like.
• An indication that they don’t sell the product to public and you require a dentist/provider.
• Could do with showcasing what the aligner looks like and how it works.

UX / Wireframing

Developing the UX through wireframes is a quick way to visualise the information we have collected so far, and begin to piece together the experience and interface. Myself, my team and the main Directors of Secret Smiles reviewed the wireframes frequently until we settled on and agreeable layout. I found that discussions over, sketched wireframes are much more insightful, creative and useful than discussions over fully designed UI as it allows clients to be more open in their feedback.

Some examples of of the sketch wireframes:

Once the sketches had been approved, I then recreated the drawn wireframes into Sketch:

Interface Design

Once the wireframes had been decided upon and the design vision was narrowed, from recreating the drawn wireframes into Sketch, i took this to design the UI elements for the landing page for December 2019.

Growth On Design

From the landing page we focused further on creating a new one page website design that showcased the aligner, key elements of the product, reviews and more (Was launched before christmas of 2019). Designs below.

Prototyping

We created prototypes from the Secret Smiles website design to showcase how we envisioned the teeth slider to work once developed using Principle.