Ohio - Bureau of Motor Vehicle

Point of Sale System - Legacy System Home Screen

Business Requirement

Business Requirement

"We’re moving our POS system to a new platform — not just to rebuild it, but to rethink and improve the experience"

This case study focuses on redesigning the homepage, the most critical entry point for daily operations.

My Role

Led the homepage redesign end-to-end, from discovery to final prototypes. Worked closely with product, engineering, and stakeholders to align user needs with business goals.

Led the homepage redesign end-to-end, from discovery to final prototypes. Worked closely with product, engineering, and stakeholders to align user needs with business goals.

Team

1 Product Manager

1 Project Manager

4 UX Designer

6 Developers

Tools Used

  • Figma

  • Google Forms

  • Miro

  • UserTesting

Timeline

3-weeks

3-weeks

Design System

Bootstrap DS v5.1

My Role

Led the homepage redesign end-to-end, from discovery to final prototypes. Worked closely with product, engineering, and stakeholders to align user needs with business goals.

Team

1 Product Manager

1 Project Manager

4 UX Designer

6 Developers

Tools Used

  • Figma

  • Google Forms

  • Miro

  • UserTesting

Timeline

3-weeks

Design System

Bootstrap DS v5.1

First things First…

Establishing a Design Framework

But Why?

Without a shared structure, design decisions fragment quickly, especially in fast-paced, cross-functional teams.

The framework helped us stay consistent, reduce ambiguity, and focus on solving the right problems.

User Research

Users I'm Designing For

BMV Managers - 10%

Focused on oversight, efficiency, and operational visibility.

Deputy Registrar - 20%

Responsible for accuracy, compliance, and smooth daily operations.

Clerks - 70%

Primary users handling high-volume transactions under time pressure.

BMV Operators Expressing thier Pain Points

Pain points experienced by BMV operators

65%

  1. Dense, unstructured text slows scanning

  2. Weak separation between sections

  3. Small font sizes increase reading effort

  4. Small targets increase the likelihood of mistakes

  5. Lack of prioritization — everything feels equally important

User Impact

Slow Task Completion / Frequent misclicks or wrong workflows / Heavy Reliance on Training

20%

  1. Important actions don’t stand out from secondary content

  2. Similar styling across elements reduces distinction

  3. Layout feels flat with no directional flow

  4. Users must scan the entire screen to locate key action

User Impact

Eye strain / Slower scanning / Reduced trust / Exclusion of some users

15%

  1. Colors compete instead of guiding attention

  2. Visual inconsistency reduces predictability

  3. Sections feel disconnected rather than unified

User Impact

Users get lost / High Error Rate / Confusion

5%

  1. No personalization or shortcuts.

  2. Lack of guidance for first-time users

  3. Users rely on training instead of intuition

User Impact

Frustration over time / Reduced productivity / Lower satisfaction

BMV leadership Expressing their Pain Points

"We’re constantly bringing in new employees, and the system just isn’t intuitive enough for them to pick up quickly. We need something that reduces the learning curve and doesn’t rely on prior experience."

Leah Horne - BMV District Manager

“Right now, transactions are taking longer than they should. If we can’t speed up the process, it directly impacts how many customers we can serve in a day.”

Dennis Decekr - BMV Branch Manager

“It’s already hard enough to find and retain staff — we can’t afford a system that takes weeks to learn before someone becomes productive.”

Aliana Larsen - BMV Branch Manager

“With the turnover we have, we need a system that works for new employees on day one — not something they have to learn over time.”

Alana Branch - BMV Relations (Ohio Department)

Interesting findings gathered from business analyst

Data given by business stakeholders

The 2017 update introduced a temporary spike in user engagement. However, without addressing core usability issues, engagement steadily declined over time.

This highlighted a critical gap: feature updates were prioritized, but underlying user pain points remained unresolved.

These metrics reinforce what we observed in user research —
the system is slowing users down instead of supporting efficiency.

This is not a surprise considering the user points up above, but there is a lot to solve in the new design.

Synthesis & Key Insights

Speed is the core need — operators perform the same small set of tasks dozens of times a day. The interface should be designed around frequency of use, not an alphabetical or arbitrary list of every possible function

Visual noise is the biggest barrier — the absence of hierarchy, spacing, and grouping means operators carry the cognitive load that the design should be handling for them.

The left sidebar is the most underused opportunity on the screen — it's the natural home for the most frequent Point of Sale actions, yet it sits almost entirely empty.

Trust matters even on a static screen. A dated, chaotic design passively signals that the service behind it is the same.

Small design decisions have outsized consequences — a few pixels of extra spacing between links, a clearer type scale, and a logical grouping of the top strip would eliminate the majority of the pain points operators expressed.

Problem Statement

Problem Statement

"BMV operators need a homepage that communicates what matters most at a glance, because right now every element competes equally for attention — slowing down transactions, increasing errors, and eroding confidence in a system that serves hundreds of customers daily."

"BMV operators need a homepage that clearly communicates priorities at a glance,
so they can complete tasks quickly and accurately"

The current experience lacks hierarchy and structure, causing delays, increasing errors, and reducing confidence

How Might We Solve this Problem

How Might We Solve this Problem

"BMV operators need a homepage that communicates what matters most at a glance, because right now every element competes equally for attention — slowing down transactions, increasing errors, and eroding confidence in a system that serves hundreds of customers daily."

How might we create visual hierarchy that guides the eye naturally — without the operator having to think about where to look?

Make the most used actions the largest elements on the screen

Establish a clear grid system so every element has a reason for where it sits on the screen

Apply a typographic scale — H1 for primary actions, H2 for section labels, body for supporting info — so hierarchy is built into the type system

Use proximity as a grouping tool — elements that belong together should be visually closer to each other than to unrelated elements

"BMV operators need a homepage that communicates what matters most at a glance, because right now every element competes equally for attention — slowing down transactions, increasing errors, and eroding confidence in a system that serves hundreds of customers daily."

How might we group and organize the top strip of links so operators can navigate by category rather than memory

Apply information architecture principles — card sort the links into logical mental model categories that match how operators think, not how the system is built

Introduce a navigation pattern with clear affordance — tabs, a sidebar nav, or a grouped menu — instead of a flat undifferentiated list

Use consistent iconography alongside text labels to create dual-coding, making links faster to recognize than text alone

Group links under labeled categories so operators build a mental map of the interface rather than memorizing individual item positions

How might we design a homepage that new operators can pick up quickly, without depending heavily on training or prior experience?

How might we design a homepage that new operators can pick up quickly, without depending heavily on training or prior experience?

Apply the principle of least surprise — use UI patterns that match conventions operators already know from everyday digital tools

Build visual consistency into every repeated element so once an operator learns one pattern, they can apply it everywhere on the screen

Use affordance-driven design — buttons should look like buttons, links should look like links, so no element requires prior knowledge to understand

Now the Fun Part

Comparable Analysis

But Why?

To ground the redesign, I analyzed comparable systems to understand common patterns, strengths, and gaps.

The goal wasn’t to replicate solutions, but to identify what works, what doesn’t, and where we could improve.

From Idea to Structure

Sketching Early Concepts

I explored multiple layout directions to test how information could be structured more effectively.

Designing the Hi-fi Mockups

Layout Option 1

Applying Hick's Law by reducing the number of visible choices to decrease decision time

Search bar follows Fitts's Law by making it the largest and most reachable target on the screen

The different colors for each icon helps users to catch the item they are looking for quickly. Once they get used to it they would go by color coding rather than reading the label

As a back up icon and label pairing lets operators recognize actions through visual pattern recognition

Layout Option 2

Categorized sidebar uses the Gestalt principle of proximity to enable mental mapping over memorization

“Most Recent” prioritizes frequent tasks, reducing interaction cost via visual hierarchy

Larger, well-spaced targets reduce accidental clicks under time pressure

Labels & icons support recognition over recall per Nielsen’s usability heuristics

"After aligning on two directions, I tested both concepts with users to evaluate how effectively they supported real workflows, focusing on which layout reduced effort and improved clarity rather than user preference"

"After aligning on two directions, I tested both concepts with users to evaluate how effectively they supported real workflows, focusing on which layout reduced effort and improved clarity rather than user preference"

"This already feels so much less stressful to look at than what we have now. I don't feel like I have to read everything just to find one thing."

a man in a blue shirt smiling at the camera

Chris Lee

"If the most recent transactions are always at the top, even someone new would figure out pretty quickly what they're supposed to be doing."

man in black crew neck shirt

Daniel Wilson

"The spacing between everything makes such a difference — I'm not accidentally clicking the wrong thing anymore when I'm in a rush."

man in green crew neck shirt and black hat

Michael Brown

"The illustration is nice but it feels like a consumer app, not something I'd use at work. It doesn't feel like it belongs here."

Alex Johnson

"The icons help a lot — I can spot what I need without reading every word. That saves time when things get busy."

Emily Carter

"Now I'm not sure if I should use the sidebar or the grid to get where I need to go. Which one is the right way?"

Olivia Davis

"Nobody from leadership notices this but shortcuts are what actually save us time. I do the same 3 transactions all day — ctrl+shift+V and I don't even need to touch the mouse.

Maria Garcia

"The Most Recent section is exactly what I needed. I walk up to this screen and I already know the first three things I'm going to do today."

Sophia Martinez

"The categories in the sidebar are a good idea but I'd rather see the transactions themselves grouped that way instead of having a separate panel for it."

David Kim

"This already feels so much less stressful to look at than what we have now. I don't feel like I have to read everything just to find one thing."

a man in a blue shirt smiling at the camera

Chris Lee

"The illustration is nice but it feels like a consumer app, not something I'd use at work. It doesn't feel like it belongs here."

Alex Johnson

"Nobody from leadership notices this but shortcuts are what actually save us time. I do the same 3 transactions all day — ctrl+shift+V and I don't even need to touch the mouse.

Maria Garcia

"If the most recent transactions are always at the top, even someone new would figure out pretty quickly what they're supposed to be doing."

man in black crew neck shirt

Daniel Wilson

"The icons help a lot — I can spot what I need without reading every word. That saves time when things get busy."

Emily Carter

"The Most Recent section is exactly what I needed. I walk up to this screen and I already know the first three things I'm going to do today."

Sophia Martinez

"The spacing between everything makes such a difference — I'm not accidentally clicking the wrong thing anymore when I'm in a rush."

man in green crew neck shirt and black hat

Michael Brown

"Now I'm not sure if I should use the sidebar or the grid to get where I need to go. Which one is the right way?"

Olivia Davis

"The categories in the sidebar are a good idea but I'd rather see the transactions themselves grouped that way instead of having a separate panel for it."

David Kim

Both improved the experience but not speed and clarity, requiring better prioritization and hierarchy

Prioritizing User Feedback

Prioritizing User Feedback for the Next Design Iteration

I mapped user feedback based on priority and impact to identify what needed immediate attention versus what could be addressed later. This helped focus design decisions on changes that would meaningfully improve the user experience.

Updating the Design

I aligned with business and technical stakeholders to review user feedback and identify what could be incorporated without expanding scope.

Key Improvements

User-Controlled "Favorites"

During a feedback alignment session, I proposed replacing the “Most Recent” section with a Favorites feature—giving users control over frequently used items instead of relying on system-generated behavior.

Flexible Transaction "Grouping"

This was a key insight from early user research, but I initially excluded it due to business concerns around grouping—specifically how evolving transactions or new features might not fit cleanly into predefined categories.

Faster Access with "Shortcuts"

This insight emerged during testing of the initial designs and wasn’t identified in earlier research, but it proved critical as it directly impacts daily operations and time efficiency per customer.

Final Validation

User Task 1: A customer is at your window — find and launch a Vehicle Registration transaction as quickly as you can

User Task 2: Resume a previously opened receipt starting from the homepage

User Task 3: You are a first day operator with no training — using only what you see on screen, find where you would go to start a new transaction

User Task 4: Find the DL Abstract transaction and tell me how you located it

User Task 5: Now use the keyboard shortcut for the same transaction — tell me how you feel about having it displayed on screen

User Task 6: Find the Void transaction — tell me which category you expected to find it under before you looked

What We Measured

Based on KPI improvements, we confirmed that the redesign successfully addressed the core usability issues

Based on KPI improvements, we confirmed that the redesign successfully addressed the core usability issues

Speed is critical — the interface now supports faster access to frequent tasks

Speed is critical — the interface now supports faster access to frequent tasks

Reduced visual noise — clearer hierarchy and grouping lower cognitive load

Reduced visual noise — clearer hierarchy and grouping lower cognitive load

Better use of space — key areas now support primary actions more effectively

Better use of space — key areas now support primary actions more effectively

Improved perception — a cleaner, structured UI increases user confidence

Improved perception — a cleaner, structured UI increases user confidence

Small changes, big impact — spacing, grouping, and hierarchy significantly improved usability

Small changes, big impact — spacing, grouping, and hierarchy significantly improved usability

Enhancements I Would do in the future

Inclusive Design

Shift the UI further toward inclusive design. While the current MVP leverages strong color cues and iconography to support quick recognition and align with the problem space, future iterations would focus on improving accessibility and ensuring the experience works across a broader range of user needs

Role-Based Homepage

Currently, the homepage shows all transactions to every operator, regardless of role. A future enhancement would tailor the transaction grid based on roles (e.g., Clerk, Manager, Deputy Registrar), surfacing only what’s relevant to their responsibilities and further reducing cognitive load.

© 2023. Designed by Harish Bhetalam