rehab4rehab

IMG_2433

The charity

Helping vulnerable people to overcome mental health struggles, through Equine Assisted Therapy with retired racehorses. 

Their mission

To help homeless retired racehorses and children/youth suffering with mental health. 

image-1
foundation-website

Foundation

Atlassian provides all employees with five days of volunteering every year. I decided to use those to help a charity with its website. I worked together with two engineers to help redesign and build a new website.

Problem

face-with-monocle_1f9d0

Initial problem

"We aren’t able to accept online donations"

technologist_1f9d1-200d-1f4bb

Workshops

We ran a workshop to capture who they are, why this mission is important and what problems they face.

framed-picture_1f5bc-fe0f

Reframed the problem

You need a website that communicates what your charity does (to help you get donations)

gear_2699-fe0f

Getting gears into place

We begin by organising the tasks into Trello to help plan what work we needed to do. 

Screen-Shot-2021-06-09-at-15.12.25-52742

Branding

I ran another branding workshop to answer these main questions: Who are we? What is our tone? What’s our DNA?  What motivates us?

UX, UI and content audit

I analysed the current website and put together a visual sitemap to help the charity understand existing usability, visual and content problems.

UX-UI-and-content-audit

Sitemap

Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

old-sitemap new-sitemap

Typography

I tested out several font faces based on the branding workshop outputs. Poppins stood out the most – warm that charities can lean into but also professional and workhorse font. 

Screen-Shot-2021-06-09-at-16.55.54-53261
typography

Colours

I took their blue and increased the warm, along with the yellow. I also added a green to symbolise the natural elements of the charity: being connected to animals, along with some base colours related to the primary colour.

Numbers

Numbers that relate to each other creates an invisible foundation for size and space.

numbers
IMG_7873-52948

Structure & Form

I spent some time looking at what the overall structure would look like, and what templates and components they would need based on the content analysis.

Concepts

I went with clean lines, strong imagery and copy. Focus on powerful imagery to help set up emotion at the beginning.

concept-homepage
concept-standard-page-1
concept-dontation-page-1
concept-campaign-page-1
160247996_106823598057735_2309842503282341752_n

Empathy

I really enjoyed working on this project as it allowed me to work with a charity that is doing so many good things. And it felt good to do something for nothing. I also got to know the charity and the people, and two amazing engineers who did a great job building the site.

About this project

Company

rehab4rehab
Charity
rehab4rehab.com.au

Platform

Desktop
Tablet
Mobile

Role

Design Lead
WordPress Specialist

Duration

5 days

Team size

1 Designer (me)
2 Engineers

Software

Figma