Redesigning Clear-Com’s Digital Experience

Led a full UX overhaul to streamline workflows and boost engagement across web and mobile.

TEAM

1 Designer(Me), 1 UX writer, 2 Client stakeholders, 1 Product manager, 2 Developers

TIMELINE

2 months (Shipped)

STATUS

Shipped

OVERVIEW

Clear-Com builds communication systems for broadcast, live events, and high-stakes industries.

I redesigned their website and mobile experience to improve accessibility and simplify task flows. Helping users get things done faster and stay engaged longer.

PROBLEM CONTEXT

Users struggled to find information and complete key tasks like downloading manuals and software updates. Confusing navigation, frustrating search results, and dense content made things worse

Legacy UI, accessibility gaps, and heavy screens made the experience clunky and tough to navigate.

These usability challenges weren’t just surface-level, they showed up clearly in the site’s performance data.

SOLUTION

A design overhaul to make workflows more usable, content easier to find, and the site more engaging overall.

>Making navigation feel effortless

When I first explored the site, even basic actions like finding the Download Center felt buried. Important pages lived under vague labels, and menu items gave no real sense of what was clickable or not.

I moved the Download Center link to the main nav to reflect its importance.

Browsing was confusing because product categories weren’t organized. Cascading menus now logically group products, helping users find what they need quickly.

>Search that works like people think

The old search dropdown made users hunt for product names they already knew. I replaced it with a smart search bar that autocompletes results and lets users filter by document type before they even hit enter.

Getting the right version, faster

The search broke with incorrect version input, so I added a dropdown filter and version lookup to guide users. For offline use, bulk download makes grabbing everything quick and easy.

>Decluttering filters for clarity and control

The original filtering UI was a mix of decorative icons and scattered tags: hard to spot, harder to use.

I restructured the experience with clear categories (like Markets, Technology, and Products), a cleaner layout, and added sorting to bring relevance to the forefront.

IMPACT

The redesign didn’t just look better: it performed better.

APPROACH

I started with a simple question: “What makes finding information on this site harder than it should be?”

I mapped the experience against NN Group’s 10 usability heuristics to unpack this. Looking for moments where the interface broke clarity, consistency, or momentum.

Missing visual feedback in navigation

Menu items didn’t show hover or selected states, and dropdowns looked disconnected from their triggers. Users struggled to tell what was clickable or where they were without clear visual cues.

Unfamiliar product naming

The site relies heavily on technical terms like “IFP,” “QCOM,” and “Source Assignment Panel” without offering context. This makes it harder for non-technical users to understand the content or complete their tasks.

Unclear interactive elements

Clickable images lacked interactive cues, making them feel purely decorative. Icon-and-text filters didn’t follow common patterns like chips or toggles, leading to confusion about what could be interacted with.

Typography

Given the site’s dense technical content, we chose Inter and Lato for their tall x-heights and clean forms, making specs easier to read even at smaller sizes.

Low-fidelity prototypes

I built wireframes to explore layout ideas and validate flows early, making it easier to align with the team and stakeholders.

Component Library

I built a flexible component library to ensure consistency across pages and speed up future iterations.

Buttons & Links

Filtering Component With Interactive States

Reusable Elements

Modules

Things I learned along the way

①
I learned that speaking the user’s language matters — even when the user is a stakeholder. Design terms like “IA” or “affordances” don’t always land, but showing how users get stuck usually does.

②
Visually, there wasn’t much scope to explore new UI directions — but in hindsight, small shifts like clearer containers, stronger shadows, or bolder colors might’ve brought more character and polish to the experience.