Australian Communities Foundation

UX Design
UI Design
Interaction Design

The brief

ACF, short for Australian Communities Foundation, enables those with capital to activate their philanthropic giving by connecting them with those working for/achieving social and environmental change across the country, for a fairer and more sustainable Australia.

The foundation partnered with The Royals to modernise their brand with a digital first approach to ultimately help grow ACF from ‘hidden gem’ to brokers of collective change.

ACF's mission statement

Ideation

As well as taking part in the brand refresh, I participated to the new website’s ideation process, phased into multiple design sprints, each of which consisting in several design thinking exercises ranging from defining Design Principles, identifying user needs, reframing challenges (How might we questions), to rapid sketching (aka Crazy 8's).

After each design sprint, I was in charge of storyboarding the user-flow, design wireframes and set up prototypes to test the experience.

Crazy 8's sketches during a design sprint Proposed storyboard for the donation flow Mobile wireframe screens Wireframe prototype animation

Implementation

The design phase was the most challenging but exiting part: I aimed for a simple and fun experience through a clean, modern and purposeful UI that would facilitate navigation and make the content easily digestible, while conveying ACF’s values. I’ve also focused on accessibility, making sure the design would be WCAG 2.0 AA compliant.

Due to the sheer amount of pages to be designed, and in order to speed up my design process and assure consistency throughout the files, I had to build a strong internal design system with colour/text styles and symbols/modules libraries.

Responsive design Mobile screens Mobile menu animation concept Desktop hero play button animation concept Filter flow Tablet search functionality animation concept Set of branded icons Hero animation concept