JT Studio

The studio app I couldn't buy, so I built it.

JT Studio dashboard, tasks and time screens on lime
Description

One app that runs the studio, not just the bills. Clients, projects, proposals, tasks, time and invoices live together, each tied to the client's full history. Boards give every project a place for moodboards, sketches and notes, and built-in SVG and video editors let me animate marks and cut screen recordings without leaving the app. Ask Studio, my Claude assistant, answers questions about the business, drafts invoices and reads receipts into expenses. Invoices show when they've been delivered and can add late fees on their own, and a floating Mac timer sends tracked time straight to an invoice. I'm still adding to it, and a client portal is next.

Concept

I designed JT Studio to carry the JT Creative brand all the way through. It feels energetic, like it's always working behind the scenes, taking care of the client busywork (onboarding, proposals, follow-ups and invoices) so I can focus on what matters most: the client work.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

SERVICES
UX Design
UI Design
Information Architecture
Branding
Web Development
Industry
Agency
Client

By the numbers

The short version of what it took and where it runs.

48 updates

shipped in the three weeks after launch

14 pages

in the sidebar, up from 9 at launch

$0

in App Store fees

2 editors

for video and animated SVG, built into the app

The brief

What I needed, what I had to work with, and how I went about it.

The ask

Track clients, create and send invoices, and keep a record of every one of them. Basically match my old invoicing app, then go further.

The constraints

It's just for me. It had to follow the JT Creative brand book (Lime, Ink, Paper, Druk Wide, PP Neue Montreal), work on my iPhone and Mac without an App Store account, and bring years of invoice history across intact.

The approach

I planned it in four phases and designed the screens first: a quick first pass, then the full app in dark and light. Then I built it in small pieces, each one going live as soon as it was done.

Wireframes

Low-fidelity layouts of the main screens, redrawn from the finished app. Grey bars stand in for text; lime marks the moments that mattered.

Dashboard

The home screen answers three things at a glance: what's running, what's owed and what's next. The timer sits on top because tracking time is the habit my old invoicing app made slow.

Wireframe of the JT Studio dashboard with the running timer, money totals and revenue chart

On the phone

No App Store. JT Studio installs from Safari as a home screen app, and a free widget puts my tasks and the timer on the home screen.

Invoice, start to finish

The finished app, following one invoice from the first line to the client opening it.

01

Editor

I click anything on the invoice to change it and drag lines to reorder. Unbilled time for the client is one tap away.

JT Studio invoice editor showing the invoice as the client will see it

02

Adding a line

I start typing and saved items come up, or I pull in hours I've already tracked, so nothing gets typed twice.

Adding a line to an invoice with a list of saved items

03

Send

I write a short note, pick the due date, and the reminders move with it. Every email carries my logo, the amount and a View invoice button, and I can send now or schedule it.

JT Studio send dialog: email to the client, a due date picker and Send now

04

Sent and tracking

I can see when it was delivered, opened and viewed, reminders are already scheduled, and I mark it paid when the money lands.

A sent invoice with its tracking timeline, reminders and payment details
JT Studio invoice editor showing the invoice as the client will see itAdding a line to an invoice with a list of saved itemsJT Studio send dialog: email to the client, a due date picker and Send nowA sent invoice with its tracking timeline, reminders and payment details

Added since launch

Late fees

I see how late an invoice is and add a percentage or a flat fee, or let Studio add it after a set number of days.

Know it arrived

Each invoice email shows whether it was delivered, and my own opens or a mail scanner no longer count as the client viewing it.

More than one contact

Several people at a client can get the same invoice, like the project lead and accounts.

Time straight to an invoice

A floating timer on my Mac stays open while I work and adds the hours to an invoice when I stop.

An overdue JT Studio invoice with the late fee popover open, 25 days late

Adding a late fee to an invoice that's 25 days overdue.

Boards

After launch, Studio grew a place to think. Boards are open canvases for moodboards, notes and sketches, tied to a client or a project.

A mood board for Kova: the wordmark, colours, construction notes and mockups in one place.

Drop anything in

Notes, links, to-do lists, colours, images and anything already in Studio. I paste a screenshot or a link and it becomes a card.

Draw on it

A pen and pencil that work with my Wacom, shapes, a path tool with points I can edit, and grids I can tilt. It all exports as SVG.

Works on my phone

Pinch to zoom, a toolbar under my thumb, and hold and drag to delete. I catch ideas on the go and tidy them at my desk.

Boards inside boards

Columns and nested boards keep big projects tidy, and any card can be the cover on the Boards page.

Creative tools

Two editors for the media I make every week, plus a way to change how the whole app looks.

SVG studio

I animate logos and icons on a timeline: move, fade, draw on and morph shapes, stagger a group, or send a layer along a path. A shape library gives me fresh patterns to start from, and it all exports as an animated SVG, MP4 or GIF.

Video editor

Made for my screen recordings. I cut, frame and drop them on a background, add smooth zooms and captions from the soundtrack, then export every size I need at once.

Themes

I pick a colour palette and a type style for the whole app, or give one board its own look so I see it the way a client would.

Ask Studio

A chat about my business, one shortcut away on any page. I ask in plain words, typed or spoken.

Answers from my own data

Who owes me money, how many hours went into a project, what I earned last quarter. Every answer links straight to the record.

Does the busywork

From one sentence it can set up a client, draft an invoice, add tasks or log time. Nothing is saved until I confirm it, and it can't send anything or touch payments.

Reads my receipts

I snap a receipt and the expense fills itself in: vendor, date, total and category, ready for me to check and save.

Voice notes

I record a thought on a walk and it lands in Notes as text.

App map

Every page in the sidebar, and what it does.

01

Dashboard

Today at a glance

02

Clients

My mini CRM

03

Projects

Work in progress

04

Boards

Moodboards and sketches

05

Library

Every file, filed

06

Time

Every tracked hour

07

Notes

Typed or spoken

08

Tasks

My to-do list

09

Invoices

Getting paid

10

Proposals

Winning the work

11

Contracts

Signed agreements

12

Expenses

Money out

13

Reports

How the business is doing

14

Mail

Updates to clients

15

Settings

Set once

How it works

A private app only I can get into, a public side clients use, and a few outside services doing the heavy lifting.

People

Me

On my iPhone home screen and my Mac, plus the widgets.

Clients

Open invoices and updates on any phone or browser. No login needed.

JT Studio

The private app

Clients, projects, time, tasks, notes, invoices, expenses and reports. Only I can sign in. It flags overdue invoices and pings me.

The client side

Invoice pages, pay buttons and unsubscribe links on my own domain. It can show an invoice and tell the app what happened, nothing more.

One database

Every client, invoice, hour and task in one place, shared by both sides.

Outside services

Push alerts

Apple and Google deliver alerts and the icon badge to my devices.

Email

Invoices come from my own address, updates from a separate one.

PayPal · Venmo

Clients finish paying there. No card details are ever stored.

One-time import

Years of history pulled in once from my old invoicing app.

Full architecture

JT Studio system architecture: me and my clients, the private app and the public invoice side sharing one database, the outside services for alerts, email and payments, and how every change is checked and deployed.

What's next

A client portal, so clients have one place for everything we're working on together, starting with boards I can share with them.

JT Studio invoices open on a phone at a café table after a client meeting