Dress for Success
An uplifting platform dedicated to empowering women by providing virtual resources and mentorship to help them achieve their career aspirations.
my role.
Lead UX Designer
UX Researcher
team.
4 UX Students
Dress for Success
duration.
8 months, 2023-2024
tools.
Figma
Google Workspace
Real-world Client Collaboration
This 8-month project was a full-scale UX redesign of the mobile website for Dress for Success Washington, D.C. (DFSWDC)—a women-led nonprofit empowering women.
The Problem
Regardless of location and life circumstances, underserved women in the D.C. area who are working towards career goals need a way to:
Following the pandemic, DFSWDC expanded its virtual presence but there has been a disconnect between their virtual and in-person offerings.
The Goal
Redesign DFSWDC’s mobile website to help women access support that helps them achieve their career goals
– despite any external circumstances.
The Process
The Solution
Tailor Your Experience 🎯
Designed to personalize the experience, this optional questionnaire helps users share career goals and access the
most relevant resources.
Track Your Growth 📊
Users can track progress/metrics, check schedules, and access career resources tailored to their goals.
Explore Your Resources 📚
The revamped Virtual Career Center offers a clear, categorized layout with all resources at a glance.
A search feature and step-by-step guides make it easy to find and use the right tools.
Stay Connected & Engaged 🤝
The new events page provides a clear, chronological view of all DFSWDC events. Users can explore event details, join Facebook groups, and connect with others to build a strong community—whether in person or online.
Get Coaching & Support 🗣️
Our new scheduling system lets users view coach profiles, check availability, and book sessions directly on the site.
Coaching notes are also available, making it easy to reference shared resources anytime.
Research Methods
Main Findings
These are the key findings from the user research I conducted. While I reviewed findings from the heuristic evaluation and competitive analysis, my primary contributions were conducting user interviews and leading usability testing with participants.
Analysis
Here are the main insights identified from the overall user research.
User Personas & Journeys
Building on our research, I created 2 primary personas (a new DFSWDC user and a long-term user of five years) along with 1 secondary persona representing a volunteer coach. I ensured that the personas reflected our 3 distinct stakeholder groups, which was a unique aspect of this project.
I then also created user journey maps – 1 for each of our personas. These deliverables are intended to help us make sure that our experience redesign is tailored to the specific needs and behaviors of target users. It also helps us gain empathy for users and understand the context in which they will be using the VCC.
Primary
Secondary
Design / UX Requirements
Based on the research-informed personas and user journeys, I defined the following UX design requirements to guide the website redesign, ensuring it effectively meets users' needs.
Design Process
We used an iterative design approach for the design phase. We had 2 rounds of user testing and 2 major iterations of our prototype (one in low fidelity and one in high fidelity).
Sketches
In the design phase, I explored potential solutions by sketching two designs for each UX requirement, contributing to a total of 24 team-wide sketches. These sketches played a key role in shaping our final design direction.
User/Task Flows
Next, we collaboratively mapped out user and task flows for all the interactions we aimed to improve or introduce on the website.
Lo-Fi Wireframes + Prototype
We then created low-fidelity wireframes to align with the user and task flows we had mapped out. I focused on designing the personal dashboard scheduling interactions, and event registration.
This step allowed us to refine the foundational structure of these pages before incorporating high-fidelity visuals and branding elements.
User Testing
After developing the low-fidelity prototype, I led 2 user testing sessions with participants who had never used DFSWDC’s website before.
From a total of 8 test results, we uncovered the following key insights:
After implementing the necessary changes, we conducted another round of user testing. These were the insights that emerged from this round:
Final Design
Introducing The New DFSWDC
An uplifting platform dedicated to empowering women by providing virtual resources and mentorship to help them achieve their career aspirations.
The Evaluation
Evaluation Process
Upon starting our evaluation process, we focused on 4 main user flows and 5 research questions:
User Flows
Register for an account to view a personalized dashboard with resource usage metrics and recommended resources
Find and utilize career resources on the Virtual Career Center (VCC) page
Apply to be matched with a coach and schedule career coaching appointments
Register for career development events and connect with other attendees
Research Questions
Can users…
logically navigate the website when trying to complete tasks and find resources?
understand all of the language that appears on the website?
successfully view and schedule upcoming events
successfully apply for career coaching and stay in contact with their coach?
feel a sense of community and support from others?
Testing
Our evaluation study utilized single-system usability testing to assess new features' functionality and preference testing to gauge user preferences regarding design changes. By structuring tasks to evaluate key user flows, the study ensured a comprehensive assessment of the website's usability and effectiveness.
Insights & Results:
Insights gleaned from the evaluation study provided nuanced understanding and actionable insights for refining the final design.
Key findings included improvements in navigation, challenges related to language clarity, opportunities for enhancing event management features, and varying perceptions of community support while still allowing for 100% usability test completion and intuitive user flows.
The Reflection
Lessons ☁️
This project was my first deep dive into working closely with a client, and it transformed the way I approach collaboration. Translating design ideas to non-designers required active listening and regular updates to ensure we met both business goals and user needs.
Challenges ⛈️
Balancing workloads in a long-term group project was tough, especially with everyone’s outside commitments. However, weekly check-ins and open communication kept us motivated and accountable, allowing us to push through and deliver strong design solutions.
Improvements ☀️
This project deepened my understanding of collaboration—not just dividing tasks, but building on each other’s ideas. I’ll carry this mindset forward, embracing teamwork as a way to create more impactful and innovative designs.
