Discover the Journey of digital Transformation
Redesigning with Purpose: Develop Empathy
Explore how the design thinking process was harnessed to breathe new life into the site, Marchofdimes.org/Volunteer, showcasing a user-centered approach to innovation.
Our Redesign Vision
The website redesign project aimed to enhance user experience by implementing a streamlined, intuitive interface that aligns with modern design standards. Our objectives were to improve navigation, increase engagement, and create a visually appealing platform that reflects our brand’s core values. Through a comprehensive analysis of user feedback and market trends, we set out to craft a digital experience that resonates with our audience and supports our mission of delivering exceptional value.
How the Project Started
Our team realized that it was hard to find overall information and share volunteers’ stories with potential volunteers. We merged scattered information into a landing page to provide a centralized place to enhance user engagement. As a result, we were able to connect our volunteers and the program more effectively. I collaborated with the volunteer team on ideation and content as introduced ‘Design thinking process’ which involves the process of wireframing with a prototype that optimized the time and budget and maximized our resources. Stakeholders were satis.
Follow the key stages of our design thinking journey, illustrating the transformation of March of Dimes organization’s digital presence.
PROCESS
PREPARATION & COLLABORATION PROCESS
- Implemented a user-centered approach
- Identified pain point
- Led design thinking process
- Managed creative flow and optimized the approval process
- Gathered business & technical requirements
- Set a project timeline
DEFINE & IDEATION PROCESS
- Ideation & identifying content
- Low-fidelity Wireframe creation & managed creative/content flow
- Created prototypes & usability testing to refine our design based on feedback
- Reiteration process
- Refine prototype
RESULTS
- Reduced overall process time & budget
- Optimized approval process
- Cohesive & connective process among management, creative & development teams
MY ROLE
- As a UX Manager, introduced and led Design thinking processes from the ideation step
- Gathered business & technical requirements
- Built a user flow
- created low-fidelity wireframes and prototypes
- Collaborated with the visual design team
- Created prototypes with high-fidelity mockups
- Conducted Quality Assurance testing and sanity check before releases
- Managed the whole project processes
- Led & guided design & development teams with WCAG Compliance
UX PROCESS
KEY ENHANCEMENT
Intuitive Navigation
Revamped the site structure to ensure seamless user journeys and easy access to information.
Responsive Design
Optimized for all devices, providing a consistent and engaging experience on mobile, tablet, and desktop.
Enhanced Visuals
Incorporated modern aesthetics with high-quality images and a cohesive color scheme to captivate users.
UX PROCESS
USER PERSONAS
I would like to contribute my time and enthusiasm for good, but I don’t know where to start.
- Occupation: Designer
- Location: New York, NY
- Gender: Female
- Age: 29
- Education level: College graduate
- Motivation: Help others, feel good about doing something good
Goals:
- To find a way to get involved and volunteer to help others
Paint points:
- Can’t find volunteer opportunities & information online
I have experience with my first baby in the NICU. I have a story to share. I’d like to find a way to get involved and help out.
- Occupation: Stay home mom
- Location: San Diego, CA
- Gender: Female
- Age: 35
- Education level: High school
- Motivation: Mission impacted. Wanted to share the experience with others
Goals:
- To find a way to get involved and volunteer by sharing her own story and experience via digital channel
Pain points:
- Need to find volunteer opportunity information online since she has a young child to take care of
- It is hard to find information without spending lots of time calling and visiting places in-person
DEFINING THE PRODUCT VISION
This was the first step in enabling a digital solution to engage core audiences more effectively. By introducing various types of volunteer activities and opportunities online through digital channels, it broadened exposure and created cohesive opportunities for engagement. We are continuously looking to improve the solution and evolve with current digital trends.This was the first step in enabling a digital solution to engage core audiences more effectively. By introducing various types of volunteer activities and opportunities online through digital channels, it broadened exposure and created cohesive opportunities for engagement. We are continuously looking to improve the solution and evolve with current digital trends.
RESULTS
