A portfolio in six design languages, by

Toufiq Ahmed Joy, Product Design Lead, Sydney

I design websites and web app UI/UX, and I build automations. Every product gets its own voice; I keep them in one deck.

Scroll, or pick a bladeScroll to open 01 CareVisor ↓Tap a blade to open it

CareVisorNDIS service provider platform

01

Visit the site (opens in a new tab)

The complete NDIS compliance and
Audit‑Ready platform.

  1. Guided onboardingParticipant Intake
  2. Compliance-first hiringStaff Intake
  3. Roster on autopilotShift Management
  4. Smart templatesDocument Builder
  5. Audit-ready workflowsIncident Management
  6. Claims without chaosBilling & Payroll

The app, redesigned three ways.

  1. Liquid Glass

  2. Midnight Pro

  3. Keystroke

Liquid Glass dashboard: frosted white panels over a pale blue prism, with sparkline KPI cards, a list of what needs attention and a health gauge.Liquid Glass participant record, laid out as a page with an onboarding stepper, details and an activity feed.
Liquid Glass
Midnight Pro dashboard: a dense dark bento grid with monospaced figures, a compliance score ring and an onboarding funnel.Midnight Pro participants table, with saved filters, inline status menus and document progress bars.
Midnight Pro
Keystroke dashboard: a command bar across the top, a needs-attention list with type tags and an action bar with keyboard shortcuts.Keystroke participants list, grouped into needs a first call and waiting on documents, with shortcuts in the action bar.
Keystroke

One app, three directions.

Loops recorded with the live Halation editor's video export.

02

Halation

The Halation editor on Coral Reeds: the artwork in a portrait frame, lit room around it, a frosted top bar with the look name and Export, the Glass tab of the inspector with Reeded selected and 12 flutes, and the dock with a red playhead and a strip of looks.

Design decisions

  1. Only the artwork has colour

  2. Glass that stays readable

  3. Glass that behaves like glass

Coral Reeds with the glass covering only the right half: the bands are smooth on the left and stepped into bars on the right, with a thin lit edge where the pane ends.
sitescoreStar on GitHub (opens in a new tab)

03

SiteScore: Where should your next business open?

demo data

Quick estimate, monthly revenue

  1. less
  2. $14.7K+
  3. $20K+
  4. $28.3K+
  5. $42.2K+

2,630 cells, 250 m apart · top 7% darkest

Three decisions behind it

  1. Ranges, not one number

    Projected monthly revenue

    Opens November 2026 · line: central estimate · shaded: 80% of 300 scenarios

    1. Site 1Rank 3 of 3$844.1K–$1.6M
      $1.3M16% best
      Church St, Parramatta
    2. Site 2Rank 2 of 3$828.6K–$1.8M
      $1.3M1% best
      Harris Park
    3. Site 3Rank 1 of 3$1.1M–$2.4M
      $1.8M83% best
      Wentworth Point
  2. The why always adds up

    Every forecast is a product you can read

    Shown for Wentworth Point. Every assumption is a line of YAML.

    01customers/
    3,394people in reach1.30fit1.08anchors15%share won1.12behaviour0.95prices
    757customers
    02revenue/
    757customers$70per customer
    $53Ka month
    03horizon/
    $53Ka month36months0.95ramp & seasons
    $1.8Mover 36 months
    04range/
    300 scenarios vary spend, distance decay, ramp-up and habit; 80% of them land in this range.
    $1.1M–$2.4MP10–P90
    01 / 09DemandResidents, workers and commuters within walking reach, weighted by when they’re around.3,394 people
    02 / 09Demographic fitLocal demographics against the business’s customer profile: age, income, housing.3,394 people4,399 people
    03 / 09AnchorsStations, supermarkets, schools and hospitals that bring people past the door.4,399 people4,765 people
    04 / 09CompetitionA Huff gravity model over every rival, plus an ‘elsewhere’ option: the share of local demand this site wins.4,765 people713 customers
  3. One red, kept for small marks

    SiteScore workspace with three demo sites over the hex heat map. Church St, Parramatta is selected: its card is inverted to ink and its map pin and site key are red, while Harris Park and Wentworth Point stay ink and are told apart by number. The details panel shows its 36-month numbers and why it ranks third.
    The full SiteScore Overview page: the hex heat map with a model run card, the stat band, the equation ledger, four capability cells, the backtest timeline and the contribute card.
BloodLine

04

Live site (opens in a new tab)

The lab makes sure the result arrives.

BloodLine makes sure the GP knows.

Three decisions behind it.

  1. Amber means one thing

  2. The patient’s own range, in plain words

  3. Motion that shows the system working

Lab flagOutside range

Haemoglobin

118g/L

Where it sits

130180

Why you’re seeing this

  • The lab flagged this result Flag printed on the report: L.
  • Outside the reported range, may need review 118 g/L is below the range printed on this report (130–180).
Synthetic data
BloodLine website hero. 'The lab makes sure the result arrives. BloodLine makes sure the GP knows.' over a deep green background, with a Haemoglobin 118 g/L card marked Outside range.
BloodLine website, step 3 'Plain code checks each one': a paper lab report with Haemoglobin and Ferritin highlighted, beside the read.json panel with Lab flag and Outside range verdicts.
BloodLine website, step 5 'You mark it seen': a phone showing the alert with a green Seen button, delivery chips for App, Email, SMS and Call, and an audit line.
Airpoint

05

GitHub (opens in a new tab)
Airpoint’s welcome screen: the blue Loop mark above “Your S Pen, now a mouse.”, a line about waving to move and pressing to click, and a Next button.
Connect a computer: a radar sweep around the Loop has found one computer, shown as a green blip, and lists Joy at 10.0.2.2 below it.
PIN accepted: a green check, “Paired with Joy”, “From now on it reconnects on its own.” and six green PIN cells.
Home while pointing: S Pen, Phone and Joy linked with checks, “Pointing at Joy”, a Stop button, Joy connected, and the live pad that mirrors the pen.

Swipe sideways for pairing and pointing

Design decisions

  1. #3B69FF, a hair deeper.

  2. Blue listens. Green talks.

  3. Pen down, cursor still.

Compare Best AIVisit the site (opens in a new tab)

Compare Best AI: Simple comparisons. Smarter choices.

  • 1,904tools
  • 20categories
  • Weeklyupdates

Light to read, dark to pick

The score comes first

Deals look like deals