Clear Com — Nagasai Vardhan

Clear Com —
Website Redesign

Overview

Clearcom empowers customers through market-proven communication technology, providing broadcast solutions globally.

UX Consulting
Design Systems

Re-platforming the existing digital product to create a more user-friendly interface, optimize performance, and align with WCAG's AA standards for accessibility.

Project Takeaways

Reflecting on the project, I realized that not being involved in the handoff and later stages of development led to issues with scaling for different screen sizes. I also missed the opportunity to design for various breakpoints.

Additionally, I feel that I could have chosen better color pairings to make the UI more engaging.

Company’s Logotype

Problem

The website hosts technical information about their products and also provides downloadable manuals, datasheets, and software updates but the experience of accessing the data did not meet user expectations.

Typography System

Lato Typeface

Inter Typeface

Typography

The website had a lot of product specifications, so we chose Inter and Lato for their tall x-heights,

which improves readability at smaller sizes. We used different type weights to create a clear visual hierarchy, emphasizing important elements effectively.

Desktop Website

Mobile Website

Information Architecture

Previously, certain links were strategically placed under multiple menu items to address users' difficulty in locating them. The inadequate menu structure made it challenging for users to recall and find menu options.

To improve navigation, we implemented cascading menus, making it easier for users to browse through the product catalog.

Resource Filtering Page

Previously, the page had a dual filtering system that users struggled to utilize. They had difficulty identifying the page location and found the tags excessive and confusing.

To address this, we used affinity mapping with stakeholders to strategically group content for better overall utilization.