SELF Website Redesign

Reimagining a social enterprise’s website and brand

company

SELF

year

2024

role

UX/UI Design, Web Design, Visual Design

summary

SELF, a social enterprise dedicated to supporting women on their journey to financial stability and independence, sought to revitalize their online presence. As they aimed to scale their services, SELF recognized the need for a comprehensive website redesign to reflect their evolving mission and attract more customers, partners, and donors.

The Challenge

Low engagement and conversion rates

A high bounce rate stemmed from unclear messaging and hidden CTAs.

Complex navigation

Vital information was buried under vague menu items, making it difficult for visitors to understand SELF's offerings.

Lack of visual appeal

The website lacked a cohesive brand identity and was overwhelmed with text, resulting in an unprofessional appearance.

The Challenge

Low engagement and conversion rates

A high bounce rate stemmed from unclear messaging and hidden CTAs.

Complex navigation

Vital information was buried under vague menu items, making it difficult for visitors to understand SELF's offerings.

Lack of visual appeal

The website lacked a cohesive brand identity and was overwhelmed with text, resulting in an unprofessional appearance.

Before: the original homepage

Branding Kickoff

To lay the foundation for a cohesive and resonant brand identity, we organized a brand kickoff session that brought together members and beneficiaries of SELF. This collaborative workshop aimed to define who SELF is, its purpose, and how it should visually express itself.

Branding kickoff session

Homepage Revamp

Clear communication

Revised headlines and concise descriptions immediately conveyed SELF's message.

Engaging visuals

Custom illustrations showcased the diversity of women SELF serves.

Social proof

Featured stories of beneficiaries and logos of collaborators built credibility.

Event promotion

Upcoming workshops were prominently displayed to drive engagement.

Coaching Services Page

Compelling offer

Introduced a free discovery call as the primary CTA.

Simplified process

A step-by-step guide explained the coaching journey.

Personal touch

Included a candid video introduction of the main coach to connect emotionally with the target audience.

Transparent pricing

Introduced tiered pricing options with clear benefits and pricing breakdown for each tier.

Responsive Design

The new website was designed to be fully responsive, with special attention given to mobile optimization since a large portion of SELF's audience accessed the site via mobile devices.

About Page: Telling SELF's Story

I redesigned the About page to share SELF's journey and tell a meaningful story to emotionally connect with their audience. Key highlights include:

  • Their impact and the problem they set out to solve
  • Current initiatives and geographical focus
  • A timeline of significant milestones

Outcomes

Improved lead generation

Clear CTAs and optimized user flows increased potential for conversions.

Enhanced brand identity

A cohesive visual language and professional design elevated SELF's online presence.

Streamlined user experience

Revised information architecture and intuitive navigation improved content accessibility.

Compelling storytelling

The new design effectively communicated SELF's mission, attracting potential collaborators and partners.

Next Project
LivePerson Messaging App