Work

Most of what's here works in your browser right now, so you can try it instead of reading about it. Pick a service to see the work that goes with it.

Showing 6 projects

  • Live

    Studio website

    senovasys.com

    This site. Every service page has a live demo, the catalog holds more than 200 UI pieces visitors can try and pick, and the quote flow turns those picks into a written brief.

    • Service pages with working demos instead of screenshots
    • A component catalog with search, live previews and a shortlist
    • A quote flow that attaches the visitor's picks to their brief
    • Next.js
    • Tailwind
    • shadcn/ui
    • Motion
    • Fly.io
    Read the case studyBrowse the catalogTry the quote flow
  • Live

    Interactive 3D

    3D product showroom and configurators

    Products you can turn, open and restyle in the browser. The showroom uses credited open-source models with colour and fabric options, a lamp that switches on and a door that opens. The ZA-1, my own instrument design, was built from its real CAD and comes apart on screen.

    • A one-canvas showroom with product variants
    • A product configurator for finishes and colours
    • CAD to a light web model with an exploded view
    • React Three Fiber
    • drei
    • glTF
    • meshopt
    Read the case studyOpen the showroomSee the ZA-1
  • Muted preview
    Live

    Motion design film

    Working as one

    Senova's own 24 second film. Frosted glass app windows drift together into one system, with a voice-over and sound effects that follow the picture. Cut for 16:9, 9:16, 4:5 and a 6 second version.

    • Script, styleframes and a beat sheet
    • Animation rendered from code, checked frame by frame
    • Voice-over mix at streaming loudness, captions included
    • Python
    • Skia
    • ffmpeg
    • Kokoro TTS
    Read the case studyWatch with sound
  • Muted preview
    Live

    Motion design reel

    Motion reel

    A 30 second reel of the motion work Senova makes: a social ad re-shaped for every screen, a product demo, an explainer and a logo sting, joined by one point of light. The demo and explainer were made for the reel, with no client data.

    • Senova's film nested live and re-laid out per format
    • Wide and vertical versions plus a 16 second cut
    • Voice-over and sound effects timed to the picture
    • Python
    • Skia
    • ffmpeg
    • Kokoro TTS
    Read the case studyWatch with sound
  • Company A own team
    Company B own team
    Company C own team

    One database, a wall per company

    Postgres checks every row against who is asking

    Diagram: three companies share one app and one database, and the database only returns each company its own rows.
    In progress

    Web app foundation

    Multi-company business platform

    The base I build client apps on. One codebase serves many companies, and each company's records are walled off inside the database itself, so a bug on a page can't show one company's data to another.

    • Row-level security in Postgres for every table
    • Roles and permissions per person, per company
    • Checked migrations and automatic deploys to staging
    • Next.js
    • Postgres
    • GitHub Actions
    • Fly.io
    Read the case studyWeb apps
  • Live

    Product UI

    AI chat and agent interfaces

    The screens people use to talk to an assistant. A support chat that shows its sources, an agent that checks availability and makes a booking, and questions answered from your own documents. The demos run on scripted conversations, so you can try them without an AI account.

    • Chat apps with history, attachments and a composer
    • Tool calls and reasoning shown step by step
    • Answers that cite the page they came from
    • React
    • prompt-kit
    • shadcn/ui
    Read the case studyTry the chat demosAI & automations

Get a quote

Tell us what you'd like built and we'll send a written quote with a fixed price and a dated plan.

Get a quoteSee all services