Women's Foundation

of Florida

Team Sprint - Website Redesign

Women's Foundation

UX / UI Design, Research, User Testing

In this case study, we document the team collaboration and redesign process for the Women's Foundation of Florida's website.

Our focus was on the landing page and the donation task flow. Despite facing time constraints, limited resources, and the challenges of working during the COVID-19 pandemic, we were able to successfully complete the project within a one-week collaborative sprint.

Team Sprint
Brainstation UX/UI Bootcamp
Website Redesign
1 Week Sprint
Desktop
Figma, Photoshop, Canva
Design Methodology
Explains the Design Methodology: Empathize, Define, Ideate, Prototype, Test
Quick Summary
Women's Foundation is changing the gender inequality in STEAM careers

The future looks bright for STEAM fields with projected employment growth at 8.8%, surpassing the 5% in non-STEAM sectors. However, it's disheartening that women represent only 28% of the STEAM workforce.

The Women's Foundation of Florida strives for inclusivity, encouraging and empowering women to pursue careers in science, technology, engineering, arts, and mathematics. Closing this gender gap will unleash the full potential of the workforce and drive innovation within these fields.

STEAM: Acronym
• Science
• Technology
• Engineering
• Arts
• Mathematics
Team Goal.
To increase transparency and improve the usability of the donation process in order to build trust and confidence among our donors.
Current site problem: Lack of Transparency
  • No statement on how the donated money is spent
  • No control to choose where their money goes
  • Donors do not feel that their financial donations will make an impact or be used wisely
Design Challenge

How might we
create trust and transparency so that our donors feel more confident and secure in donating to the
Women's Foundation of Florida?

Current Experience
The Persona
Motivations

Melody loves giving back to her community. As a child Melody had an interest in all things computer science related, however she always felt out of place due to the women being the minority in STEM. Therefore, Melody makes the effort to donate to organizations creating a safe space for young girls looking to pursue STEM careers.

Goals
To feel confident when donating funds to important causes

Seeing her monetary contributions make a difference in communities with less resources
Pain Points
Worries about what her donations are actually contributing to

Wants to see the impact she is having through her donations
Current Donation Experience
Planned Changes
New Task Flow
Designing
Team Sketching

In order to generate design ideas, each team member created sketches and shared them in a Figma file. We then discussed the pros and cons of each idea and used stickers to vote on the direction we wanted to pursue. This process allowed us quickly and efficiently collaborate on the design as a team.

The nature of the project allowed us to work on it in short bursts, which was especially helpful for team members who were dealing with the challenges of COVID-19. We adopted a cycling schedule that took into account the need for rest and the varying health levels of our team members. This allowed us to work efficiently and effectively despite the challenges we faced.

Mid-Fi
Wireframes

Once we had selected our sketches, I began creating Mid-fidelity wireframes. We used these to test the donation task flow and look for any accessibility issues or areas where the story of the Women's Foundation was not clear. Ensuring transparency was a key priority, so we made sure to include information about the foundation's goals and the impact of donations on the website.

About us page:
• Instill transparency
• Show impact of WFF
Landing Page:
• Instill transparency
• Problem & solution
• Show impact
• How the donation   process works
Donation page:
• Instill transparency
• Areas of donation   assistance
• Donation goal
Payment info:
• Instill transparency
• Show gratitude
• Progress bar
Billing info:
• Instill transparency
• Provide user options of   payment
• Progress bar
‍Review:
• Instill transparency
• Provide user options of   payment
• Progress bar
Confirmation:
• Instill transparency
• Show Gratitude
• Progress bar
• Share option
Things we Learned
Using user-testing and peer review, we took notes to incorporate into our Hi-Fidelity Prototype.
  • Allow user freedom and provide a back button in the donation process
  • Improve clarity and add a description to the goal meter at the lower portion of the screen
  • Provide clear CTAs to encourage donation on multiple pages
  • A hero on each donation page stage required the donor to scroll each time
Final Product
Hi-Fi Website Redesign
Challenge:
I encourage you to compare our redesign to the original website

Women's Foundation FL
Hi-Fi Prototype

After considering user feedback and reaffirming our team goal of transparency, we created a high-fidelity prototype.

With this new design in hand, our team was able to come together and present a revamped landing page and donation task flow that focused on improving transparency for our donors.

The new design was well-received and we were proud of the work we had done.

Hi-Fi Prototype
Reflecting
What could we have done better?

I should have solicited more feedback and review from peers outside of my team to improve the clarity of our design decisions.

It can be difficult to take breaks from a productive workflow to seek critique, but doing so is crucial for the success of our project. By regularly reviewing and revising our design, we can accelerate the production process and make the most of our time.

Key Take Aways

In retrospect, I am proud of what my team and I were able to accomplish in our sprint, given the challenges presented by the COVID-19 pandemic. I learned the value of patience, and I believe my team learned the importance of prioritizing wellness.

We communicated effectively, setting clear boundaries and being honest about our needs. Despite the obstacles, we remained positive and respectful, and we were able to deliver a great new design. Overall, it was a successful sprint!