Responsive Website Redesign

The journey towards revamping CALIA by Carrie Underwood’s online presence was driven by a commitment to enhancing user experiences and refining e-commerce functionality. The project aimed to deliver a seamless shopping experience that resonated with CALIA’s mission of inspiring women to embrace their health and fitness journey.

Objective

The primary goal was to transition away from a third-party hosting platform to an intuitive, in-house solution, coinciding with CALIA’s fifth anniversary. A new chapter for CALIA meant a fresh, user-centered design approach that embraced expanded product lines, including a dedicated plus-size collection.

Challenge

Situation Analysis

CALIA was managed on a third-party platform hired by DICK’s Sporting Goods, which necessitated independence to boost flexibility and reduce expenses from outsourcing.

This called for a makeover of the user experience, including the development of a design system aligned with CALIA’s brand identity, an overhaul of the information structure, and the integration of new functionalities like BOPIS (Buy Online Pick-up In Store), along with enhancing the visibility of the plus-size collection.

Goals

  • Migrate to a self-managed e-commerce platform
  • Develop a clear and intuitive product taxonomy
  • Redesign the site while remaining on brand
  • Create a design system for the new CALIA
  • Enhance the visibility and shopping experience for the plus-size collection

Process & Methodology

Agile and Double Diamond

The implementations of agile methodologies and the double diamond, rapidly iterating on the designs while incorporating user feedback and leveraging data to inform decisions, were critical to this project.

Research

Data Gathering

A preliminary analysis was carried out, engaging company stakeholders to acquire existing data, and to collect insights on upcoming merchandise. Additionally, the assessment included an examination of market trends and an analysis of the most searched SEO terms by women interested in plus-size activewear.

Surveys

Targeted surveys were deployed to gain insights into customer preferences and to define the shopping behavior for athletic apparel.

Ideation

Card Sorting

A card sorting exercise was conducted with users to determine intuitive categorization, guiding the development of the new site structure and its Product Listing Page (PLP) and Search Results Landing Page (SRLP).

Words Matter

Surveys helped refine the language used on the site, distinguishing between category names and filter options for an improved navigation experience. This helped in deciding what terms belonged on the site’s taxonomy versus which terms were best used as filters within the PLP and SRLP pages.

Information Architecture

Taxonomy Development

Research data led to a user-focused taxonomy, carefully considering terms and categories such as ‘Plus Size.’

Prototyping

Prototyping helped explore various navigational structures, aiming for the most user-friendly interface for both desktop and mobile.

Testing

User Interaction

Interactive prototypes underwent usability testing to identify the most intuitive navigation system, considering both desktop and mobile responsiveness.

Design System & Site Creation

Reimagining the Design System

The heart of the redesign involved reskinning some elements from an existing design system while redesigning others to align with modern UX principles, optimizing for visual appeal and user efficiency. A fresh color scheme, updated typography, and new iconography were introduced to elevate the brand’s digital presence, underscoring a commitment to crafting experiences that resonate and engage.

Please click through images to view.

UI/UX Design Innovations

The approach to UI/UX was rooted in innovation, capturing the brand’s essence through every click and scroll. New components like interactive product showcases and storytelling elements were meticulously added to serve the narrative and simplify the user journey, with the aim to design a site that reflects users’ needs and desires.

High-Fidelity Design Execution

Transitioning from low to high-fidelity designs focused on crafting an intuitive interface that brought the brand story to life. Detail-oriented choices in typography, spacing, and responsive layouts resulted in a seamless experience across devices, showcasing a relentless pursuit of design excellence.

Responsive Design Strategy

Adapting to a mobile-first world, the responsive design strategy ensures a consistent and exceptional user experience across devices. The use of the latest front-end technologies guaranteed designs that were not only visually compelling on any screen size but also quick to load, enhancing user engagement and satisfaction.

Results

Outcome

Post-launch metrics indicated a successful redesign with notable improvements:

  • Year-over-Year revenue growth of 200%
  • A 193% increase in site visitation
Traffic Increase
0 %
YoY Revenue
0 %

Conclusion

Reflection

The project demonstrated the significance of user-centered design, highlighting the ability to lead and implement changes that positively affected the business’ performance.

Future Steps

The redesigned website has established a new benchmark for the fitness apparel online shopping experience, with plans for ongoing enhancements based on user engagement data.

Let's Work Together

With a proven track record of boosting engagement and conversions, I deliver user experiences that not only resonate with customers but also drive substantial business growth. Let’s create compelling, user-first designs that elevate your company’s bottom line.