My Role: UX Researcher | UX/UI Designer
Timeline: 3 weeks
Team: Joi Addison | Nandhini Sivadasan | Yenwen Kuo
Tools:
A local non-profit organization dedicated to helping women students assert their legal rights to equitable treatment and equal opportunities in the education system by providing FREE legal advice.
The design of the website does not clearly convey the mission and the services of the organization.
PROBLEM
Created a visually appealing design to improve the user experience, deliver a clear message, and increase donations.
SOLUTION
DESIGN PROCESS OVERVIEW
Stakeholder Interview
Interview Highlights
Atlanta Women for Equality is run by the founder herself ONLY and one intern.Better way for people to submit requests on the service.Create a direct way to receive donations.Likes the Art Deco & Art Nouveau aesthetic.
We want to understand why and how people choose to volunteer and donate to a non-profit organization, so we conducted surveys and user interviews with the general population to uncover insights.
People volunteer and donate because the cause personally impacts them.
Prefer to receive updates via emails and Instagram.
Like seeing annual reports and testimonials on the website for the organization's credibility.
Meet… Jane Lee (Our User Persona)
22 years old.
College Student.
Single.
A third-year business major college student working on her first internship. She lives on the campus of GA state with roommates. She has lived in GA all her life.
Jane enjoys spending time with friends eating out, getting coffee, and having study sessions.
She volunteers in her free time to give back to her communities, especially on woman empowerment. She also attends networking events to path her way to her future career.
She has a very active social media presence and tries to keep up with fashion on a student budget.
ABOUT
Experiencing sexual harassment during her current internship. Afraid to make a report to the company.
Doesn't know who to trust for legal and emotional advice.
Worried about losing future opportunities if this situation gets out.
Does not have the budget to attain legal services
Does not have the extra money to pay for therapy sessions.
PAIN POINTS
HEURISTIC EVALUATION
COMPETITORS ANALYSIS
DIRECT COMPETITORS
INDIRECT COMPETITORS
Cohesive design incorporating the branding color pallet.
Impactful hero image.
Eye-catching call for action button.
Finding Highlights
REORGANIZE THE SITEMAP
LOW FIDELITY WIREFRAMES
Joi and I each created our wireframes design and combined the best ideas to complete our low-fidelity design.
MOODBOARD
Continue Art Deco & Art Nouveau aesthetics from the original website; we resourced the internet and found inspirations to update a refreshing color palette design.
UI STYLE GUIDE
HIGH FIDELITY PROTOTYPE
Excellent art deco design throughout and very clean.
Like the search bar and social media icons micro-interactions.
Check spellings.
Some buttons didn’t click, and the confirmation box didn’t pop up.
INTERACTIVE PROTOTYPE
In-house online training program for interns.
More streamlined donation process.
Showcase the annual budget report.
Add messenger for 24-hour help and on-spot legal advice
To make this forum for women to get help, not just for sexual harassment on campus.
Create a mobile site .
Thank you for reading!