Wireframing Improves Communication Strategy
Overview
Client
One Nation Walking Together
Process
Research, User Roles, Infographics, Usability Testing, Wireframes
Outcome
Increased customer engagement by improving communication strategy
I developed a clear communication strategy for One Nation Walking Together by redesigning their website highlighting the organizations impact and how users can contribute by donating goods and volunteering. I used personas, user roles, and wireframes to test designs that reinforced the impact to the community.
Problem Statement
The project aimed to examine the organization website to better communicate events, recruit volunteers, and receive donated goods.
Results
My Role
UX Designer
UX Skills
-
Communication strategy emphasizing services and volunteer opportunities to increase community engagement
-
Redesign page layouts to guide users to take action while content advocated organization's efforts
-
Added analytics images and infographics creating reasons to believe
-
Visually communicating the organization's cause so user know their efforts will have an impact on the community
Qualitative Research
Infographics
Task Analysis
Wireframes
Tools
Figma
Tableau
Mockplus
Zoom
Design Process
Challenge
The project’s challenge revolved around the organization’s vast number of events and services offered to the community. The initial website review could not easily identify how the organization supported their community.
My Responsibilities
-
As a UX Designer, I collaborated with stakeholders to develop a holistic view of the organization
-
I conducted user interviewed to understand various user experiences and perspectives
-
I developed user personas and roles, drafted usability testing sessions, and refined wireframes
Heuristic Evaluations
-
My team conducted heuristic evaluations identifying current design and usability issues
-
Determined the website lacked clear call to actions and communication about events and services
Initial Iteration
Our first attempt to address these challenges was conducting user interviews and creating user journeys to map user perspectives and experiences. While developing user journeys helped compare different routes for event registration and donations, it failed to assist users that need additional assistance.
Usability Testing Plan Canvas
Additional Research
Conducting additional interviews provided insights into user’s first impressions revealing an over emphasis on the film festival which distracted from the services provided. Synthesizing our initial research efforts resulted in better user expectations and their mental models. The additional interviews influence the goal of simplification while developing wireframes.
Infographic created to emphasize community impact
Wireframes
Refining our wireframes focusing on navigational clues like heading topics as questions allowed the design to guide user through answers. Understanding what users thought allowed us to adjust and prioritize anticipating questions to better communicate with the community.
Lo-fi Mockup
Hi-fi Prototype
Results
Developing a clear communication strategy aligned with the company's mission and vision revealed an outreach approach focusing on the organizations impact which built trust with users.
-
Communication strategy emphasizing services and volunteer opportunities to increase community engagement
-
Redesign page layouts to guide users to take action while content advocated organization's efforts
-
Added analytics images and infographics creating reasons to believe
-
Visually communicating the organization's cause so user know their efforts will have an impact on the community