Product / UI design / UX collaboration
I was brought on to help redesign Keylink's marketing site interface and develop a design system that would be adaptable, expandable and flexible as the platform grows and evolves.
○ Unclear messaging
○ Confusing information architecture
○ Inability to find relevant information
○ Unnecessary clicks and inconsistent content blocks
○ Lack of contrast and low readability which impacts UX significantly
Design system management
UX design. support
A visual identity, marketing website, and product had already been created before I was brought onto the project. These elements served as jumping off points for the development of the design system.
The first step I took was to conduct a journey map to understand potential pain points of the platform.
Before the redesign, the Keylinks website had a busy design, complicated user paths and a relatively slow load speed.
Minimal, purposeful use of color
Typographic hierarchy and contrast make important information stand out
Similar component layouts that repeat throughout the dashboards
Open Sans was chosen for its classic, neutral, Helvetica-like qualities and it's legibility at small scales.
Using the four hues of the Keylinks identity as a starting point, I expanded the colour palette to accommodate the needs of the platform’s complex dashboard system.
Most people perceive and decode images much faster than words. In the final design, the hero image is an informative part of the page, providing a quick visual message about the content. We aimed to gain potential costumer's attention and keep them on the site. After the redesign, the new website is clean, easy to use and fast to load.
The new hero image instantly grabs attention and allows for setting the quick visual, emotional, and informative connection with the user.
Illustrations can also serve as visual markers for categories of the content or rubrics of the copy. These visuals helped us with the messaging.