Women4Women Tempe
Redesigned Logo & Home Page
Project Overview
A website redesign for a non-profit organization in Tempe, AZ that provides free feminine hygiene products to women experiencing homelessness and financial hardship.
Role: UX Designer
Duration: 2 weeks
Deliverables: wireframes, copy refinement, imagery/branding guidance
The redesign reimagines and simplifies the organization’s website structure to create a more approachable and professional digital presence and more clearly invite donors and volunteers to engage with the mission.
The Challenge
Women4Women Tempe (W4W) needed a redesigned website that allows visitors to:
Understand the mission quickly and clearly through approachable, professional design
Confidently donate online with straightforward, trustworthy calls-to-action
Identify opportunities to volunteer and get involved without confusion
Learn about partnerships and the sister organization through clearly structured content
Connect with the organization through consistent branding and authentic imagery
Approach
The original site gave an overwhelming first impression. Clashing colors and chaotic presentation distracted from the nonprofit's mission, creating the opposite of the welcoming environment they hoped to provide for donors, volunteers, and community members.
Beyond aesthetics, navigation was cluttered and confusing, and the copy was unfocused. Important elements like Donate or Get Involved were buried, while partnerships and their sister organization were relegated to unclear locations. These structural flaws undermined W4W’s ability to communicate effectively and engage supporters.
Imagery Considerations
Site-wide, imagery was well-intentioned but lacked the polish to represent the organization in a compelling way. I offered system-level recommendations for how photography could be treated throughout to showcase w4w staff, volunteers, and activities in a way that aligned with their mission and storytelling.
Original Group Photo / Recommended Treatment
One poignant example was a group photo featured on w4w’s “about” page: a photo of the board members with a floating insert of a deceased founder above the current group. My recommended alternative was either a professional group shot or, better, individual headshots of the board members with a dedicated in memoriam tribute.
Original Home Page Snip & Volunteers-In-Action Photo
The original site featured unflattering photography that distracted from the organization’s mission. Also, as feminine hygiene products are difficult to capture in a compelling way, I recommended shifting the focus of all imagery to the staff and volunteers’ joy in being of service, rather than centering on the products themselves. Professional photography would also strengthen video thumbnails and other site visuals where poor image quality limited effective connection with users.
Logo & Color Palette Redesign
Though not explicitly requested, I began my process by reimagining the organization’s logo. The original mark combined lime green, hot pink, and navy - clashing colors that were then extended across the site leading to visual clutter and detracting from w4w’s central message.
Original Logo & Redesigned Logo
Original Homepage Snip
The first step toward a successful redesign was to address this lack of harmony. Although the client chose not to incorporate a full revision of the logo and color palette, they did adopt several elements of my design, resulting in a site that presented key messaging with more subtle markers of visual identity.
Navigation & Copy Edits
I sifted through existing site features and text to extract the key information to be highlighted. By revising and reorganizing copy, I was able to convey the urgency of w4w’s mission and make CTA’s easier to find for potential volunteers and donors. Including clear statistics on the need of the population served, and tangible ways to get involved, the redesign aimed to motivate visitors to donate, volunteer, and act in-the-moment.
Original Fact Blurb & Revised Key Statistics
Design Solution
The redesign transformed Women4Women’s digital presence from cluttered and chaotic to approachable and mission-driven. Through refined content, improved navigation, and cohesive visual treatment, the experience now clearly communicates the organization’s purpose and invites meaningful engagement.
Wireframes for Handoff: About, Contact, & Distribution
Reflection
This project emphasizes how thoughtful structure, clear messaging, and cohesive visual (UI) treatment can be powerfully transformative. Although the client opted to retain their original logo and palette, the aspects of my redesign they chose to adopt offer a much more inviting experience for users. My hope is that these refinements will result in the desired increase in donor and volunteer engagement, and reinforce that deliberate design translates directly into impact in the community.
Women4Women Tempe
Redesigned Logo & Home Page
Project Overview
A website redesign for a non-profit organization in Tempe, AZ that provides free feminine hygiene products to women experiencing homelessness and financial hardship.
Role: UX Designer
Duration: 2 weeks
Deliverables: wireframes, copy refinement, imagery/branding guidance
The redesign reimagines and simplifies the organization’s website structure to create a more approachable and professional digital presence and more clearly invite donors and volunteers to engage with the mission.
The Challenge
Women4Women Tempe (W4W) needed a redesigned website that allows visitors to:
Understand the mission quickly and clearly through approachable, professional design
Confidently donate online with straightforward, trustworthy calls-to-action
Identify opportunities to volunteer and get involved without confusion
Learn about partnerships and the sister organization through clearly structured content
Connect with the organization through consistent branding and authentic imagery
Approach
The original site gave an overwhelming first impression. Clashing colors and chaotic presentation distracted from the nonprofit's mission, creating the opposite of the welcoming environment they hoped to provide for donors, volunteers, and community members.
Beyond aesthetics, navigation was cluttered and confusing, and the copy was unfocused. Important elements like Donate or Get Involved were buried, while partnerships and their sister organization were relegated to unclear locations. These structural flaws undermined W4W’s ability to communicate effectively and engage supporters.
Imagery Considerations
Site-wide, imagery was well-intentioned but lacked the polish to represent the organization in a compelling way. I offered system-level recommendations for how photography could be treated throughout to showcase w4w staff, volunteers, and activities in a way that aligned with their mission and storytelling.
Original Group Photo / Recommended Treatment
One poignant example was a group photo featured on w4w’s “about” page: a photo of the board members with a floating insert of a deceased founder above the current group. My recommended alternative was either a professional group shot or, better, individual headshots of the board members with a dedicated in memoriam tribute.
Original Home Page Snip & Volunteers-In-Action Photo
The original site featured unflattering photography that distracted from the organization’s mission. Also, as feminine hygiene products are difficult to capture in a compelling way, I recommended shifting the focus of all imagery to the staff and volunteers’ joy in being of service, rather than centering on the products themselves. Professional photography would also strengthen video thumbnails and other site visuals where poor image quality limited effective connection with users.
Logo & Color Palette Redesign
Though not explicitly requested, I began my process by reimagining the organization’s logo. The original mark combined lime green, hot pink, and navy - clashing colors that were then extended across the site leading to visual clutter and detracting from w4w’s central message.
Original Logo & Redesigned Logo
Original Homepage Snip
The first step toward a successful redesign was to address this lack of harmony. Although the client chose not to incorporate a full revision of the logo and color palette, they did adopt several elements of my design, resulting in a site that presented key messaging with more subtle markers of visual identity.
Navigation & Copy Edits
I sifted through existing site features and text to extract the key information to be highlighted. By revising and reorganizing copy, I was able to convey the urgency of w4w’s mission and make CTA’s easier to find for potential volunteers and donors. Including clear statistics on the need of the population served, and tangible ways to get involved, the redesign aimed to motivate visitors to donate, volunteer, and act in-the-moment.
Original Fact Blurb & Revised Key Statistics
Design Solution
The redesign transformed Women4Women’s digital presence from cluttered and chaotic to approachable and mission-driven. Through refined content, improved navigation, and cohesive visual treatment, the experience now clearly communicates the organization’s purpose and invites meaningful engagement.
Wireframes for Handoff: About, Contact, & Distribution
Reflection
This project emphasizes how thoughtful structure, clear messaging, and cohesive visual (UI) treatment can be powerfully transformative. Although the client opted to retain their original logo and palette, the aspects of my redesign they chose to adopt offer a much more inviting experience for users. My hope is that these refinements will result in the desired increase in donor and volunteer engagement, and reinforce that deliberate design translates directly into impact in the community.
Women4Women Tempe
Redesigned Logo & Home Page
Project Overview
A website redesign for a non-profit organization in Tempe, AZ that provides free feminine hygiene products to women experiencing homelessness and financial hardship.
Role: UX Designer
Duration: 2 weeks
Deliverables: wireframes, copy refinement, imagery/branding guidance
The redesign reimagines and simplifies the organization’s website structure to create a more approachable and professional digital presence and more clearly invite donors and volunteers to engage with the mission.
The Challenge
Women4Women Tempe (W4W) needed a redesigned website that allows visitors to:
Understand the mission quickly and clearly through approachable, professional design
Confidently donate online with straightforward, trustworthy calls-to-action
Identify opportunities to volunteer and get involved without confusion
Learn about partnerships and the sister organization through clearly structured content
Connect with the organization through consistent branding and authentic imagery
Approach
The original site gave an overwhelming first impression. Clashing colors and chaotic presentation distracted from the nonprofit's mission, creating the opposite of the welcoming environment they hoped to provide for donors, volunteers, and community members.
Beyond aesthetics, navigation was cluttered and confusing, and the copy was unfocused. Important elements like Donate or Get Involved were buried, while partnerships and their sister organization were relegated to unclear locations. These structural flaws undermined W4W’s ability to communicate effectively and engage supporters.
Imagery Considerations
Site-wide, imagery was well-intentioned but lacked the polish to represent the organization in a compelling way. I offered system-level recommendations for how photography could be treated throughout to showcase w4w staff, volunteers, and activities in a way that aligned with their mission and storytelling.
Original Group Photo / Recommended Treatment
One poignant example was a group photo featured on w4W’s “about” page: a photo of the board members with a floating insert of a deceased founder above the current group. My recommended alternative was either a professional group shot or, better, individual headshots of the board members with a dedicated in memoriam tribute.
Original Home Page Snip & Volunteers-In-Action Photo
The original site featured unflattering photography that distracted from the organization’s mission. Also, as feminine hygiene products are difficult to capture in a compelling way, I recommended shifting the focus of all imagery to the staff and volunteers’ joy in being of service, rather than centering on the products themselves. Professional photography would also strengthen video thumbnails and other site visuals where poor image quality limited effective connection with users.
Logo & Color Palette Redesign
Though not explicitly requested, I began my process by reimagining the organization’s logo. The original mark combined lime green, hot pink, and navy - clashing colors that were then extended across the site leading to visual clutter and detracting from w4w’s central message.
Original Logo & Redesigned Logo
Original Homepage Snip
The first step toward a successful redesign was to address this lack of harmony. Although the client chose not to incorporate a full revision of the logo and color palette, they did adopt several elements of my design, resulting in a site that presented key messaging with more subtle markers of visual identity.
Navigation & Copy Edits
I sifted through existing site features and text to extract the key information to be highlighted. By revising and reorganizing copy, I was able to convey the urgency of w4w’s mission and make CTA’s easier to find for potential volunteers and donors. Including clear statistics on the need of the population served, and tangible ways to get involved, the redesign aimed to motivate visitors to donate, volunteer, and act in-the-moment.
Original Fact Blurb & Revised Key Statistics
Design Solution
The redesign transformed Women4Women’s digital presence from cluttered and chaotic to approachable and mission-driven. Through refined content, improved navigation, and cohesive visual treatment, the experience now clearly communicates the organization’s purpose and invites meaningful engagement.
Wireframes for Handoff: About, Contact, & Distribution
Reflection
This project emphasizes how thoughtful structure, clear messaging, and cohesive visual (UI) treatment can be powerfully transformative. Although the client opted to retain their original logo and palette, the aspects of my redesign they chose to adopt offer a much more inviting experience for users. My hope is that these refinements will result in the desired increase in donor and volunteer engagement, and reinforce that deliberate design translates directly into impact in the community.