iamchuck — Header
REGO keramika - Case Study

A BUSINESS RUNNING ON MEMORY

When I first sat down with the owner, I didn't ask what features she wanted. I asked her to walk me through a normal week. What I heard was a business held together by memory. Nothing was written down, so things kept slipping through the cracks. It wasn't one problem. It was five, and they all fed each other.

01
No Social Media System
Instagram, TikTok and Facebook had no plan. Posts went out whenever there was a free moment.
02
Things Kept Getting Forgotten
Good ideas, follow ups and promises to customers were gone by the next morning.
03
No Documentation
No record of what was done, who did it, or what was agreed. Every week started from zero.
04
Always Behind on Content
Without a plan, content was always catching up and never ahead. Growth stalled because of it.
05
Leads, Money and Tasks Slipping
Leads sat in a notebook, invoices were typed from scratch, and nobody knew who was doing what.

HOW I THOUGHT ABOUT IT

Before designing anything, I wanted to find the real problem underneath the five. This is how I got there.

Start With the Week, Not the Features

I ran two sessions with the owner and her team and mapped every notebook, spreadsheet and workaround they used. Asking about a real week showed me where time was lost, which a feature list never would.

Find the One Root Problem

Content, leads, invoices and tasks looked like four separate problems. They weren't. The root problem was the same every time: nothing had a home. If an idea or a lead had nowhere to go the moment it appeared, it was forgotten. So the goal became simple. Give everything a home, in one place.

One Platform, Not Five Apps

My first thought was separate tools: a content planner, a CRM, a task app. But jumping between tools was part of the problem. A small team won't keep five apps up to date. So I chose to design one business operations platform where content, sales, money and the team's work all live together and connect.

F1
If It Isn't Written Down, It's Gone
Every idea, lead and task needed a home the second it appeared.
F2
Content Is the Growth Engine
For a studio like this, social media brings the customers. It deserved the biggest part of the platform.
F3
The Phone Is the Real Workstation
Most of the day happens at the market stall. If it didn't work on a phone, it didn't work.

ONE BUSINESS OPERATIONS PLATFORM FOR THE WHOLE STUDIO

What we built for REGO keramika is a business operations platform. One calm place that runs the content, the customers, the money and the team. It works on a laptop at the end of the day and on a phone between customers. Five parts, all connected.

Part 01
Content engine: plan, create, approve and publish social media
Part 02
CRM: every lead documented, with a follow up date
Part 03
Money: quotes and invoices in a few clicks
Part 04
Tasks and work log: who is doing what, and what got done
Part 05
Dashboard: the whole day in about five seconds

MY DESIGN SYSTEM FIRST, THEN WHAT AI BUILT FROM IT

I didn't design a single screen in Figma for this project. I imported the design system I have built and refined over the years: buttons, cards, chips, forms, states and icons. That system became the rulebook. AI built the screens from it, and my job was to make sure it never broke the rules.

Step 1, My Design System

A robust system I already own and trust. Every component and every state was ready before the project started, so I could spend my time on the studio's problems instead of drawing buttons.

Step 2, Tokens Before Screens

I turned the system into tokens in code: colour, type, radius and spacing. Neutral greys and black for the interface, and colour only when it means something, like Paid, Due or Overdue. No value is ever typed twice in the app.

Step 3, What AI Built From It

With the system and tokens in place, AI assembled the real screens. Same buttons, same cards, same chips, now working with real studio data.

Workspace design system built in code from my tokens and components

FROM DESIGNER TO AI ENGINEER

There was no handoff, because there was nobody to hand off to. I was the designer and the engineer. My design system set the rules, AI did the assembly, and every decision stayed with me. Five stages, start to finish.

01
Research
Two sessions with the studio team. Every tool and workaround, mapped.
02
Import My System
My own design system came in ready. No screens drawn from scratch.
03
Tokens in Code
Colour, type, radius and spacing as variables. One source of truth.
04
AI Build
AI turned my direction and components into working screens. I steered every call.
05
Ship
Plain PHP on the hosting they already had. Upload and it runs. No monthly subscriptions.

FIXING THE BIGGEST PROBLEM FIRST: CONTENT

Social media was the problem hurting her most, so it got the most attention. Before, ideas lived only in her head and posting was always behind. Now every idea has a home the moment she has it, the whole month is planned, and nothing goes live without her approval.

01
Content Board
Ideas move from Idea to In progress to Scheduled, so she always knows where each piece stands.
02
Content Calendar
The whole month at once, planned ahead and around market days. No more catching up.
03
Content Library
Every video, carousel and story, with its hook and brief, tagged and searchable. Nothing forgotten.
04
An Approval Gate
The team films and writes. She reviews, then approves it or sends it back with a note.
Content library

THE CRM, MONEY AND TASKS

The same root problem showed up on the sales side. Leads from the market stall went into a notebook, follow ups depended on memory, and nobody could see who was working on what. I gave each of these a home and connected them, so a lead can become a quote, then an invoice, without typing anything twice.

01
Every Lead Documented
Name, source, what they wanted and what stage they are at. Restaurants, hotels, real estate and gift buyers, sorted the way she sells.
02
Follow Ups That Remind You
Every lead gets a follow up date. It shows up on the calendar and the dashboard, so it comes back to her instead of relying on memory.
03
Quotes and Invoices in Clicks
No more retyping. Quotes turn into invoices, payments are recorded, and overdue invoices flag themselves.
04
Tasks and a Work Log
Tasks are assigned with a due date. Staff log what they did, and she approves it. Everything is documented.

DESIGNING WITH AN AI WORKFLOW

The AI workflow is how one person designed and shipped a whole platform. The key was control. AI is fast, but speed without direction just gives you more screens to fix. So I used it like a very quick pair of hands working from my system, never as the one making the decisions.

How Every AI Call Worked

Step 01
I set the direction and the components it should use.
Step 02
AI assembled working screens from my tokens and components.
Leads screen assembled by AI from my components
Step 03
I reviewed, steered and corrected every result against my system.
MeThe overdue chip is using the Due colour. Use the Overdue token and match the card radius.
AIFixed. The chip now uses the Overdue token and the card radius.
MeGood. Same fix on the invoice list and the phone view.
Step 04
Nothing shipped to the studio until I had checked it myself.

LAPTOP AND PHONE, ONE PLATFORM

The phone wasn't an afterthought. It's where most of the studio's day happens. So the full platform runs on a phone at the market stall, and the laptop is for planning and reviewing at a calmer pace.

Laptop
Planning and review. The dashboard, content calendar, performance, invoices, and approving the team's work.
Phone
The full platform in a pocket. Add a lead, quote a client, check a task, capture a content idea on the spot.
The same workspace on a laptop and a phone

WHAT FEEDBACK CHANGED

Once the studio used the platform every day, their feedback reshaped two parts of it. These weren't cosmetic tweaks. They changed how the owner and her team move through the day.

Content Grew From a List Into a Workflow

Content started as a simple list. Real use showed it needed much more, so the calendar, the library and the approval flow came out of that feedback. Now it's the first thing she opens every morning.

Performance and Tasks, Honest and Fast

Performance became charts first, drawn only from real recorded numbers. No line appears until there is data behind it. Tasks got bulk actions, inline status, and a three dots menu for everything else.

IMPACT & OUTCOMES

Six months in, these are the real changes in how the studio runs. The notebook is gone, nothing lives only in her head anymore, and the week isn't improvised.

01
Ahead on Content, Not Behind
She opens the board every morning, sees what to shoot today, and the month is already planned.
02
Nothing Gets Forgotten
Ideas, leads and follow ups are captured the moment they happen, on the laptop or the phone.
03
Everything Documented
Every lead, invoice, task and piece of work has a record. She can see who did what, and when.
04
One Place for the Whole Business
Content, customers, money and the team, together. At the laptop or at the market stall.

IF I RAN IT AGAIN

Three things I would do differently, now that I can see the full shape of it.

Search on Day One
Search was the last thing I built. It took two full days and touched every section. Building it first would have cost half the time.
Lock the Brief First
I started screens before the brief was tight and built fifteen sections before cutting to nine. Better to cut on paper.
Map Content Early
The calendar and approval gate were always needed. I just didn't ask the right questions early enough.

This project showed me how much I can own on my own: the research, the product thinking, the design system and the working code, with AI as a real part of the build and every decision still mine. The biggest lesson: a small business doesn't need more software. It needs one calm place that fits how it already works.