Southwest Lehigh Valley MOMS Club | UX/UI Redesign Case Study
UX/UI Redesign Case Study

Southwest Lehigh Valley MOMS Club Site Transformation

A comprehensive redesign transitioning a static informational page into a user-centered community portal that improved engagement and clarified value proposition for at-home mothers.

View Redesign Analysis See Live Websites
🖥️
Visual Design Direction

Mom-of-Lehigh

Project Overview

The MOMS Club of Southwest Lehigh Valley needed a digital presence that actively served its members rather than just documenting past activities. The original Google Sites page functioned as an internal archive with poor information architecture and no clear value proposition for new members.

🎯

The Challenge

Transform a chronological archive into an engaging, user-centered portal that clearly communicates club benefits and encourages new member participation.

🎨

My Role

UX/UI Designer responsible for user research analysis, information architecture, visual redesign, and content strategy.

🚀

The Outcome

A modern, scannable website with clear value hierarchy, improved trust signals, and focused calls to action that better serves both current and prospective members.

Before & After Analysis

The redesign focused on solving specific UX problems identified in the original website structure and content presentation.

Before: Google Sites Version
  • Chronological Archive: Focused on documenting past events rather than current value
  • Poor Information Architecture: Single long page with mixed content types
  • Weak Visual Hierarchy: Dense text blocks with minimal visual differentiation
  • No Clear Value Proposition: Visitors had to work to understand "what's in it for me"
  • Missing Trust Signals: No social proof or testimonials from current members
  • Buried Call-to-Action: Primary action (joining) was implicit and hard to find
After: Redesigned Website
  • Goal-Oriented Structure: Content organized by user needs (Kids/Moms/Charity)
  • Clear Information Architecture: Scannable sections with dedicated purposes
  • Strong Visual Hierarchy: Ample whitespace, clear typography, and visual grouping
  • Explicit Value Proposition: Benefits communicated immediately in headline and sections
  • Social Proof Integration: Dedicated testimonial section with member quotes and photos
  • Clear Invitation to Join: "Join us" messaging integrated into value narrative

Key UX Improvements

The redesign implemented fundamental UX principles to create a more effective and engaging user experience.

🗂️ Information Architecture

Restructured content from chronological reporting to goal-oriented categorization. Created clear sections for Kid's Events, Mom's Get Togethers, and Charity work aligning with the primary user motivations for visiting the site.

👁️ Visual Hierarchy

Applied Gestalt principles of proximity and similarity to group related content. Used typographic scale, whitespace, and card-based layouts to guide users through content in a logical, scannable manner.

💬 Content Strategy

Shifted messaging from "what we did" to "what you'll gain." Every section focuses on member benefits such as friendship, support, and community addressing the emotional needs of at-home mothers seeking connection.

Trust & Social Proof

Implemented a dedicated testimonial section featuring authentic member quotes with names and photos. This powerful persuasion technique reduces anxiety about joining a new social group by providing peer validation.

🛣️ User Pathways

Created a natural conversion funnel that moves users from value recognition to action. The "About Us" section now culminates with a clear invitation to join, positioned as the logical next step after understanding club benefits.

📱 Responsive Foundation

Built the new design with a mobile-first approach, ensuring the site is accessible and usable for busy mothers primarily accessing information via smartphones while caring for children.

User Journey: From Visitor to Member

1

Land & Discover

Action: Arrives via search or link

Key Question: "What is this group?"

😐 Curious but uncertain
2

Understand Value

Action: Scans clear sections (Kids/Moms/Charity)

Key Question: "What's in it for me & my kids?"

😌 Needs are being addressed
3

Build Trust

Action: Reads testimonials, sees real member photos

Key Question: "Are these moms like me?"

🙂 Feeling connected
4

Decide & Join

Action: Finds clear invitation in "About Us"

Key Question: "How do I become part of this?"

😊 Ready to engage
🎯
Outcome: Visitor transitions from uncertain outsider to informed, trusting prospective member.

Information Architecture Transformation

Before: Linear Archive

📅 Chronological Timeline
📍 Location Listings
Single continuous scroll with mixed content

After: Goal-Oriented Structure

👶
Kid's Events
👩
Mom's Get Togethers
❤️
Charity Work
Scannable, benefit-focused sections
💡
Key Insight: Restructuring from chronological reporting to need-based categorization reduced cognitive load by presenting information based on user goals rather than organizational history.

Visual Design Principles

The UI redesign employed established design principles to create a welcoming, professional aesthetic that builds credibility.

🎨

Consistency & Harmony

Maintained consistent spacing, typography, and color usage throughout to create a cohesive experience that reinforces brand recognition.

⚖️

Balance & Proportion

Used symmetrical layouts with balanced visual weight to create stability, with strategic asymmetrical elements to add interest to key sections.

🎭

Contrast & Emphasis

Employed color, size, and whitespace contrast to establish clear visual hierarchy and draw attention to the most important content elements.

📐

Whitespace & Breathing Room

Generous padding and margins reduce cognitive load, improve scannability, and create a more premium, trustworthy presentation.