01 — From side project to enterprise

Pinnlo proved the concept. Unity Platform scaled it.

Pinnlo started as a solo project for solopreneurs. The architecture worked — so it became Unity Platform: a white-label enterprise AI tool with 19 specialised hubs, a Python agent pipeline, and a GCP data layer for client analytics. I led the design and frontend engineering across the full rebrand and feature expansion.

19

Specialised hubs — Strategy, Intelligence, Design, Creative, Development, and more.

145+

Tests operational. Built reliability into the platform from the start.

5

Intelligence types — Market, Competitive, Customer, Trend, and Technology.

Unity Platform — hub tab bar, flow navigation, agent chat, strategy cards
Platform workspace · hub tab bar, flow navigation, agent chat
02 — The 19-hub ecosystem

Every business function gets its own hub.

Each hub is a workspace scoped to a single business concern — Strategy, Intelligence, Design, Creative, Development, Ideas, Actions, Transcripts, Prototype, Template, Agent, Collection, Pitch, Organisation, and Workshop. Every hub has its own colour, icon, and set of agent tools. The navigation is a colour-coded Hub Tab Bar I designed to make context-switching instant.

Strategy
Intelligence
Design
Creative
Development
Ideas
Actions
Transcripts
Prototype
Pitch
Agent
Workshop
04 — Architecture

Enterprise stack, designed end to end.

Frontend

Next.js

App Router · React · Tailwind · Framer Motion

Agents

Python Pipeline

FastAPI · Railway-hosted · specialised per hub

Database

Supabase

Postgres · pgvector · RLS · Auth · Storage

Analytics

GCP

BigQuery · Cloud Storage · enterprise client data

System Architecture
Client
Next.js
Agents
Python · FastAPI
Persistence
Supabase
Analytics
GCP
03 — The website

A corporate site to match the platform.

Universal Strategic Arts needed a front door that communicated the same ambition as the platform behind it. I designed and built thisisuniversal.com — the corporate site that positions the product for enterprises, consultancies, agencies, and independent specialists. “Next Generation Strategy” is the headline: AI infrastructure for strategic work, not another chatbot wrapper.

Universal Strategic Arts — corporate website hero
thisisuniversal.com · corporate landing page
05 — What I did

Design and engineering, same person.

  1. 01
    Designed the 19-hub navigation system

    Colour-coded Hub Tab Bar with fixed positioning. Each hub has its own identity and agent tools. Navigating between hubs is instant.

  2. 02
    Built the Blueprint v3 component system

    A structured component library powering every hub. Cards, dropdowns, filters, modals — all consistent, all documented.

  3. 03
    Designed the Card Creator

    AI-powered content generation that uses contextual information from the current strategy. The agent tools panel adapts per hub.

  4. 04
    Built the enterprise data layer

    GCP integration for client analytics — BigQuery for querying, Cloud Storage for assets, connected to the frontend via API routes.

  5. 05
    Led the Pinnlo → Unity rebrand

    New identity, new colour system, new navigation. Migrated the full codebase while shipping features in parallel.

06 — What I learned

Enterprise is a different design problem.

Solo products let you move fast and break things. Enterprise products break other people's things. The 5 C's framework — Connect, Contextualize, Collaborate, Capability, Competitive Advantage — was the structure that kept 19 hubs coherent instead of chaotic.

White-labelling forced me to think in systems, not screens. Every colour, every component, every agent prompt had to work across different brands without hard-coded assumptions. That constraint made the design system sharper.

Scaling from solo to enterprise taught me that the hardest design work isn't pixels — it's deciding what 19 hubs share and where they diverge.