Clear-Com — Technologies that connect teams
UX DESIGN / DESIGN SYSTEMS
Last update: June 27th, 2023
Objective
The objective of this ux project is to re-platform the existing digital product to create a more user-friendly interface, optimize performance, and align with WCAG's AA standards for accessibility
Project Overview / Design Process
DURATION
8 Weeks (2022)
USER Insights
Tools used
Sketch, Figma and Jira
> Redesign but for whom..
USERS ARE PROFESSIONALS & FAMILIAR WITH CLEAR-COM PRODUCTS
Client
Clear-Com ↗
SEEKS QUICK AND STRAIGHTFORWARD
WEBSITE EXPERIENCE
Concept
UX Research & Design Systems
EASY SUPPORT ACCESS FOR SEAMLESS USER EXPERIENCE
Key Areas
> Which pages are within the scope, and what insights influenced the selection of interventions?
01
02
03
Information Architecture:
The goal is to help users find information and complete tasks.
Download center:
A hub offering diverse resources
for products
Insights
Certain links were strategically placed under multiple menu items to address
the user’s difficulty in locating them within
the menu.Inadequate menu structure posed challenges for users in recalling and locating menu options
insights
The page had a dual filtering system, but users could not utilize it.
Users struggled to identify the page location and found excessive and confusing tags.
Resource Filtering:
A hub offering diverse resources for products
pain points
Users struggled to filter search results by content type, resulting in a time-consuming browsing experience.
Despite having a search bar, users had to manually scroll through multiple pages to find specific product versions, causing frustration.
Users encountered difficulties accessing and downloading product-related files when offline or in areas with limited internet connectivity.
Design System
-
Design System -
Approach
> Atoms
Elements that ensure consistency and style for a seamless user experience
Atom
> Grid
Updated Color System
Typography
Visual hierarchy is created using type weights, effectively emphasizing important elements. For smaller-sized text, the Inter typeface is recommended due to its broader and taller letterforms, enhancing readability and legibility.
Molecules
> Molecules
These UI components systematically combine atoms, creating cohesive and functional structures
Organisms
