Role
Team coordination, user research, information architecture, visual design, prototyping and testing.
Duration
3 weeks
​
22 Feb - 15 Mar 2022
Team
Group of 4
Tools
Figma, Slack, Miro, Trello
Overview
ASRC is one of Australia’s leading Refugee and Asylum Seeker advocacy organisations. Based in Melbourne, they offer a wide range of services, from legal support to councelling. They also enable people from all walks of life, with a diverse range of skills, to contribute through Volunteering. Our Project focuses on the redesign of ASRC’s website based on the experience of people who would like to sign up to volunteer or donate. I was a quarter of our team. My largest contributions on this project were in user research, ideation, wireframing and prototypying.
The Challenge
â– â– â– â– â– â–
Problem Statement
Contributors who are keen to volunteer or donate to human rights organisations are often time poor or financially constrained. They are passionate about contributing but are unsure whether an organisation aligns with their values and can be trusted to allocate most donated funds to the people in need. Contributors want to be able to easily find key information on an organisation’s values, people and programs. They particularly look for evidence of past success in delivery of services and financial information.
UX Hypothesis
Our team hypothesise that creating an inviting digital story for the ASRC will result in an improvement of volunteer uptake and increased donations because we know stories and connections create more supportive communities.
Research
â– â– â– â– â– â–
Gathering Insights
Our team relied on a data driven approach gathered from interviews, surveys and user tests on the current website. An affinity map was created to synthesize the pains identified.
Affinity Map
Understanding the Data
Our team then grouped the most interesting and common insights from our research.
Definition
â– â– â– â– â– â–
Based on our research, we discovered 3 user types and we focused on the user type most likely to engage with the ASRC Website and within their community.
Meet Ryan.
Value Propsition Canvas
Further building upon our user persona, we created a value proposition canvas to define, understand and solve the pains for our user and define what the website already does well and find opportunities to further serve our user.
Ideation
â– â– â– â– â– â–
Value Propsition Canvas
The user testing conducted on the existing website revealed that the current navigation tools and site map were bloated, confusing and not consistent. Our solution to this was to completetely overhaul the navigation and sitemap to help make the user flow much simpler and intuitive. Our main focus was to cut out the bloat and build smarter categories that would be easier for a user to know what to expect inside each category.
Below is the existing sitemap, the updated sitemap and our notes from the process of trimming, sorting and prioritising the new sitemap.
Existing Sitemap
Updated Sitemap
Card Sorting
Prototyping
â– â– â– â– â– â–
Paper Prototype
For our initial paper prototype, our team each got creative with a mobile first idea of what the new ASRC website may look like. We focused on the home, about us, donate and volunteer pages. After some discussion we agreed on our favourite ideas and what approach may be best ofr the user and then worked on a lo-fi protype together.
%201.png)
Lo-Fi Prototype
Style Guide
Before finalising a high fidelity prototype, our team had a deep discussion on the current style on the website. We all agreed it was too clinical and lacked its own identity and didn’t reflect the message or the vibrant story behind the ASRC. We decided on a much more colourful approach to reflect the positive mission and community of the organisation and used colours commonly found within the diverse countries and cultures that the ASRC represents. Our iconagraphy built upon this approach. The people within the community of the ASRC are what make the ASRC a fantastic organisation and we wanted to show that this organisation is about people.
Hi-Fidelity Prototype
Testing
â– â– â– â– â– â–
Usability Testing
-
5 user tests were conducted to determine the validity of the high-fidelity prototype
-
The test tasks included: finding the purpose of the website, determining what services the ASRC offered to refugees, making a donation to the ASRC, submitting an expression of interest to volunteer and feedback on the overall design of the website
Usability Insights
-
The site was colourful and had a lively feeling, with a sense of positivity and community
-
Information about the ASRC (who they are and what they do) was easy to find
-
Minor prototyping errors including missing graphics, broken links and incorrect hover states
Check Out Some of my other projects
