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.

Identified Problems

Low conversion rates

SELF received few enquiries for their services, which stemmed from unclear language and hidden CTAs.

Complex navigation

Important information lacked hierarchy and was buried under vague menu items, making it difficult 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

We organized a brand kickoff session with SELF clients and members, and discovered that the new brand embraced warmth and approachability. Highlights include:

  • Neutral color palette conveying elegance and femininity
  • Illustrations representing diversity and empowerment
  • Messaging that balances friendliness and professionalism

Branding kickoff session

Homepage

To support SELF’s goal of attracting more partners, I refined the CTA messaging to emphasize collaborating together. I also moved workshops to the homepage for greater visibility, as they provided a key first step to engaging with SELF.

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