Project TokyoProduct Design · UX/UI · Development

PROJECTTOKYO

A connected business platform designed to make complex operational workflows easier to understand, use and scale.

RoleProduct Design + Development
FocusBusiness Systems
PlatformWeb Application
Core ideaComplexity → Clarity
Interactive product previewExplore Project Tokyo

A simplified interactive preview based on the current product structure and workflows. Representative sample data is used to demonstrate the experience.

Project Tokyo/Home
Japan Company ORGOWNER
Search...SSebastian
TODAY IN TOKYO

Good afternoon, Sebastian

Your operational snapshot across sales, service, tasks, customer assets, inventory and cash collection.

Outstanding$18.4K12 issued invoices
Open Work73 require attention
Tasks Due52 overdue
Zero Available3Inventory exceptions
Work Requiring AttentionOpen Work Orders ranked by priority and scheduled date.
View Work Orders →
WO-1048Today
Northstar FacilitiesPreventive maintenance
In ProgressHigh
WO-1046Tomorrow
Acme CorpEquipment repair
Waiting for PartsNormal
WO-1043Sep 21
Orbit TechnologiesSite inspection
ScheduledHigh
My TasksPending work, ordered by due date.
View all
Review Acme Corp renewal proposalTodayAcme CorpHigh
Approve Q3 marketing budgetTodayInternalMedium
Follow up regarding product quoteTomorrowOrbit TechnologiesHigh
Confirm service appointmentSep 21Northstar FacilitiesNormal
Outstanding InvoicesIssued invoices awaiting payment.
Financial Reports
Northstar FacilitiesINV-2048
$4,580Due Sep 20
Cedar GroupINV-2041
$2,940Due Sep 22
Orbit TechnologiesINV-2037
$6,120Due Sep 25
Follow-ups DueCustomer activity that needs attention.
Companies
Northstar FacilitiesRenewal follow-up
Today
Apex CommercialQuote follow-up
Tomorrow
Lakefront PropertyService check-in
Sep 21
Inventory WatchProducts with the lowest available stock.
Inventory
Diamond GuardDG-220
3 available5 on hand
Daily Disinfectant PlusDDP-004
5 available8 on hand
Citrus CleanCC-110
8 available12 on hand
Supabase Product TestSUP-001
98 available98 on hand

How can business teams work in one connected system without increasing complexity?

Work becomes harder when context is fragmented across tools, screens and disconnected processes.

Tokyo brings CRM, inventory, sales and operations into one product experience: structured underneath, but simple for the people using it every day.

01

Keep context

Connect customer, sales, inventory and operational information instead of rebuilding context across separate tools.

02

Reduce steps

Make frequent actions direct and predictable so the system supports the work instead of adding more work.

03

Scale clearly

Use shared product patterns so new workflows can be added without making the experience harder to understand.

Simple on the surface. Structured underneath.

Reusable product patterns sit on top of a structured technical foundation, allowing Tokyo to grow without redesigning the experience every time a new workflow is introduced.

InterfaceNext.js + React
Product logicTypeScript
Data layerRepositories
BackendSupabase
FoundationPostgreSQL

From fragmented workflows to one operational workspace.

Tokyo evolved incrementally. Each new domain established patterns that could be reused by the next, allowing the product to grow while keeping the experience familiar.

01

Define the structure

Map how companies, contacts, products, inventory, sales and service activity connect.

02

Build modular systems

Turn each domain into reusable patterns that work independently while remaining part of one product.

03

Scale with clarity

Build a foundation that can support new workflows and business contexts while staying familiar to users.

What we created

A clearer way to manage complex business operations.

01Connected business workspace
02Modular CRM + inventory structure
03Reusable product architecture
04Scalable operational foundation
Project principle

Build systems that reduce friction, support growth and stay easy to use.

Next project

E-Commerce