OSNARA / PRODUCT DESIGN, BRAND & BUILD

From AI prototype to a working, branded product.

I designed and built Osnara to help people turn work evidence into career stories they can review, correct, and use.

It began as a personal experiment and is now in early private beta.

MY ROLE: Solo founder & product designer
I OWNED: Product direction, brand, motion & design system
HOW I BUILT: Figma, code & AI-assisted implementation
STAGE: Early private beta
June 2026–present

**Review the story against its sources.**Editable findings, source references, and missing context in the real product UI. Fictional demonstration data; this shows the review mechanism, not a claim of AI accuracy.

01 / PRODUCT JUDGMENT

A better story has to hold up to scrutiny.

I wanted people to recover details they’d forgotten and check the resulting story against their work.

I put the story before the gallery.

I prioritized recovering a useful story. Files and screenshots serve as evidence; finished portfolio galleries are planned for later.

People can correct the story.

People can check sources, correct interpretations, and fill gaps. In beta, I’m testing whether that produces an accurate account of their contribution.

**Start with what you have**Files, a project page, or focused questions give people different ways into the same task.

**Keep contribution and context together**The editor keeps the person’s contribution distinct from the team’s work. Fictional example.

02 / FROM THREADLINE TO OSNARA

I set the direction
on the core screens.

The June v0 prototype got the idea working. Its generic starting point was useful, but I paused feature work to build a custom brand and tokenized product system.

**Threadline / the June prototype**The early library, before the custom identity and system.

**Osnara / the current library**The same part of the product, with a new hierarchy and visual system. This is an evolution, not a measured usability result.

THE ACTUAL DESIGN SYSTEM

Give AI a design direction it can follow.

Some generated screens looked finished but split related information across several headers. I corrected the grouping and hierarchy, then used the approved core screens and tokenized system to guide implementation.

The live system brings the foundations and components into one reference. I reviewed the core screens; I have not individually reviewed every screen in the rollout.

Explore the live design system

**Osnara’s design system, in context**The live design system’s navigation, overview, and foundations.

03 / ACROSS THE PRODUCT

One system across the product.

The homepage, sign-in, and Application Builder extend the product beyond the core story workflow. Open a screenshot for a closer look.

**An introduction to Osnara**The public homepage introduces the project-to-story workflow.

**Enter the workspace**The identity carries into sign-in without taking over the task.

**Prepare for an opportunity**Application Builder connects role requirements with work evidence and private preparation.

04 / WHAT’S BUILT & WHAT I STILL NEED TO LEARN

A working product.
Early learning with other people.

Private-beta learning is beginning. I’m refining the data model and testing whether people can recover a useful story, correct it with reasonable effort, and return for the next one. Repeat use, broader demand, and career outcomes remain unproven.

05 / BRAND DESIGN & A TOOL OF MY OWN

I built a product to help design my brand.

Brand alternatives were scattered across AI conversations. I built the Brand Explorer to compare them in one place.

Judge the whole identity together.

I designed the tool and motion concepts, then used AI to implement them. It lets me compare marks, type, motion, and applications together.

Resolve the “O-O” problem.

An O-shaped icon next to a name beginning with O created a competing pair. I chose a wordmark-led identity, reserving the distinctive O for compact uses and the gridded lines for personality and motion.