For the Scrub Daddy website redesign, I focused on creating a vibrant and engaging user experience that reflects the brand's fun and innovative identity. By incorporating a bold and energetic color palette, I ensured the design captured attention and conveyed a sense of playfulness.

Problem

Inconsistent Design and Poor User Experience on Scrub Daddy's Website.

The Scrub Daddy website faces several design challenges hindering its effectiveness in showcasing its innovative products. Excessive use of colors and mismatched fonts create a chaotic visual experience, while a cluttered layout overwhelms users with too much information. These inconsistencies make navigation difficult.

What it was

The Scrub Daddy website was visually overwhelming with excessive clashing colors and fonts, making it look chaotic and inconsistent. The navigation was cumbersome due to a cluttered layout with too much information, and the outdated design elements made the site feel old-fashioned.

Solution

Re-designing the Main Page to Showcase Sections Effectively and Deliver a Clear Message to Users.

I redesigned Scrub Daddy's website to address its usability and design issues. I streamlined the layout to reduce clutter and make navigation intuitive, ensuring users could easily find product information. By replacing the chaotic mix of colors and fonts with a consistent palette and typography, I created a cohesive and modern visual identity that aligns with the brand's innovative image.

Wireframes

Initial Ideas + A New Direction

In this section, I created wireframes to map out the structure and flow of Scrub Daddy's redesigned website. The wireframes allowed me to visualize how different elements—such as hero sections, product displays, and call-to-action buttons—would be organized to ensure clarity and ease of navigation. This process helped refine the layout, ensuring that key features and products were highlighted effectively.

Accessibility Considerations

Color Contrast & Readability

The redesigned Scrub Daddy website follows WCAG guidelines by ensuring sufficient contrast between text and background colors, improving readability for users with visual impairments.

Typography & Legibility

A clear, well-structured type hierarchy enhances readability. Sans-serif fonts with proper spacing ensure accessibility for users with dyslexia or low vision.

Navigation & Structure

The improved layout uses clear headings, intuitive navigation, and consistent structure, making navigating easier for screen readers and keyboard users.

Final Overview

Through the Scrub Daddy redesign project, I gained a deeper appreciation for the iterative nature of design. Exploring multiple approaches during wireframing showed me how critical it is to consider different user pathways and refine solutions accordingly. I learned that simplicity in layout and consistency in design elements can significantly enhance a user's experience.