← Portfolio

Case study · Built with Claude

Tools I built to do the work

I’m the only designer at Olarm, a company that has gone AI-native. When a job needs a tool that doesn’t exist yet, I build it in Claude. These four started as experiments and became part of how Olarm designs, reviews and signs off work. Three are live below, so open one and try it.

7
Guides in one brand system, built with every department
6–8
Weeks to build it, after a year on hold
Hours
Not days, to check packaging artwork on the real form
Weeks
Saved in packaging iteration and review

01 · Brand system In use across Olarm

One brand, one source of truth

I joined Olarm just as the brand was refreshed, with new colours and new shapes. As the only designer, I rolled it out across marketing and the wider business, and developed it further over two years.

The problem

Over those two years, different versions of the guide were circulating, along with guides other departments had made themselves. People built assets from whichever version they had, and the brand started to drift.

Getting everyone aligned

I met with each department to agree what one unified guide needed to cover, and we gathered it all in Google Slides. Then other priorities took over, and the project paused for almost a year.

Claude Design changed the timeline

When Claude Design launched, I picked the guide back up. I took our baseline guide, added references from well-structured brand guides and built the framework in Claude. I presented it to leadership, and they were keen to go.

Built with the people who use it

I ran live-edit sessions with department heads and specialists to learn how each team actually works with the brand, recorded and transcribed with Gemini in Google Meet.

I turned the transcripts into Markdown files, combined them with the research from the year before and built out the full guide. It was refined and working within six to eight weeks.

The guide’s home page
Seven guides, with packaging next

What it covers

Seven guides in one place: brand foundation, graphic design, UX and UI, industrial design, space design, videography, and audio and sound design, with packaging next.

Together they hold Olarm’s ways of thinking, principles and rules, and how the brand looks, sounds and speaks.

Result

Months of expensive, tedious work, done in weeks. The guide is a working tool inside Claude, shared across the business and used to reference, check, write and spot anything off-brand.

Marketing language and tone are now consistent, mailer copy is checked against the guide, and there are no more competing guides, just one source of truth.

The guide is internal to Olarm. I’m happy to walk through it in an interview.

02 · Olarm MAX 2 packaging In customer testing

From dummy boxes to digital sign-off

The Olarm MAX 2 carton in 3D, with fold, tuck, die line, insert and dimension controls
Interactive. Drag to turn it, scroll to zoom.Open full screen ↗

Olarm MAX 2 is a new product, in testing with customers before it ships. I built its packaging in Claude to see what the 3D tools could do, and how they could help with design and approval.

It started as a simple box I could place artwork on, while industrial design handled the physical box: space, tolerance and fitment.

Checking a design used to mean printing it and sticking it on a dummy box, which took days. Now I could bring the artwork into Claude Design and see it on the real form in hours, for my own review and for stakeholders.

Then I pushed it further. Industrial design supplied the die lines, and Claude Design built the full packaging structure from them, down to the last crease and fold.

  • Days to hours: artwork checked on the real form, not on a dummy box.
  • Built from the real die lines: every crease, fold and tuck, with the product and insert inside.
  • Structure and graphics reviewed together, digitally, without building box after box.
  • Weeks saved in iteration and review, with every stakeholder seeing every step.
Laid flat, with crease and cut lines

03 · CR123A battery sleeve

Wrapping a battery, without the battery

The Olarm CR123A battery in 3D with its navy sleeve
Interactive. Drag to turn it, scroll to zoom.Open full screen ↗

Once I knew what Claude could do in 3D, I used it to design Olarm’s own battery sleeves. I built an environment around the cylindrical CR123A form, designed the sleeve flat in Illustrator, and brought it into Claude Design to wrap around the battery.

Mocking this up for real is hard, because wrapping a battery means dealing with its shape and curve. This gave us a true view of the sleeve on the batteries Olarm sells for its devices, so stakeholders could give proper feedback before it went for sampling and sign-off.

  • Flat artwork in, wrapped battery out: the Illustrator layout wraps the real CR123A form.
  • “Artwork flat” slides the wrap off the cell to check the print layout.
  • Decisions made before sampling, not after.
The sleeve laid flat

04 · Product catalogue

Technical made simple, then made flippable

The Olarm catalogue viewer showing the Olarm APP spread
Interactive. Turn the pages, switch editions, try spread view.Open full screen ↗

The catalogue was designed for an event, for people to pick up and take with them. It explains Olarm’s products and what they offer.

Security is a technical industry that usually isn’t customer-facing. The challenge was to make it visually compelling and easy to understand without technical knowledge, while still speaking to the people who work with this technology every day.

There are two editions: End user (36 pages) and ARC and installer (48 pages). To review them, I built a viewer in Claude that gives stakeholders the feel of flipping through the booklet, page by page or in spreads.

The viewer also opens any PDF: try “My PDF”.

The takeaway

Each of these started with a question: what can Claude do here? Each answer became part of how Olarm works.

Wors Run, also built with ClaudeBack to portfolio