Essential Landing Page Journey

Essential Landing Page Journey

Sprint - Essential

Art Direction • Web Design (UX/UI)

During my time at Sprint, I was asked to design the web material for the Essential phone line with the 360° camera that is specific to this device. I worked closely with a copywriter and a developer to insure the project remained in sync. I also provided web and mobile mockups.

 
 
essential-web.jpg
 

My main goal for this project was to create something useful and clean without a lot of distraction to the user while following the Sprint Standard Guidelines.

I kept the interface consistent throughout all the pages with navigation, color scheme and typography. Next, I wanted to reduce the amount of time the user spent getting to their destination with the least amount of clicks possible by adding the CTA to the fold.

I also made it easier for the user to scan thru the pages adding visual hierarchy. I avoided walls of texts and put more visual weight on important elements.

 
essential-mobile.jpg
 
test1.png
 

For colors, memory and quantity I went with a dropdown field to help conserve the space on the page and give the user option information. For the “Add 360° camera” I chose a checkbox. Since it’s only one option, it makes it easy for the user to select and deselect.

 
essential-mobile-1.png
 
essential-web.jpg
 

The checkout is usually the most frustrating part of online shopping so I wanted to make it a quick and easy experience for the user. I decided to split the page with “Your Order” on the left and “Payments Details” on the right. I kept the form fields minimal and clear. I added a yellow border to highlight data entry fields that turns red to signify an error.

 
essential-mobile.jpg
 
 

Back