WindAid Institute:
A web redesign for an increase in enrollment.

My role

I designed all aspects of Windaids’ official website end-to-end from the initial wireframing through to a high-fidelity interface design. I was also responsible for conducting user and market research, creating a UX & content strategy, and prototyping and testing the final designs.

Project brief

Winaid’s website was outdated, and lacked the strategy to reassure and encourage donors to donate and volunteers to enroll for their programs. Enrolments provide the majority of the funds and manpower to support their projects across Peru.

team

Rishi Khan - Lead Developer Gandhi Alva - Executive Directer
Aaron N. - Content writer

duration

4 Months

Outcomes

Established Windaid’s new brand identity and strategy to gain more enrolments.

  • Developed a new visual design to align that aligns with stakeholders vision and the students.
  • Built trust and credibility with customers by incorporating a new content strategy and features.
  • Designed the user flows and info. architecture throughout the site.
Tools & Methods
  • Stakeholder interviews
  • Competitor analysis
  • Customer Interviews
  • Personas & Journey map
  • Brainstorming & Workshop session
  • Usability testing
120 %
Increase of student applications
3
New projects funded - expanding into Columbia
85 %
User satisfaction score on content material
Outcomes

Empowering rural Peruvian communities

WindAid institute is a nonprofit organization that addresses energy poverty by providing wind and solar-powered lighting to rural communities. They also provide the education and training needed for sufficiency so that they’re not dependant on Windaid.

As we know, access to electricity is a key identifying factor of economic growth, health and safety, and most importantly, education - by allowing children to stay up an hour longer to do their homework.

Solution 1 Redesign Prototype

The bussiness
Windaid has been successful due to the volunteers' interests and efforts. They offer 3 certified programs that build on one another, intended for anyone who wants to gain hands-on experience in the renewable energy sector or spend their time helping Peruvian communities.
Challenge

Not enough enrolments and barely any donations.

These programs come with a high price of $3000 per month, and with its key source of income coming from volunteers; the website failed to reassure them of their experience due to lack of credibility and trust. Furthermore, this prevented people to donate towards their cause.

Previous Design
Landing Page
Main Program
Process

The design process

Phase 1: Understand & define.

I started getting information and data to understand the current situation and context. Synthesizing research insights and sharing them with stakeholders.

Phase 2: Explore & create -
Solution #1

Brainstorming content ideas, creating a content strategy and developing user flows.

Phase 3: Test & Iterate

Testing the prototype, analyzing the insights and decieding next steps.

phase 4: Pivot! Research & restrategize
Solution #2

Pivoting our strategy to a primary customer for a new solution.

dISCOVERY

Kick-off for stakeholder alignment

I began the project by interviewing key stakeholders to better understand the goals, customers, and company, but from their perspective. I found that there was some conflicting views on the business direction. Some wanted to focus only on private companies for funding, while others wanted to continue gaining volunteers and donations to fund the projects.

I used the “what was said, and how I heard it” activity to bring discussions around the project goals, customers, and success metrics so that we can come to a mutual agreement.

“What was said, and how i heard it”  Example

Outcomes

Success Metrics:
Increasing the number of donations.
Increasing the number of applications to 24 per year.
Target Audience:
People interested in donating for a cause.
International volunteers interested in travelling and work
ResearcH

Who are the volunteers? And why do they attend Windaid?

I conducted 8 interviews with previous and potential attendees to learn what type of content they’re looking for on the website. Then the data was used to build personas and support the customer journey exercise.

Jordan, an engineering student.

Facing difficulties gaining work-experience related to their field. Eager to work, and also to travel abroad, but he's on a tight budget and is lacking job opportunities.

Rosila, a professional working individual.

Interested in traveling and giving back to communities, but they’re significantly time poor.

learnings

It was noted that the majority of volunteers are university students studying engineering.

Both valued ethical community work, and interested in travelling abroad for an immersive experience.

Overarching issues

More vigilant due to voluntourism scams; businesses posing as non-profits to recruit foreign volunteers, while creating a dependency for the community.

Previous participants were apprehensive about the heft monthly cost of $3000 USD due to lack of transparency of spending.

Research

What are other non-profit organizations doing?

I ran a competitor analysis of organizations that requested donations and provided voluntourism programs, so that I can benchmark key business metrics and practices.

Insights & comparison to Windaid

The major theme amongst these website were trust and empathy in their storytelling to influence users to donate or make a purchase - which Windaid lacked throughout their site but not their social media channels.

Also, pricing for NGO voluntourism programs ranges from $500-$1200 USD / 2-4 week term - which puts Windaid on the EXTREME end of the price.

DEFINE

The problem at hand

When Windaid was first established, it lacked a strong brand strategy, style guide, and strategy. Therefore, I needed to develop a strategy focused on connecting the customers needs, brand, and market.

Design Challenge 1
How might we build trust with donors to reassure our work is ethical and creating a positive impact so that they feel encouraged to donate?
Design Challenge 2
How might we, provide the most value of the volunteer experience, so that volunteers feel confident about applying for the programs?
Ideation

Empathizing with volunteers, prioritizing their needs, and identifying key content material

I facilitated a brainstorming activity to help us empathize and identify any opportunities. First, introduced each persona and then read a script while showing each page of the user journey. Within each step, we would discuss user needs, pain points and brainstorm opportunities.

Prioritize and analyze
After highlighting the key user needs, we prioritized the content and feature ideas based on value and feasibility; so that we can develop a content strategy, user flow, and sitemap.

Solution #1

Putting the community in the forefront of the site

Windaid’s work has improved the lives of many Peruvians, and it was their mission that continues to motivate them. It was crucial that our design followed three design principles, impactful, trustful, and transparent so that we gain more donations and volunteer participants.

We tested the prototype to better understand how users navigate the site, and if our solution solves for the issue around price.

Solution #1 Design
Usabilility testing with participants
Usability analysis with the stakeholders

We then rewatched the tests, documented observations and analyzed the data.

Research insights

Through our validation research 5/8 users questioned the credibility of Windaid due to their costs.  

To quote:
“I’m not sure why the price is so expensive, it’s like paying for a semester in school.”

We concluded that the goals of our 2 customer segments conflicted within our strategy.
While students had the primarily goal of gaining work experience, they saw the value in the programs.  But in contrast with working-professionals and potential donors, they’re interest was to spend more time working with the community but found that the duration of the program was heavily focused on building the wind turbine.

Time to pivot!!

With this data, we considered, as most volunteers were engineering students looking for hands-on experience in the field.
What if our strategy primarily focused on them?

Solution #2

Reposition as an educational institute.

WindAid repositioned as an educational institute, marketing as an add-on their professional career - while being able to adventure out and travel.  In comparison to other educational institutes (ranging $3000-$9000+USD), Windaid’s price was starting to look like the better deal!

Below you can see a comparison between the two solutions.
Design Solution 1
Design Solution 2
Solution #2

Design solutions based on principles

We still followed the design principles towards designing the features that supported the goals of the students, and donors, but the content structure was primarily focused on students.

This provided better incentives towards applying, and clear out any ambiguity around the price and programs.

Design Principles

Impactful

Users need to understand how valuable the work is and the impact it’s making for the communities.

Trustful

User must feel reassured throughout every touchpoint to build trust and credibility.

Transparent

Provide context for most aspects of their journey so that they feel confident and excited about their experience.

Impactful
Success stories (testimonials and example projects)

To help students discover the benefits of the programs, we provided success stories and testimonials that aligned best with their professional journey. Furthermore, we included contact information (email and Linkedin), as they agreed to act as ambassadors for Windaid.

Example Projects
testimonials
Impactful
Showcasing impact with data

There was an idea of a “live map”, a concept to visualize the impact by viewing all the locations on a map where wind turbines are built. Though this wasn’t feasible due to high efforts and having a low impact, we still incorporated the available data into the project and case study cards.

Concept: Live Map
Index card
Case study selection
Impactful
Storytelling to build empathy for donations

An ‘Impact Page’ that incorporates storytelling with a narrative around the problem Peruvians face without electricity, and how WindAid works together to solve these problems; and highlighting the outcomes of the work.

This was especially important for donors to build credibility of the work.

Prototype: Our impact page
Trustful
Safer payment

Integrating third-party payment software for better security, and also providing paypal as an option. This also required less steps for accepting payments which made the process faster. More reassurance through the safety ‘lock’ icon and ‘secure’ message.

Transparent
Providing context on the work and leisure experience to clear out ambiguity

Customers goal was to learn about their experience but most didn’t know what to expect when arriving in Trujillo. To quote “I was going there with my eyes closed.”  

So, I sent out a brief survey to previous attendees to ask about their favorite (and least) work and leisure experiences. Then prioritized the list to capture the essence of the Windaid experience.

Work experience
Leisure Experience
Transparent
Elaborating on costs of the programs

Student’s (or for some, their parent’s) major deciding factor was the price. Providing clarity on each page of the program about the price, dates, and what is and isn’t included with program. Additionally, a Frequently Asked Questions (FAQ) section to help reduce ambiguity, and customer support emails.

This is some text inside of a div block.
Outcomes

Established Windaid’s new brand identity and strategy to gain more enrolments.

  • Developed a new visual design to align that aligns with stakeholders vision and the students.
  • Built trust and credibility with customers by incorporating a new content strategy and features.
  • Designed the user flows and info. architecture throughout the site.
Tools & Methods
  • Stakeholder interviews
  • Competitor analysis
  • Customer Interviews
  • Personas & Journey map
  • Brainstorming & Workshop session
  • Usability testing
120 %
Increase of student applications
3
New projects funded - expanding into Columbia
85 %
User satisfaction score on content material
End notes

Learnings & 
insights

01

Work closely with content writers and include them early.

Include professional writers if available! We tried to over-reassure customers that we’re legitimate and the work has an impact but we tried too hard that it created frustrations. The content writing portion of the design took about 1/3 of our time, which is another reason why it’s important to hire a content specialist.

02

Test content early.

When such a big purchasing decision is dependent on the content provided, it becomes difficult to test comprehension and recall without the right participants, and the right situation. So the next best thing is to test user flows and content in separate phases for more reliable results.

03

Accessibility has many factors - keep them top of mind!

Starting the designs, I consider the content hierarchy for a screen reader and UI elements supporting it to help simplify the designs and its development. Though I did overlook the reading level of the content. This became apparent during our usability test, when several users asked for the definition of words (e.g. dissemination) or we’re unclear about heading and labels.

04

Get feedback from other designers.

It was difficult working on this a sole designer because feedback and critiques were so important when considering which designs variations worked best. Eventually, I reached out to other designers for further feedback.

05

Usability tasks curated inaccurately.

Looking back, I would rewrite the usability tasks differently as I tasked the participants with exploring the website to choose the best program suited for the scenario. This required more time to complete a task because the would need to read through the programs, leading the user to guess or give an uninformed decision.