A household name since 1918, Kelley Blue Book, needed to attract modern customers and younger audiences. KBB was looking for a fresh new experience that targets a generation of savvy, online car shoppers while remaining approachable to legacy users.

Summary
UI/UX Design System - Kelley Blue Book
Article Name
UI/UX Design System - Kelley Blue Book
Description
A household name since 1918, Kelley Blue Book, needed to attract modern customers and younger audiences.
Publisher Name
Isadora Agency
Publisher Logo

Hilco Global

Another digital transformation, for the financial services industry. Hilco Global, a financial services company with 20+ subsidiary operating companies, excels at asset valuation and maximizing financial returns. Hilco Global partnered with us to organize and merge 11 different websites into a new cohesive and dynamic experience.

NCCER

Isadora Agency recently worked with the National Center for Construction Education and Research (NCCER). An educational nonprofit dedicated to craft professionals’ career development; NCCER needed to transform their brand. We achieved that goal by creating a powerful website design and visual identity to match.

Brookfield Residential

Leading home builder and land developer Brookfield Residential partnered with Isadora Agency for ongoing digital product design to enhance the brand's website and marketing tools. In addition to an improved user experience design, we created new visuals to display their beautiful communities.

Popcornopolis

Ecommerce website design for Popcornopolis brings high-quality, nostalgic flavors of popcorn to modern families on the go. A fast-growing leader in the CPG space, Popcornopolis needed its eCommerce website to keep up with increasing demand from devoted fans for tasty gourmet snacks, gift sets, and holiday assortments.

The Honest Company

The Honest Company partnered with Isadora Agency, a premier eCommerce web design agency, for facilitating the brand's online sales of baby and beauty products. The new aesthetic is a blend of utility and minimalism. See how we incorporated innovative features and design elements that enhance all beauty and baby products.

TravelStore

Isadora Agency, a custom web design agency partnered with TravelStore, one of the top-rated travel management companies in America, to create a seamless website experience for travel connoisseurs. TravelStore crafts unique itineraries for vacationers looking to travel in style and personalizes superior corporate travel programs for a sophisticated clientele.

Texas State Technical College

Information architecture services were one of the numerous service categories our agency focused on for Texas State Technical College (TSTC). Above all this was to help Texas meet the high-tech challenges of today’s global economy. Learn how our team took an informational clearinghouse and transformed it into an effective student-focused marketing platform.

LiveNation

The world’s global leader in live entertainment. You can just imagine our digital agency’s enthusiasm when Live Nation tasked us with creating an interactive website design & marketing campaign. Live Nation’s summer concerts were about to get personal and sharable via millions of fans across social media.

Sunbit

In short, Sunbit is a financial technology brand that required a web design company with deep expertise in creating various web products and dashboard design. Therefore, the brand’s growth gave our teams an opportunity to revitalize and create all-new modern marketing and mobile app tools.

Upli

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

Kelley Blue Book

A household name since 1918, Kelley Blue Book, needed to attract modern customers and younger audiences. KBB was looking for a fresh new experience that targets a generation of savvy, online car shoppers while remaining approachable to legacy users.

Razor USA

Razor is a leading personal transportation brand;  it brought scooters out of the attic and put them on sidewalks across America. When Razor needed to up their sales game, they approached us for eCommerce website design and development. We gave this iconic youth brand a hip upgrade that inspired a whole new audience to want to take Razor for a spin.

News Corp

  Webby Badge V2 News Corp is home to some of the world’s most trusted brands, including Dow Jones, Harper Collins, and the New York Post. Isadora Agency’s expertise as an enterprise web development company allowed our team to build News Corp an internal benefits website that changed their employees’ views on benefits in a creative, refreshing way.

Barnum by Mass Mutual

Barnum Financial Group is an award-winning network of independent financial planning and wealth management advisors. As an experienced B2B website design agency 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. Professional website design agency, Isadora Agency partners with Ultimate Ears to create a rich and interactive experience, you can almost touch it.

Belkin Business

Most importantly, guiding the way partners and staff perceive and engage with the brand design. On the other hand, 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 through custom web development.

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 through a web redesign.

Virco

Most Importantly, Virco has supplied quality furniture for America's K-12 schools since 1950. Therefore, discover how our digital agency achieved a beautiful balance of robust client utility and brand positioning alignment in this custom web design.

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 ecommerce design 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.
Back

Kelley Blue Book

A household name since 1918, Kelley Blue Book, needed to attract modern customers and younger audiences. KBB was looking for a fresh new experience that targets a generation of savvy, online car shoppers while remaining approachable to legacy users.

Profile

When Kelley Blue Book approached us for UX design, they needed a full-scale digital transformation to meet their brand goals. The various websites required a consistent, modern look, and renewed focus on conversion.

We built an adaptable UX design system down to the most granular design elements, including typography, icons, illustration, and components to help KBB create new digital web products efficiently. To ensure usability, full web pages went through rigorous user experience testing.

Kelley Blue Book

SERVICES

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

Thumbnail_KBB_1400x700

SCALABILITY

Firstly, the UX design system unifies a company’s assets, saves time on development, and increases profits. Secondly, it serves as a framework for scalability and a toolkit. Therefore it helps designers and engineers create more efficiently across multiple platforms.

Form_KBB_698x408 Dropdown_KBB_500x400
CarValue_KBB_1600x765

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

Demonstrating the impact consumers make when engaging with your brand can be very powerful.
Chris Choi User Experience Manager

ILLUSTRATIONS & COLOR

We created a minimal color palette to give KBB web properties a modern, consistent look.  High-contrast content container colors help frame elements for task-oriented users. Similarly, shades of blue allow designers to separate information and add visual interest without distracting from the look of the page. Therefore, the secondary palette of gold and light blue creates clear CTA’s while accent colors allow illustrations and data visualization to stand out.

DesignInspiration_KBB_586x360 Illustration_KBB_265x651
Typography_KBB_910x968
ColorPalette_KBB_428x186 CarIllustration_KBB_1200x600

COMPONENTS

The UI elements were created to reinforce consistency and efficiency. For instance, simple shapes and minimal customization provide the perfect building blocks for enjoyable and easy-to-use pages.

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

the website

To invite user interaction, we engineered a seamless journey, accompanied by attractive visuals and concise copy. These elements users deeper into the site and closer to conversion.

CarPage_KBB_637x2132

INNER PAGES

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

CarGallery_KBB_630x1144

MODULAR

We used a modular typography-focused approach to appeal to the younger users while respecting traditional calls to action. that are familiar to a more mature demographic.

CarPage_KBB_637x1745

VEHICLE DETAILS

We consolidated vehicle details with dropdowns, functional links, and compact photo galleries to improve flow and readability. USecondly, users can now switch between different model years, and access specifications and features without scrolling.

DesktopCar_KBB_1400x701

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.

Demonstrating the impact consumers make when engaging with your brand can be very powerful.
Isadora Marlow Morgan President

MOBILE EXPERIENCE

We created an identical look and feel for the mobile experience. A mobile grid uses white space to maintain breathing room and molds advertising and content into smaller, more digestible components. Strong typography and containers easily distinguish sections of a page and clearly separate different components’ stories from each other.

Our UX design team created a streamlined, modern design for a trusted brand’s web properties. We honored long-time customers while designing a system that would attract a new audience and move both through to conversion.

MobileDesign_KBB_338x731
MobileCarFinder_KBB_338x731
MobileCarChooser_KBB_338x731
See more
Upli Financial Wellness at
your Fingertips
Razor USA A Great Ride Gets a
New Vibe