UI Design for Website Experience Application

Project Overview

The image analysing service was a built-in application on the website allowing the potential buyer to upload their picture and experience the service.

GIGABYTE, TAIPEI TAIWAN, ​2019

UI
Web
Prototype
Figma

Research & Interview

After analysing two other competitors’ websites, I found a similar pattern in layout design. I also noticed that users might feel it’s hard to understand the function when the options column is too small. Since the targeting audiences are also developers, I interviewed our developer team to collect their needs and preferences about the functions.

Creation process

Compared to the competitor’s layout, I enlarged the options column so the user could see the effect earlier. And added a button in the text result column to easily copy the test result for their reference.

User Interface

Besides the layout of this service itself, I also prepared the page layout in the final proposal. The competitor analysis and user interviews showed that a service experience could be a good start attracting potential buyers. Therefore I suggested adding additional information below explaining where can this service be deployed and suggesting hardware to attract potential buyers.

Deliverables

Competitors Analysis

Sketches & Ideation Process

Technical Plan

User Interview

User Journey

Back