03 UI/UX design / Internal product system

Jericho Advertising / Harare, Zimbabwe

Jericho Studio Portal

A personal timer became an agency-wide operating system.

PRODUCT DESIGN / INTERNAL SYSTEM14 USERS / 05 ROLES
AGENCY WORKSPACEStudio overview

ACTIVE JOBS18

DUE THIS WEEK04

PENDING CHANGES03

HOURS LOGGED82h

FOCUS NOWSpring Retail CampaignKoru Foods / In studio
UPCOMINGProduct Launch ToolkitNorthstar Retail / With client
REVIEWMobile App OnboardingMoyo Finance / Review

RECONSTRUCTED INTERFACE / REPRESENTATIVE DATA

Role

Product designer + AI-assisted developer

Context

In-house product / Jericho Advertising

Team

Denzel Maupa + Jericho leadership and team

Discipline

UI/UX design
Project overview / 2025—2026

An internal agency platform that grew from a personal timer into a role-based system for jobs, time, revisions, reporting and billable hours.

01Product strategy

02Workflow mapping

03UI/UX design

04Role and access architecture

05AI-assisted React development

06Supabase implementation

07Testing and deployment

01 / Product origin

The smallest version solved one person’s problem.

I began with a personal timer to understand how long my own jobs took. Mapping where those jobs came from—and where the captured time needed to go—turned a private utility into a connected agency workflow.

01Personal timer

Log a job and understand the time spent.

02Shared job database

Create, assign and move work through the studio.

03Agency system

Connect delivery, revisions, reporting and billing.

02 / Role-based workflows

One system. Five different views of the work.

Designers, client and social media managers, traffic, accounts and administrators do not need the same dashboard. Permissions and role-specific interfaces keep the product focused while preserving one source of truth.

DesignersClient + socialTrafficAccountsAdmin

Jericho Studio Portal / representative interface

MY WORKSPACE

Good morning, Designer 01.

ACTIVE JOBS08
DUE THIS WEEK04
PAST DUE02
HOURS LOGGED31h 40m
FOCUS NOW / #24031

Spring Retail Campaign

Koru Foods · Medium priority

#24032Product Launch ToolkitWith client

#24033Mobile App OnboardingReview

Designer viewPriorities, time and revisions in one place

Jericho Studio Portal / representative interface

NEW REQUEST

Create a job

00:00:00
ASSIGN TEAMDesigner 02Content Manager 01
Client manager viewCreate, brief and assign work without breaking the chain

Jericho Studio Portal / representative interface

DAILY ACTIVITY

Social media manager

CLIENT + SOCIAL
Social media + client viewCapture recurring content work that sits outside design jobs

03 / Operational visibility

Captured time only matters when it becomes useful information.

Traffic reporting shows how work moves through the agency. Billing views compare time worked with billable allocation, while pro-rata logic helps distribute retainer hours across multidisciplinary teams.

Jericho Studio Portal / representative interface

SEPTEMBER 2026

Traffic overview

MONTH

JOBS IN42

SENT38

COMPLETED34

CHANGES11

Jobs inSent to clientCompleted
Traffic reportJobs in, sent, completed and changed

Jericho Studio Portal / representative interface

REPRESENTATIVE TEAM DATA

Billable vs actual

MONTH

Designer 01

Designer 02

Content Manager 01

Designer 03

Team memberWorkedBillableStatus

Designer 0142h38hOn track

Designer 0237h31hOn track

Content Manager 0129h24hOn track

Efficiency reportWorked time, billable allocation and variance

04 / Build and rollout

Designed, tested and improved with the people using it.

The first usable version took two months. Testing, phased implementation and live feedback shaped the next four. Leadership input added pro-rata billing, while recurring questions became a role-filtered help centre.

DEC ’25Problem defined

Personal time tracking becomes a wider product opportunity.

JAN—FEBVersion one

Core workflows, role logic and database implemented.

MARTeam testing

Real jobs expose bugs, gaps and new reporting needs.

APR—MAYPhased rollout

Workflows expand across departments and responsibilities.

JUN ’26Full adoption

Fourteen users work through the live system.

Confidentiality note

The live product is private. Every interface shown here has been reconstructed from the implemented system using fictional names, clients, jobs and figures. Product structure and interaction decisions remain true to the work.

Product principles / live system

One source of truth, shaped around five roles.

  1. 01Start with the smallest real problem, then map the wider system
  2. 02Show each role only the work and actions relevant to them
  3. 03Connect jobs, changes, timers and timesheets in one workflow
  4. 04Turn captured time into useful traffic and billing reports

Missed deadlines and disconnected records made it difficult to understand where time was going, what was billable and who needed to act next. The first idea was a timer for my own work; mapping the wider problem revealed an opportunity for the whole agency.

I designed role-specific experiences for designers, social media and client managers, traffic, accounts and administration. Jobs now move through one shared system with assignment, timers, revisions, timesheets, reporting and pro-rata billing logic.

I defined the product requirements, workflows, interface and data relationships, then used Antigravity with Claude Sonnet and Gemini Flash to accelerate React development, Supabase implementation, testing and debugging. The product has been in full use since June 2026.

Project credit

Jericho Studio Portal was conceived, designed and built by Denzel Maupa for Jericho Advertising. Leadership and team feedback informed later workflows. The live system and its data remain private.

14active team users
05role groups
06months to full rollout
#192843
#CF0A2C
#2463EB
#F5F6F9