UNIFYING THE BRAND

For Litmos, key brand elements—color, typography, and iconography—were a central focus, and achieving alignment required careful listening and thoughtful prioritization. Marketing had a fun, playful voice, but the dashboard lacked that personality. By simplifying the color palette, the Dev and UX teams gained clear guidance, making it easier to apply branding consistently and bring the platform closer in tone and personality to the broader brand.

CREATING TYPOGRAPHIC HIERARCHY

Typography was refined to create clear distinction by expanding the ends of the scale,
and a naming convention was iterated until it provided a simple, practical solution for both teams.

BRAND VOLUME

Without having proper discovery and exploration of the brand, it became a matter of trial and error to determine the brand volume and tone.

Initially, blue was used to signal the customizable color, but as the platform evolved, Litmos Purple became the natural choice to represent the primary brand color.

DESIGN EVOLUTION

Extending the design language from thin lines to something with more visual weight for the empty state illustrations.

 

LITMOS AI ASSISTANT

Before the project launched, there were ambitious plans to integrate AI into core functionality—starting with the chat feature, then expanding into Search, and eventually into course and content creation tools. The goal was to give users AI-assisted support for building comprehensive training programs. My role focused on enhancing the user experience through branding and visual design, including designing the chat window’s interactive elements and creating its icon.

 

ANIMATIONS

Small touches were created for moments of the AI chat to show activity when the AI was thinking on an answer depending on how long or short the response time.

CONTENT CARDS

My initial focus was redesigning the content cards, which had already gone through several iterations without achieving the desired outcome. Content is at the heart of the platform, covering both third-party and company-specific materials. With a variety of content types—learning paths, time-sensitive courses, and free versus paid offerings—we needed a design that highlighted key information at a glance while revealing more details upon interaction.

LENNY 404

Small touches were enhanced with brand assets and brought to life through Lottie animations.
Adding these moments of personality helped the product better align with the brand’s outward marketing voice and tone.