Ketryx

FDA compliant software simplifying complexity & accelerating development

Health Tech

Industry

Wizardly

Year

2024

Agency

Web Design

My Role

Overview

Ketryx aimed to redesign their brand and website to better compete in the HealthTech industry, addressing the challenge of building a stronger brand presence and standing out in a field dominated by more established competitors.

As part of the redesign, we highlighted their key strength—software that simplifies complexity and accelerates development for their target audience. This included custom illustrations for cohesive storytelling, a curated library of 50+ icons, and a redesign of 20 web pages with concise copy and interactive UI components to enhance clarity and engagement.

Roles

I collaborated with the team at Wizardly to support the Creative Director in the rebrand and lead the website redesign. My responsibilities included working with the project manager to coordinate stakeholder discussions, managing the design system, extended the new brand across the website, and preparing the files for a seamless handoff to the developer.

Creative Director

Meg Schlabs

Project Manager

Josh Rogers

Web Designer

Myself

Developer

John Cole

Website

We focused on creating a design that was clean, spacious, and easy to navigate. Collaborating with the creative director, we developed 20 custom desktop mockups in Figma. To streamline the process and meet budget and timeline constraints, we designed a mobile view for the homepage and key complex layouts. This approach provided the developer with a strong foundation for mobile design, allowing them to adapt the remaining pages while referencing specific designs for sections that required unique interactions or layouts.

Key elements for enhancing the user experience included a mega menu to improve navigation, UI components to streamline lengthy content, a cohesive design system to ensure consistency and support future development, and motion and interactive elements to boost engagement and simplify complex information.

UI Components

Showcasing screenshots and videos of their product was crucial to demonstrating its value and competitive advantages. To ensure this content was engaging and easy to navigate, I designed reusable tabbed UI components that grouped related information, reducing cognitive load by presenting one set of content at a time. This approach allowed users to quickly find the details they needed without being overwhelmed by lengthy pages.

Mega Menu

The previous menu used a dropdown format, but the team at Ketryx realized this approach wasn’t effectively showcasing the breadth of their offerings or supporting their growth. I love a good mega menu, so I collaborated with the team to finalize the new sitemap, focusing on the updated categorization of pages, and designed a mega menu to not only ease navigation but also be flexible enough to grow with the company.

As a bonus, I added a section on the right-hand side to spotlight a product and encourage users to watch their demo video.

Motion & Interaction

Motion design was a key aspect of the project. For example, we used hover-triggered interactions in a data flow chart to showcase Ketryx's process. When users hovered over icons in the chart, a box on the right dynamically displayed relevant information, making complex processes clearer and more engaging.

These interactive animations, combined with smooth transitions and visual feedback, enhanced user comprehension and brought static data to life.

Design System & Project Handoff

I developed a comprehensive component library to meet both current needs and future scalability. This system included adaptable UI components, typography styles, icons, illustrations, and a cohesive color palette, ensuring consistency across all pages.

We collaborated closely with Ketryx’s in-house developer, involving him early and frequently to align designs with the project’s time constraints. To streamline communication, we held regular meetings and created a dedicated Figma page to make the handoff process efficient and straightforward.