Dev Replacement.png

Device

Replacement

UI/UX/IA/IxD

This application was initially designed for the iPhone X, but will also be launched for most major iOS and Android devices. This app will diagnose a user’s device, inform them of any hardware or software issues, and how to upgrade their device (if needed).

 

The UI and color scheme are used to separate the experiences the users have throughout the app: red for the diagnostics and questionnaire, white for the purchasing/upgrading. They are very different goals while in the app, so some visual separation was needed.

row-of-iphones.png
identify-iphones.png
IDENTIFY

HARDWARE IDENTIFICATION  |  This application will scan your hardware to determine specifications and the best steps to take based on your hardware.

diagnostics-iphones.png
DIAGNOSTICS

HARDWARE TESTS  |  Once the hardware has been determined, the user will complete a set of button and screen tests to determine the health and functionality of the device.

Q&A

ADDITIONAL HARDWARE QUESTIONS  |  Some of the device’s information simply cannot be determined by software; this is when the application will ask the user a couple short questions to gain further knowledge.

q&a-iphones.png
upgrade-iphones.png
UPGRADE

SELECT NEW DEVICE FOR UPGRADE  |  This will begin the in-app ecommerce experience for the users. The app will show eligible devices to select from. Once a device type is selected, the user will be able to pick the options for their new device.

RESERVE

SELECT PICKUP OR DELIVERY  |  Once a device and payment type has been selected, the user will be able to have the device delivered or to pick it up from an authorized partner.

reserve-iphones.png
CHECKOUT

ENTER INFO AND SELECT PAYMENT  |  Once the user has selected a device and scheduled a time to pickup and trade-in, the remaining checkout steps will be address info, payment selection, and confirmation.

checkout-iphones.png
TYPEFACE

ROBOTO CONDENSED

ROBOTO CONDENSED

ROBOTO CONDENSED

Roboto Condensed was selected due to its readability and simplicity at multiple sizes

COLOR PALETTE

#C8102E

#650D1B

#84ACCE

#404E5C

#363732

#656D78

#CCD1D9

  • Black LinkedIn Icon
  • Black Twitter Icon
  • Black Instagram Icon

Success! Message received.