DICK's Tab Component

Creation & implementation of a marketing tab component in AEM.

Why Tabs?

Tabs are a great way to tell a story using 'chapters'. By grouping like-content, page scroll and clutter are reduced.

NOVEMBER 2023

Initial Design

The tab component was initially built using pills as the active tab state. This could be authored with a green, white, or grey background.

January 2024

User Testing

Using Quantum Metrics, we identified that athletes were clicking through tabs at a low rate of engagement. Partnering with a Marketing UX Specialist, we ran a small usability test for qualitative feedback.

Finding: Users preferred folder tab styling, indicating it felt more like sections.

APRIL 2024

Data Implementation

Post-testing, we redesigned the component to meet athlete goals and feedback. The new styling has proven to be successful through interactions and heatmaps.

SEPTEMBER 2024

MVP Pacement

This component is now leading the homepage as our main storyteller.

Capital Brands Group

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

The Ask

Lawrenceville Veterinary Clinic came to Responsival looking for a logo, brand guide, and full website.

The Project

The logo was a quick project. Using the feedback on our Responsival Logo Questionnaire, I created these three logos for our first round:

Round 1

They immediately chose Logo 2 as their final product.

Round 2

After round 1, they said that they would like something simple that uses their initials.

Round 3

After round 2, feedback was that it should be a simple company name with stars

The Brand

The logo was a quick project. Using the feedback on our Responsival Logo Questionnaire, I created these three logos:

The Site

The logo was a quick project. Using the feedback on our Responsival Logo Questionnaire, I created these three logos:

Home

Programs Used

Project Launch Date

Lawrenceville Veterinary Clinic came to Responsival looking for a logo, brand guide, and full website.

Want to see more of my work?

Web Projects
Want to chat more about this project?