Trackaroo. A website that loses signal as you scroll.

A brand and 3D website project for an offline navigation app. Logo, brand guidelines and a 3D website that feels like a film. It is for Trackaroo, an Australian offline navigation app. The mark puts Mount Kosciuszko over Uluru. The website drops from 4G to no service while BackTrack draws the way home.

Trackaroo - live websiteLive
Try the live websiteScroll it, click around. It is the real site.
SectorOutdoor navigation app
LocationAustralia
Year2025 - 2026
My roleLogo, brand guidelines, website design and front-end build
DeliveredLogo system, brand guidelines, 3D terrain website
TechWebGL terrain, HTML-first
01

The logo

In the first round I explored seven directions. The client chose the landmark emblem. I then simplified the badge and rebuilt every line on one stroke module, so the mark holds from a 16 px app icon to a vehicle decal.

Trackaroo (Outdoor navigation app) brand: The logo, logo construction
Trackaroo (Outdoor navigation app) brand: The logo, logo before after
Trackaroo (Outdoor navigation app) brand: The logo, logo variations
Trackaroo (Outdoor navigation app) brand: The logo, guidelines app icon
The brief

A navigation app that has to work where nothing else does.

Trackaroo keeps maps, hazards and a BackTrack route on your phone. They are ready when coverage disappears. I designed the logo and brand guidelines first, then the website. Most people only value offline navigation when it is too late. So the brand had to feel rugged and reliable. The website had to make visitors feel the moment the bars drop, before they ever need the app.

Goal

Make an offline feature feel urgent and build early-access sign-ups.

Values

Safety, independence, calm, the outdoors.

Direction

Like a film, not a feature list. The screen tells the story. The outback, not stock hikers.

What they really needed

A website that loses signal as you scroll.

Brand OS Portal

Stay the same everywhere you show up.Brand OS Portal keeps your logo, colors and rules on one link for your team.

See Brand OS Portal
02

Brand guidelines

Clear space, monochrome versions, Trackaroo Orange with outback neutrals, colour pairings, Poppins and Work Sans: one system for the app, maps and equipment.

Trackaroo (Outdoor navigation app) brand: Brand guidelines, guidelines cover
Trackaroo (Outdoor navigation app) brand: Brand guidelines, guidelines clearspace
Trackaroo (Outdoor navigation app) brand: Brand guidelines, guidelines monochrome
Trackaroo (Outdoor navigation app) brand: Brand guidelines, guidelines colour
Trackaroo (Outdoor navigation app) brand: Brand guidelines, guidelines pairings
Trackaroo (Outdoor navigation app) brand: Brand guidelines, guidelines typography
Trackaroo (Outdoor navigation app) brand: Brand guidelines, guidelines type work sans
Positioning

Trackaroo keeps you oriented when the signal is gone.

Offline

Maps that live on your device.

BackTrack

The route home, always drawn.

Hazards

Warnings that do not need a tower.

Calm

Clear when everything else is not.

03

The 3D website

A scroll from 4G to no service over a 3D topographic terrain, with a live position readout and BackTrack drawing the route home.

Trackaroo (Outdoor navigation app) brand: The 3D website, web scene 2
Trackaroo (Outdoor navigation app) brand: The 3D website, web scene 3
Trackaroo (Outdoor navigation app) brand: The 3D website, web backtrack phone
Trackaroo (Outdoor navigation app) brand: The 3D website, web scene 5
Decisions

Five decisions, and what I rejected.

  1. 01
    An emblem of two Australian landmarks

    Mount Kosciuszko over Uluru, drawn as contour lines: a mark that is Australian at a glance and reads like a map. The brief said no mountains. I drew one anyway, and the client chose it.

    Rejected

    An arrow, a kangaroo or a generic map pin.

  2. 02
    A journey from 4G to no service

    The signal indicator and the position readout degrade as you scroll deeper into the outback.

    Rejected

    A feature grid with icons.

  3. 03
    3D topographic terrain

    The landscape sets the stakes better than any photo.

    Rejected

    Stock photos of hikers.

  4. 04
    Type that loses its fill

    Headlines shift from solid to outlined as the signal weakens. The interface itself tells the story of losing connection.

    Rejected

    Static typography.

  5. 05
    BackTrack draws the way home

    The key feature appears exactly when the story needs it.

    Rejected

    Listing BackTrack as one feature among many.

04

On mobile

The same story, rebuilt for the phone, where the app will actually be used.

Trackaroo (Outdoor navigation app) brand: On mobile, web mobile screens
Problems solved

What was broken, and what I built to fix it.

The problemWhat I built
A navigation app with a generic lookA landmark emblem and a full brand system in Trackaroo Orange
A feature people ignore until it is too lateA scroll that drops from 4G to no service
Outdoor apps that all use the same photosA 3D topographic terrain of the outback
A key feature buried in a listBackTrack revealed at the moment it matters
Outcome

From logo to website, one trail.

Trackaroo got three things. A logo that is Australian at a glance. Guidelines that keep it consistent across the app, maps and equipment. A website that turns a plain feature into a story people feel. It is a clear example of 3D used for meaning, not decoration.

Logo & guidelines

Emblem, lockups, colour, type.

3D terrain website

4G to no service, live readout.

Motion system

Signal-driven type and UI.

Related

More 3D website work

3D websites

Want a brand like Trackaroo's?

15 minutes. No sales talk. You leave knowing what to do next.

Rather write to me?