The image features the ABC SPARK logo, with three stylized figures in blue, green, and yellow, followed by the text 'SPARK' in blue. There is a laptop with an open screen displaying a webpage with various program listings and images.

The opportunity to work with the ABC as a client was an exciting way to finish off my degree. We were given a design challenge to work with which was “How might we create a springboard for the diverse voices of young Australians, fostering pride and engagement in local talent across arts, media and entertainment?”. Our project team kept in contact with product designers at the ABC gaining feedback on work with presented at different stages.

Client

ABC Digital Team

Team

Max Heytman | Tianyi Feng | Edison Chiu | Alice Hung

My roles

Deliverables

Website prototype | Presentation at exhibition

Research | UI/UX Design | Prototyping
Video Editing

Make it stand out

It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more.

A remote house on a grassy hillside with snowy mountain peaks in the background under a cloudy sky.
Scenic landscape with a large lake surrounded by green hills and mountains under a cloudy sky.
A modern house with glass doors and wooden exterior siding in a mountainous landscape with green rolling hills and snow-capped peaks in the background.
A modern, rectangular house with wooden and metal exterior walls and a large front window, situated in a mountainous landscape with dry grass and small trees.

Wireframing

To understand the visual elements of our design and how we want layout features, we wireframed the screens we chose to work on. In the wireframes, I was working on an onboarding system for tablets that allows users to select teams and athletes to follow, personalising their feed.

Four hand-drawn app wireframes on paper, each depicting different screens with sketches, buttons, and menus for sports and country selection.
Infographic showing a tablet app interface for sports event management. It includes features like skipping onboarding, searching countries, selecting sports options highlighted with color, returning to previous screen, schedule of events for the week, featured Olympic events feed, athlete profiles, and a finish button for onboarding process. The design has scrollable sections with fading headers and footers, and users can tap athlete profiles to follow their events.

After some feedback from my peers, I start to work towards creating digital wireframes through Balsamiq.
The feedback I received was a lack of system feedback, so I added a progress bar on the onboarding menu.
The button sizes were too small, considering the screen size.

Flowchart showing steps for selecting sports and following athletes on a mobile app, including choosing country, sports, and athletes, with navigation buttons like 'Back', 'Next', and 'Finish', leading to a live stream page with a video player overlay.

Visual Identity & Mockups

Our next task was to work on the visual identity and design system. When choosing colours and font we wanted to represent Brisbane, so we chose to use the colours of Brisbane’s flag.

Visual Identity & Mockups

After user testing and a presentation of our visual identity, I used the feedback to work towards the final prototype of this project.