The Shoe Guide – Web Case Study

Christopher Alan

0

Web Designer

UX Designer

UI Designer

Adobe XD

Sketch

Project Overview

The Kohl’s Shoe Guide is a comprehensive sizing and fit guide designed to help users select the right footwear with confidence. The page provides information on adult and kids' shoe sizing, width selection, and fit considerations, ensuring a seamless shopping experience.

Design Goals

Scalability & Reusability: Create a modular structure that can be easily adapted for future guides (e.g., apparel sizing, fit guides).
Clarity & Accessibility: Ensure easy-to-digest information for a wide range of users.
Engaging & Visual: Use images, diagrams, and interactive elements to simplify complex information. Sliders and expandable sections allow users to engage with the content dynamically.
Seamless Navigation: Provide intuitive sections for quick access to relevant details. A floating "Jump To" menu helps users quickly locate specific content.

Final Thoughts & Impact

By treating this as a test case for future guides, we created a scalable solution that simplifies content creation while ensuring a consistent user experience. This approach not only enhances the customer journey but also streamlines internal design processes for future educational content.
Art direction and design: myself Creative direction: David Waggoner Copywriting: Dan Roberts
c. 2021
Like this project
0

Posted Feb 12, 2025

Designed Kohl’s Shoe Guide as a scalable template for future guides, ensuring clear UX, engaging visuals, and seamless navigation for confident shopping.

Likes

0

Views

0

Tags

Web Designer

UX Designer

UI Designer

Adobe XD

Sketch

Astrogears – A Futuristic Design Agency Identity
Astrogears – A Futuristic Design Agency Identity
Kingston Place Brand Identity
Kingston Place Brand Identity