Monica Ditsworth

 Back To Projects

the oddball club
Landing Page UI + Brand Visual Identity

Overview

This project showcases the user interface (UI) design for the landing page of The Oddball Club, a unique and quirky subscription box catering to a target audience of women aged 25-45, individuals with a penchant for nostalgia and 90s aesthetics. My goal was to create a visually engaging and user-friendly experience that reflects the brand's fun and quirky identity.

Tools:

Lo-Fi Wire-frames
Shopify Theme Editor
Adobe Photoshop 
Adobe Illustrator

Role:

Research: Defining the brand's identity, target audience, and competitors.
Design: Creating wireframes, mockups, and the overall visual aesthetic.
Development: Using Shopify's theme editor.
Testing: Ensuring the design is user-friendly and functions correctly on different devices.

Timeline:

2020: Initial creation
2021, 2022, 2024: Iterate on design initiated with a focus on UX feedback and user-centered updates.

Usability Study: Findings

This usability study aims to evaluate the effectiveness and user-friendliness of The Oddball Club landing page design. By understanding how users interact with the page, we can identify areas for improvement and optimize the overall user experience.

Methodology

  • Participant Recruitment: Four participants were recruited from the target audience of women aged 25-45.
  • Task Scenarios: Participants were given a series of tasks to complete, including finding information about past subscription boxes, determining the target audience, navigating to the pricing page, taking a quiz, and evaluating the overall visual appeal.
  • Observations and Feedback: Participants' interactions were observed, and their thoughts and feedback were gathered through think-aloud protocols and post-task interviews.

Key Findings

  • User 1:
    Positive: Found the landing page visually appealing and engaging.
    Negative: Struggled with reading headers with white lettering. 
    Solution: Used black font color for the header text to ensure high contrasts with the pink background color for accessibility.
  • User 2:
    Positive: Found the landing page easy to navigate.
    Negative: Struggled to find information about past subscription boxes.
    Solution: Consider adding a "Past Boxes" section or a carousel showcasing previous themes.
  • User 3:
    Positive: Found the landing page to be well-organized and easy to navigate.                Negative: Did not immediately understand the value proposition of the subscription box.        ​Solution: Adding a more prominent tagline or value proposition statement.
  • User 4:
    Positive: Appreciated the consistent brand aesthetic.
    Negative: Felt that the landing page could benefit from more social proof (customer reviews).
    Solution: Included a dedicated testimonials section.
top