W4W TEMPE
Home Page & Get Involved
PROJECT OVERVIEW
WOMEN4WOMEN TEMPE (w4w)
Website redesign for a non-profit organization in Tempe, AZ that provides homeless and low-income women with free feminine hygiene products.
• Role: UX Designer
• Duration: 2 weeks
• Deliverables: wireframes, copy refinements, imagery/branding guidance
W4W’s goal was to transform their outdated, chaotic site into a more approachable and professional presence — simplifying navigation, modernizing the look and feel, and making it easier for donors and volunteers to connect with their mission.
THE CHALLENGE
Conceptualize and create a revised website design.
W4W needed a redesigned website that would:
• Modernize the visual identity and bring harmony to the site’s overall composition
• Encourage visitors to donate
• Clearly communicate opportunities for volunteer engagement
• Present their mission in a way that felt welcoming and professional
PROBLEM STATEMENT
Visitors to the W4W site need a way 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
POTENTIAL SOLUTION
A professional, mission-focused redesign that will:
• Create a professional, welcoming first impression
• Ensure navigation is intuitive and calls-to-action are straightforward
• Clearly highlight opportunities to donate and get involved
• Showcase partnerships and sister organizations in a structured way
• Present clear, concise copy that communicates their mission effectively
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
Original Logo and Redesigned Versions
Original Homepage Snip
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. 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 SOLUTIONS
I delivered a complete site redesign transforming women4women’s digital identity from “cluttered and chaotic” to approachable and mission-driven. My design solution combines concise copy edits, improved information architecture, and a full visual reimagining to provide an impactful and compelling user experience.
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.
WOMENN4WOMEN TEMPE
Home Page & Get Involved
PROJECT OVERVIEW
Women4Women Tempe (W4W)
Website redesign for a non-profit organization in Tempe, AZ that provides homeless and low-income women with free feminine hygiene products.
• Role: UX Designer
• Duration: 2 weeks
• Deliverables: wireframes, copy refinement, imagery/branding guidance
W4W’s goal was to transform their outdated, chaotic site into a more approachable and professional presence — simplifying navigation, modernizing the look and feel, and making it easier for donors and volunteers to connect with their mission.
THE CHALLENGE
Conceptualize and create a revised website design.
W4W needed a redesigned website that would:
• Modernize the visual identity and bring harmony to the site’s overall composition
• Encourage visitors to donate
• Clearly communicate opportunities for volunteer engagement
• Present their mission in a way that felt welcoming and professional
PROBLEM STATEMENT
Visitors to the W4W site need a way 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
POTENTIAL SOLUTION
A professional, mission-focused redesign that will:
Create a professional, welcoming first impression
Ensure navigation is intuitive and calls-to-action are straightforward
Clearly highlight opportunities to donate and get involved
Showcase partnerships and sister organizations in a structured way
Present clear, concise copy that communicates their mission effectively
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
Original Logo & Redesigned Logo
Original Homepage Snip
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. 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
I delivered a complete site redesign transforming women4women’s digital identity from “cluttered and chaotic” to approachable and mission-driven. My design solution combines concise copy edits, improved information architecture, and a full visual reimagining to provide an impactful and compelling user experience.
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
Home Page & Get Involved
PROJECT OVERVIEW
Women4Women Tempe (W4W)
Website redesign for a non-profit organization in Tempe, AZ that provides homeless and low-income women with free feminine hygiene products.
• Role: UX Designer
• Duration: 2 weeks
• Deliverables: wireframes, copy refinement, imagery/branding guidance
W4W’s goal was to transform their outdated, chaotic site into a more approachable and professional presence — simplifying navigation, modernizing the look and feel, and making it easier for donors and volunteers to connect with their mission.
THE CHALLENGE
Conceptualize and create a revised website design.
W4W needed a redesigned website that would:
• Modernize the visual identity and bring harmony to the site’s overall composition
• Encourage visitors to donate
• Clearly communicate opportunities for volunteer engagement
• Present their mission in a way that felt welcoming and professional
PROBLEM STATEMENT
Visitors to the W4W site need a way 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
POTENTIAL SOLUTION
A professional, mission-focused redesign that will:
• Create a professional, welcoming first impression
• Ensure navigation is intuitive and calls-to-action are straightforward
• Clearly highlight opportunities to donate and get involved
• Showcase partnerships and sister organizations in a structured way
• Present clear, concise copy that communicates their mission effectively
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 violent colors and 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
Original Logo & Redesigned Logo
Original Homepage Snip
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. 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
I delivered a complete site redesign transforming women4women’s digital identity from “cluttered and chaotic” to approachable and mission-driven. My design solution combines concise copy edits, improved information architecture, and a full visual reimagining to provide an impactful and compelling user experience.
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.