The Arctic Institute is an independent international institute dedicated to the research of and engagement in the many dimensions of Arctic security. The Arctic Institute needs a simple responsive website (Rising Tides) that pairs skills-based volunteers with projects. The Rising Tides website will include information about various volunteer projects, how they work, and sign up links to the volunteer matchmaking platform.
To provide research for a better understanding of users who would use the website and create navigation and web pages to accommodate the identified users.
To identify behaviors, processes and pain points of potential users for the website.
The target user are men and women who volunteer.
I followed a UX design thinking process (see below) to make sure that my design decisions were supported through user research and feedback.
Phase 1: Empathize
Phase 2: Define
Phase 3: Ideate
Phase 4: Prototype & Test
Empathize Competitive Analysis
First, a competitive analysis was conducted by reviewing websites from Peace Corp, Chicago Cares, Paws Chicago, and Americorps. The purpose of this analysis was to reveal any new design patterns or to identify similar ones. However no new design patters were discovered.
Eight(8) One-on-One Interviews
Interview Participants were Male and Female Between 40-65 Years Old
Purpose: To identify the type of volunteer that would use the Rising Tides Volunteer Matchmaking Website
Interview Script (created by Traci Williams)
A storyboard was created in order to create how a volunteer decides to lend their time to an organization.
Karen has a passion for environmental causes and wants to find an organization where she wants to spend her time. She goes on the internet and finds “The Arctic Institute – Rising Tides”. She is very impressed with the website and the amount of work the organization has done and plans to do. She immediately volunteers for them. After volunteering for a bit Karen decides to tell others about the organization and successfully recruits them to volunteer. Karen also reaches out to local government for funding and sponsors. The positive experience Karen has received by volunteering with Rising Tides has made her a passionate volunteer for life.
The empathy map and storyboard aided in the creation of the user persona for this project which is called “The Passionate Volunteer”.
Introducing…The “Passionate” Volunteer
The participant with this passionate volunteering behavior is the focus of this report and will regularly volunteer and become a strong advocate for the organization if website gains her trust and loyalty.
Define Project Goals
Business goals were outlined according to the client’s objectives and the user goals were based on the interviews and user personas. The shared goals were then outlined to make sure both sides were accommodated in the design process.
From the task flow the user flow was created to demonstrate how a user would navigate the website.
With the architecture in place, I created wireframes in Sketch for each screen of the flow.
Prototype & Testing
With InVision, I created a prototype using the wireframes. Once created, usability tests were conducted.
The organization already had their logo and brand colors in place. Font choices were Lato and Impact.
After the wireframes were tested and adjusted, the UI prototype was created.
Reflection & What I Learned
This was a great project to work on because I have always been passionate about volunteering. I think websites like this are great to be able to match people who are looking for opportunities to volunteer their time. After a few more revisions, I was able to hand the design off to a developer to complete the project. See final site here: https://www.
copyright©2020 traci williams
all rights reserved
designed by traci williams