UX/UI Designer | Research to website redesign
Consultant since January 2019
Designer for a non-profit organization which refurbishes donated computers for children with low-income backgrounds.
Hue Mach | Founder
Jeff Connors | Director of Marketing
Adrian Bonifacio | UX/UI Designer
Krisha Chhaganlal | Graphic Design
RRRComputer is a non-profit organization donating technology to underprivileged children by converting e-waste to life-changing opportunities for youth in the Bay Area. The organization recently revamped their website and decided to test the user experience with the new changes.
Are users able to efficiently navigate the website to serve their purposes and does the website adequately convey RRRComputer’s mission?
I tested the user experience of RRRComputer’s newly renovated website. This included user testing and making subsequent redesign recommendations (as well as content creation, copy editing and UX writing). Implementation of changes with WordPress. Collaboration with founder, board members, marketing and design team.
Redesign recommendations with resulting changes - improved “user delight”. Outcomes were based on qualitative user information. We are currently performing more research to refine our program offerings, improve the information architecture, and create a more cohesive brand identity.
Two individuals with a background in education, one parent - all were tech-savvy
Donors and volunteers (individuals and businesses)
One-one-one interviews were conducted on the desktop version of the website.
User Barriers (I-IV)
I. Distrust: Mismatched color scheme, fonts and UI assets
Low text visibility (4/5 users stated that the button color was hard on the eyes)
Per users, unclear photo with lack of diversity for low-income backgrounds
Large menu with only one button on the second line
II. Outdated logo with unclear intent
3/3 users stated that the website looked “outdated”. They also did not feel like the message of the organization was being achieved with the organization’s name.
III. Copy errors and difficult-to-digest content
3/3 users confused about the first and third promotional videos on the landing page
(“Why do they have a Christmas video up?”)
Videos taking up too much space
Large paragraphs of text
IV. Unclear educational programs and lack of access
Lack of access for diverse populations (users that don’t speak English)
Confusion regarding digital literacy and educational programs
Have cohesive visual elements
Consider rebranding and logo design
Improve website copy and content
More testimonials! Users loved them.
Tell a story, improve content presentation, fix broken links
Information hierarchy - making important information more prominent, creating sections
Improve access and refine program offerings
Multi-lingual website, text translation
Redesigns: Easy Wins
Before and after: landing page, hero image
Static testimonials added to the website
Fixed glaring UI problems
Obvious visual and copy issues were improved, however there is plenty of work to be done with RRRComputer. We are currently in the process of reiterating our website which will include logo and brand identity redesign, potential name change to better reflect company values, and webpage/program redesigns to optimize the user experience.