top of page
Auction Project hero images.png

A UI/UX Case Study

Role: UX Researcher, UI/UX Designer

Platform: PC

Timeline: Feb 2024

Auction image.jpg

About

The primary objective of this project was to enhance the user experience, with a specific focus on optimizing the user flow regarding the bidding process while ensuring minimal deviation from the existing website.

Research

Objectives

  • Determine key user pain points

  • Pinpoint the areas where users are getting stuck or confused

  • Identify the factors contributing to user confusion

  • Assess user's perception of the current website

Usability testing along with 1-on-1 Interviews were conducted as primary research with 6 participants, all of whom were between the age range of 18 - 42 with a 5:1 male to female split.

Observations

  • A

  • Ineffective loading indicators leading to lack of clear feedback

  • Insufficient visual feedback from on screen elements

  • Unintuitive navigation bar

  • Absence of clear confirmation pop ups after completion of tasks.

Graph frame 3.png
Graph frame 2.png
Graph frame 1.png
Graph frame 5.png
Graph frame 4.png

User Flow

The proposed user flow outlines the journey of a first-time buyer who is not registered, with the primary goal of placing a bid on a specific item.

Auction.io User Flow.png

Paper Wireframes

Paper wireframe auction.jpeg

TYPOGRAPHY

Helvetica Neue

H1 45px   H2 32px   P1 24px   P2 18px

ICONOGRAPHY

Icon bar.png

Design System

The redesign of auction.io introduces a change in the visuals of the website while keeping true to the original design system.

COLOUR

#FFFFFF

BUTTONS

Button frame.png

Base

Hover

#DBCCD3

#711749

#000000

Auctionio mockups.png

Mockups

Design Process

I followed the 5 stage design thinking model which is a user centered, iterative problem solving approach. The stages of this design thinking model are as follows:

1.Empathize      2.Define.     3. Ideate.     4.Prototype.     5.Test

Design Toolkit
figma icon proper.png
lucidchart icon.png

Figma

Lucidchart

Prototype

© 2024 by Chirag Rajesh Mukkatira

Let's get in touch!

Feel free to reach out through any of these channels 

  • LinkedIn
  • Email Icon
  • Behance
bottom of page