Kelley Blue Book approached our digital agency for a modern look and feel across various websites. Numerous web products lacked consistency. This popular car valuation brand also required a focus on conversion. So our team designed a UX design system for speed and scalability!

Upli

Could employers dramatically enhance employee financial wellness through a feature-rich mobile app?  Discover how our agency's comprehensive app UI design solved this Fintech challenge through highly interactive tools and a sticky experience essential for frequent user engagement.

Kelley Blue Book

Kelley Blue Book approached our digital agency for a modern look and feel across various websites. Numerous web products lacked consistency. This popular car valuation brand also required a focus on conversion. So our team designed a UX design system for speed and scalability!

Gartner

Gartner is the world’s leading research and advisory company, providing essential market data and insights for industry leaders. Learn how content organization, strategic thinking, and a new UX design system for GDM's customer portal turned a brand's information expertise into an industry-leading software resource.

Razor USA

We gave an iconic youth brand a hip lifestyle upgrade that inspired a whole new audience to want to take Razor's products for a spin.

News Corp

A first of its kind benefits hub that highlights benefits for each stage of an employee's life. See how our web design company created a transformational experience that makes benefits tailored and easily consumable.

Barnum by Mass Mutual

Barnum Financial Group is an award-winning network of independent financial planning and wealth management advisors. Our user experience team cracked the formula for uniting independent advisors under a single digital destination for financial and wealth management, increasing adoption and conversion nationwide.

UE by Logitech

We’re all made to love music. See how our agency partnered with Ultimate Ears to create a rich and interactive experience, you can almost touch it.

The Marvin Group

We built an integrated digital experience and crafted an aviation website design that streamlines the navigation, showcases product innovation, and reaffirms a commitment to long-term customer satisfaction.

Belkin Business

Guiding the way partners and staff perceive and engage with the brand by aligning business and consumer verticals, highlighting differentiators and reclaiming leadership.

Palm Bay International

An industry leader with the most comprehensive portfolios of imported wines and spirits. See how we developed powerful generators and sales tools to facilitate new B2B business.

PowerSchool

PowerSchool is improving the K-12 educational experience with over 100 Million users in 70 countries. Learn how our digital agency empowered users while giving the brand a powerful interactive web product.

Martinkovic Milford

A brand that pushes boundaries through forward-thinking architecture. Learn about how we inspired both B2B and B2C prospects while increasing qualified lead generation.

Virco

Since 1950 Virco has supplied quality furniture for America's K-12 schools. Discover how our digital agency achieved a beautiful balance of robust client utility and brand positioning alignment.

Report by Steve Madden

A revolutionizing eCommerce shopping platform for one of the most iconic brands in footwear, sold in over 80 countries worldwide. See how our team developed a robust social and interactive experience targeted at female millennials.

Beast Academy

Providing a comprehensive curriculum that is both rigorous and wildly entertaining. Learn how our collaboration with Beast Academy took critical reasoning and advanced problem solving to all new levels.

Outward Hound

Outward Hound has cultivated a loyal customer following for pet lovers everywhere. Learn how our specialists employed advanced conversion tactics for the brand's robust new eCommerce solution.

Back

Kelley Blue Book

Kelley Blue Book approached our digital agency for a modern look and feel across various websites. Numerous web products lacked consistency. This popular car valuation brand also required a focus on conversion. So our team designed a UX design system for speed and scalability!

overview

Kelley Blue Book has been a household name since 1918. A full-scale digital transformation was vital to continue attracting its customers and younger audiences requiring a modern experience for accessing auto data. The goal was to create a fresh new experience that specifically targeted a generation of savvy, online car shoppers while remaining approachable to legacy users. So our team created a UX design system working from the bottom up. We included the most granular of design elements, including typography, icons, illustration, components and full web pages that went through rigorous user experience testing. Ultimately, we provided KBB with a centralized and adaptable UX design system that facilitates the efficient creation of various new digital web products.

Kelley Blue Book

SERVICES

UX Design System/ UI/UX/ Components/ Web Design/ Illustration/ Character Illustration/ Iconography/ Usage Guidelines/ Animation Samples

KKB first large ux-design-system

“The Isadora team brings empathy to human-computer interaction. The heart and soul their team puts in differentiates them from other providers. I’d recommend them to any organization.”

ID CS Sunbit Website2
Chris Choi User Experience Manager

SCALABILITY

A UX design system unifies a company’s assets, saves time on development, and increases profits. It serves as a framework for scalability, and a toolkit to help designers and engineers create more efficiently across multiple platforms.

ID CS KKB Strategy1 ID CS KKB Strategy2
ID CS KKB Strategy3

ILLUSTRATIONS & COLOR

Using a minimal color palette (working mainly with the primary palette) creates a well-branded look for KBB. High contrast content container colors help frame elements for task-oriented users. Shades of blue allow designers to separate information and add visual interest without overwhelming or distracting from the look of the page. A secondary palette of gold and light blue creates clear CTA’s while accent colors allow illustrations and data visualization to stand out.

ID CS KKB Inspiration1 ID CS KKB Inspiration2
ID CS KKB Inspiration3
ID CS KKB Inspiration4 KBB Illustration ux design system

COMPONENTS

The UI elements were conceived to highlight KBB’s concepts of consistency and efficiency. Simple shapes and minimal customization provide the perfect building blocks for enjoyable and easy-to-use pages. Repeatability of beautiful components is wonderful for bringing designers and developers together for quick collaboration.

ID CS KKB Strategy4 ID CS KKB Strategy5
ID CS KKB Strategy6

the website

To incite action from the start, we engineered a helpful, smooth journey, accompanied by attractive visuals and concise copy, to bring users deeper into the site and closer to conversion.

ID CS KKB Website1

INNER PAGES

Kelley Blue Book’s target audience is smart and data-driven, so we made it simple to balance readability with the promotion of sponsored content, news, and updates from throughout the website.

ID CS KKB Website2

MODULAR

A modular and typography-focused approach is used to appeal to the younger user base while respecting traditional calls to action and interaction styles for the Kelley Blue Book brand known and loved by a more mature demographic.

ID CS KKB Website3

VEHICLE DETAILS

For flow and readability, we consolidated details with dropdowns, functional links, and compact photo galleries. Users can now switch between different model years, and access specifications and features without scrolling.

ID CS KKB Animation

One of the most enjoyable and sophisticated design partners I have ever worked with. The KBB team is a long-time partner and together we continue to push the boundaries of cutting edge digital infrastructures.

ID CS Sunbit Website2
Isadora Marlow Morgan President

MOBILE EXPERIENCE

We created a mobile grid that uses white space on the edge of the grid to maintain breathing room, while comfortably molding advertising and content into smaller, more digestible components. Emphasis on a mobile experience using strong typography and containers helps quickly distinguish sections of a page, while also clearly separating different components’ stories from each other. Creating the same look and feel for components utilized in mobile is imperative to provide mobile users the same seamless experience they see on desktop

ID CS KKBi Responsive1
ID CS KKB Responsive2
ID CS KKB Responsive3
PREVIOUS PROJECT Upli NEXT PROJECT Gartner