↑ Above: Play live radio on the player, add to your playlist from the website, or manage your queue.Tyro Payments
I was the principal designer on a cross-functional initiative, working on research, concepts and design for a next-generation app UI for business insights and reports; an internal UI for frontline staff; and digital onboarding. I was also the advocate and organiser for our design system with a team of engineers and designers across marketing and UX. In my day-to-day I worked with a few cross-functional teams to deliver and iterate on our initiatives.Tyro Payments is an Australian fintech pioneering payment solutions and banking capabilities for small to medium businesses.
Triple R FM
Irreverent, independent and a whole lot of fun, Triple R FM is Melbourne's longest independent radio broadcaster funded by subscribers. In 2018, I worked closely with their marketing and web teams to bring a new lease of life to their outdated website, delivering a complete redesign of their website and live on-air radio player, and a brand new online subscription flow. I was the lead designer responsible for: Triple R’s audience majority comprised of paid subscribers, often with multiple subscriptions per person. Existing methods of subscription were via mail, email or telephone. We prioritised making online subscription a simple process to facilitate more sign-ups during the annual drive, Radiothon. To kick things off, I designed a mobile-first flow for new and existing members. Account management was looped into this process, as many members have multiple subscriptions for their business, family and friends, and even pets. The site launched just before Radiothon and saw a 50% increase in new subscribers. The new website also necessitated on-demand listening in addition to on-air broadcast. The structure and design of the new website had to feature a player allowing visitors to play whatever they liked, wherever they liked. Inspired by wonderful web players such as the now-defunct Rdio, Pitchfork and Netflix, I started thinking about what felt lovely about their interfaces. On many websites with radio, the player is almost always an afterthought. We had to begin with the player in this project—it was the most resource-heavy element, and had to work well with different page layouts. When it came to their identity, Triple R had relied on independent artists to create artwork for the programs and campaigns. The only constants were their logo and the black/red colour scheme. The web team and I collected artefacts of design and sites that we liked and could best represent Triple R. We settled on a modern interface design layered with artefacts that signalled for “indie” and “grunge”. I presented concepts of design direction and a new visual language for interface design that would highlight custom seasonal artwork and program headers to show the array of design flavour that has always been core to Triple R’s identity. This was a huge project and took over a year to come to life. We had really good engagement with our stakeholders and we checked in often with one other. In retrospect, we could’ve been more iterative. Knowing what I know now (two years later), I would’ve taken advantage of that relationship and run early ideation sessions to be sure we all aligned on how to deliver key parts of the project. Raising the volume of independent Australian radio
↑ Above: For wireframes, we iterated on prototypes and recruited members to collect feedback on onboarding, account and subscription management.
Audience first, on mobile
Result
↑ Above: Play live radio on the player, add to your playlist from the website, or manage your queue.
Online radio
↑ Above: An early concept demonstrating player interaction and site layout during discovery
Begin again, from the red
↑ Above: Page banners showing custom user-uploaded artwork.
↑ Above: Design direction and a sample of the style guide.
Reflection
Endeavour Tea
It is an Australian specialty tea company with a contemporary view of tea culture, also known as third-wave tea. Our aims were to engage tea drinkers with delicious, direct-from-source loose leaf tea on our e-commerce store, provide brewing styles and guides, and organise cupping sessions with our local community. I was responsible for: I happily took on this challenge outside my usual comfort zone of digital design to push the boundary of tea tropes in a western society. In a colonial setting, we are taught to be dainty and have high tea, but the origins of tea are far humbler. In its original Eastern context, tea is appreciated formally, as well as brewed in everyday settings as favourite beverages to share. Modern-day convenience teabags strip away its origin story, disconnecting drinkers from why and how a particular tea was harvested and processed in order to create a particular flavour. My partner and I selected the name of “Endeavour” to push back against its colonial implications and apply a modern interpretation: to endeavour for a better view of loose leaf tea that honours its growers. To do that, we had to show simple, honest packaging that departed from a fanciful trope. A typography-led design direction is unpretentious, straightforward and invites you to read: functional aesthetic paired with approachable style.
Endeavour Tea is a small business I co-founded in 2015.
Connecting the story of the humble tea leaf
A departure from gentility
Parks Australia
With six national parks, fifty-eight marine parks and a botanic garden under its jurisdiction, Parks Australia needed an effective way to communicate each park’s distinct identity and establish a common visual language across all its web entities. I worked directly with their team to design page templates and modules to be used across all park websites. I also created an interface guide for structure and consistency. Kakadu, Uluru-Kata Tjuta and Booderee are some of Australia’s most famous national parks and living treasures, with good reason. The Great Australian Adventure includes crossing off these iconic sites from an itinerant to-do list. However, conditions change often and without notice in these rural environments. While signposts on the ground are great for when you’re there, there’s quite a lot of preliminary information to prep, such as knowing when sites and certain roads are accessible and the kinds of amenities to expect. With the websites there was an opportunity to educate and prep travellers so as to prevent nasty surprises at a later stage. Using the largest park, Kakadu, as the starting point, we mapped out information architecture that would later extend to the rest. Gaining experiences and clear wayfinding were our North Star on the project — we absolutely wanted visitors to get lost in a good way. Satellite maps were complemented with tourism photography to first give a good sense of the place, while interactive features drew on wayfinding tropes to familiarise visitors with their upcoming adventure. With the templates designed and built, it was time to roll out. My challenge here was retaining enough of the same while conveying their differences. Sort of like a tasting menu where one course builds on or complements another, and a theme can be discovered. It was also a big responsibility to ensure the templates worked for their designated purposes, and were able to suit needs across different sites. I feel super proud having worked on this project in my adopted home, and it is my hope that the parks can flourish and be seen by as many people as possible.
Natural treasures and beauty with cohesion
Welcome to the wild
↑ Above: Wireframes branched off from a wayfinding point of view. The focus was on clear communication and taking the potential visitors on a journey.
↑ Above: An interface guide was critical to this project; we designed upwards from UI details to ensure modularity. Seven locations with one point of signage, paired with satellite imagery and rich visuals to complete the story.
Let
the stars our website guide you
↑ Above: The homepage funnels visitors into location-specific pages, where trip planners, site information and nearby facilities are displayed.
↑ Above: Style guides convey design flavour across the different sites and identities.