HL Computers

UX/UI Design Figma Mockup - September 2020- December 2020

Why HL Computers was created.

How HL Computers competitive edge came about.

Rapid prototype, user testing, low, medium. and high fidelity.

Final Figma mockup.

 

01 Project Overview

 

The purpose of this project was to create a competitive edge within a tech website. The team decided that a PC builder that is tailor made for both experienced and in-experienced PC would be a good feature and competitive edge to implement.

Some components the team thought would go well with this competitive edge were:

  • a hover “help” icon

  • a simplistic UI

  • multiple choice questions and answers to help narrow down customer choices

  • checklists

 

 02 Brainstorm

 
 

 03 Design Process.

 

Rapid Prototype

 

Card Sorting & Functional Salience Testing

 

Low Fidelity

 Low Fidelity Visual Affordance Testing

 

Medium Fidelity

Medium Fidelity Visual Affordance Testing

 

High Fidelity

High Fidelity Visual Affordance Testing

 

05 Final Mockup

Screen with competitive edge feature.