Person
Person
Person
Person

UI Critique & Redesign

Evaluating real interfaces and redesigning them for clarity, usability, and better user experience.

Solution

UX/UI Design

Timeline

Timeline

Timeline

2 Weeks

2 Weeks

2 Weeks

Tool Used

Tool Used

Tool Used

Figma

Figma

Figma

Project Type

Project Type

Project Type

Solo Project

Solo Project

Solo Project

Introduction

Introduction

Introduction

Spotting what’s not working - and redesigning it with purpose.

This project showcases my ability to evaluate real interface patterns, identify usability issues, and propose clear, user‑centered improvements supported by rationale and redesigns.

UI ELEMENT 1
Class Schedule
Class Schedule

Problem

Problem

The schedule was meant to guide users - but instead, it slowed them down.

This element is taken from the schedule calendar interface used by DCS, a well-known martial arts gym located in Vancouver’s Chinatown. The schedule is intended to help users view upcoming classes and plan their visits, but the design made this process unnecessarily difficult. Past dates weren’t visually distinguished, the layout felt cluttered, and the color-coding system lacked clarity and logic. As a result, users struggles to quickly scan, interpret, and book classes with confidence.


Below are the before photo of the schedule.

Problem

Problem

The schedule was meant to guide users - but instead, it slowed them down.

This element is taken from the schedule calendar interface used by DCS, a well-known martial arts gym located in Vancouver’s Chinatown. The schedule is intended to help users view upcoming classes and plan their visits, but the design made this process unnecessarily difficult. Past dates weren’t visually distinguished, the layout felt cluttered, and the color-coding system lacked clarity and logic. As a result, users struggles to quickly scan, interpret, and book classes with confidence.


Below are the before photo of the schedule page.

Solution

Solution

Information Architecture

A clearer structure, cleaner visuals, and a more logical system.

The redesign improves usability by distinguishing past dates, adding helpful view options, increasing spacing, simplifying color‑coding with shape indicators, reducing repetitive time labels, and prioritizing building names for faster scanning.


Below are the after photo of the redesign schedule.

UI ELEMENT 2
Reservation
Reservation

Problem

Problem

The schedule was meant to guide users - but instead, it slowed them down.

Multiple identical time slots appeared across different seating areas with no grouping, while key actions like cancellation alerts were hidden at the bottom. This inconsistent structure required excessive scanning and made it harder for users to confidently select a reservation time.


Below are the before photo of the reservation page.

Solution

Solution

Information Architecture

A clearer layout and smarter hierarchy make booking feel effortless.

Time slots are now grouped into single rows with seating options displayed side by side, eliminating repetitive listings and reducing visual noise. Unavailable options are dimmed for quick recognition, and the alert feature has been repositioned and renamed to improve clarity. Together, these updates help users compare options at a glance and complete their reservation with confidence.


Below are the after photo of the reservation redesign.

Reflection

Reflection

Information Architecture

This project reminded me how much impact small UI decisions can have on real usability.

Working through these two UI critiques gave me the chance to analyze real interface issues and rethink them through clearer structure and more intuitive interactions. Even small problems, like unclear visual cues or inefficient input patterns, can quickly add friction to a user’s experience. Redesigning these elements helped me show how thoughtful adjustments can improve clarity, accessibility, and ease of use. If I had more time, I would have incorporated testing before and after the redesigns. Iterative validation is essential for understanding whether solutions truly work for users, and it often reveals insights that aren’t obvious during the design phase. This project reinforced the value of not just identifying problems, but continuously refining solutions based on real user feedback.

Solution

Solution

A clearer structure, cleaner visuals, and a more logical system.

The redesign improves usability by distinguishing past dates, adding helpful view options, increasing spacing, simplifying color‑coding with shape indicators, reducing repetitive time labels, and prioritizing building names for faster scanning.


Below are the after photo of the redesign schedule.

More Works

2025

More Works

2025

More Works

2025

Create a free website with Framer, the website builder loved by startups, designers and agencies.