Playground. Kept and cut.

The interfaces, motion and experiments behind our work, including the directions we parked and the rounds we threw away.

Everything on one table.

Motion, interfaces, systems and the directions we parked, side by side. Hover a piece to select it.

  • The member portal backdrop at dawn: an illustrated Golden Gate sceneThe member portal backdrop at noon: an illustrated Golden Gate sceneThe member portal backdrop at dusk: an illustrated Golden Gate sceneThe member portal backdrop at night: an illustrated Golden Gate scene

    System

    Day-to-night portal backdrop

  • Motion

    Truchet tile animation

  • August pay widget, light themeAugust pay widget, dark theme

    Interface

    Pay chart widget, light and dark

  • Keynote direction, home pageKeynote direction, Company OS case study

    Exploration

    Black-stage site direction

    1. Ortellis in a heavy lowercase grotesk, white on black, with a yellow-to-blue sphere as the dot of the i
    2. Ortellis wordmark in white spaced capitals on black, with a three-bar E
    3. Ortellis wordmark in white spaced capitals on black, round 04
    4. Ortellis wordmark in white spaced capitals on black, round 10
    5. Ortellis wordmark in black spaced capitals on white, round 11
    6. Ortellis wordmark in black spaced capitals on white, round 20
    7. Final Ortellis logo: an open ring over a solid half-disc, cut by a tapering horizon line, above the wordmark, white on black

    Exploration

    Wordmark rounds 01–20

  • Motion

    App screens scroll loop

  • Motion

    Showreel, 12-second loop

  • Motion

    Sorting-strips animation

  • My calendar widget, light themeMy calendar widget, dark theme

    Interface

    Calendar widget, light and dark

  • Vulkro dithered illustrations of a shield, chain, flask, gate and path

    System

    Dithered icon illustrations

  • HDL Accounts collection page with a KPI strip, toolbar and data grid

    Interface

    Data grid with status chips

  • Motion

    Landing page scroll loop

  • 3D render of a health tree

    System

    3D health tree render

  • The approved reDesign mock home: a centred headline over a framed showreelThe approved reDesign mock case study for Company OS

    Exploration

    Approved site mock, home and case

  • Motion

    Dot-field swell animation

  • Hours this week widget, light themeHours this week widget, dark theme

    Interface

    Weekly hours bar chart, light and dark

  • Exhibition direction, home pageExhibition direction, Company OS case study

    Exploration

    Gallery-wall site direction

  • HDL Recruit module home with a decision hero, work queue and pipeline bars

    Interface

    Recruit module home screen

  • Motion

    Board and journal screen loop

  • Hy AI mark in a yellow-to-azure gradient

    System

    AI assistant mark

  • The reDesign home hero: rulers, cap-height and baseline guides around the title, and a selected showreel frame

    Exploration

    Ruler artboard hero

  • Motion

    Flow-line wave animation

  • Drawing Set direction, home pageDrawing Set direction, Company OS case study

    Exploration

    Technical-drawing site direction

  • Leave balance widget, light themeLeave balance widget, dark theme

    Interface

    Leave balance rings, light and dark

  • HDL stream funnel of a hiring pipeline, from applied to hired

    Interface

    Hiring funnel chart

  • Six glassy sub-app icons for Company, People, Recruit, Payroll, Compliance and Books

    System

    Sub-app icon set

  • Motion

    Logo lockup loop

  • Motion

    Sunrise rings animation

  • HDL record page with the Ask Hy AI dock open

    Interface

    Record page with AI dock

  • Canvas direction, home pageCanvas direction, Company OS case study

    Exploration

    Design-file site direction

  • Documents widget, light themeDocuments widget, dark theme

    Interface

    Document checklist widget, light and dark

  • Login backdrop: green hills reflected in a lake

    System

    Login backdrop landscape

  • Motion

    Hero photo loop

  • HDL world dot map of headcount by city

    Interface

    World dot map

  • Title Sequence direction, home pageTitle Sequence direction, Company OS case study

    Exploration

    Film-title site direction

  • Things that need you widget, light themeThings that need you widget, dark theme

    Interface

    Task count widget, light and dark

  • HDL opportunity detail page with summary, details and a property column

    Interface

    Record detail page

  • HDL org chart with department colour rails

    Interface

    Org chart with colour rails

  • Who is out widget, light themeWho is out widget, dark theme

    Interface

    Who's-out widget, light and dark

  • HDL kanban board with To do, In progress and Done

    Interface

    Kanban board

  • HDL document viewer showing an offer letter with page thumbnails

    Interface

    Document viewer with thumbnails

  • Payday widget, light themePayday widget, dark theme

    Interface

    Payday countdown ring, light and dark

  • HDL radial histogram of sittings held

    Interface

    Radial histogram chart

  • HDL week Gantt of interviews coming up

    Interface

    Weekly Gantt chart

  • HDL record property group with a status chip

    Interface

    Property group with status chip

Want some of this on your product?

Tell us what you're building. We'll reply and take it from there.