Brand & Web design

Scandihus London

Shaping a new identity for a ceramic studio in London.

A proposal for Scandihus London, a ceramics studio where craft, material and community come together. A new brand identity and website with an editorial, Nordic feel, sent to the studio through a cold email.

Year
2026
Role
Brand & UX/UI Designer
Platform
Brand identity & responsive website
Type
Proposal, sent via cold outreach

Toolbox

  • Figma Weave

    Generated posters and mockups

  • Pinterest

    Source of the original layout template, by Studio Motio

  • Claude (Fable 5)

    Rebuilt the information architecture and copy

  • Custom skills kit

    Trained Claude Code to work like a designer and avoid generic output

  • Claude Code

    Built the site from the terminal

  • GitHub

    Hosted the repository

  • Vercel

    Deployed the site

  • v0

    Refined the final details

Full-page website design for the Scandihus London pottery studio
Process

Testing how far a code agent can go.

With this project I wanted to test the full power of Claude Code. The question was simple: could a carefully planned information architecture be applied to another designer's layout, while adapting the whole brand identity to the mood I had in mind? The goal was an editorial, elegant site with a Nordic feel, true to the studio's name and to its interiors. I redesigned the studio on my own initiative and proposed it through a cold email.

  1. 01

    Audit and focus

    I started with an audit of their website and a reorganisation of its content. Then I chose to design one page in depth: the courses page.

  2. 02

    Information architecture and copy

    With Claude, following my specific instructions, I rebuilt the information architecture and generated a high fidelity copy wireframe of the page.

    The prompt behind the information architecture and copy

  3. 03

    Photography first

    Their photographs were beautiful, and I knew that if I showed them well, they would do most of the work. So, unusually, the palette came after the photos. Seen together, they didn't have the warm beige tones you expect from a ceramics studio. The palette they suggested was cool, and green kept coming back, from the walls to the plants. Green was the first colour to enter the palette.

    The original template by Studio Motio, next to the photographs I selected for each section

  4. 04

    A direction for the code agent

    Before building, I set a clear visual direction. I collected references from other websites in a moodboard, then generated posters and mockups with Figma Weave, which you can see in the Brand in use tab. Together they guided both me and my code agent.

    Moodboard, references from other websites

  5. 05

    Building in code

    I connected Claude Code locally, from the terminal, to a kit of skills I had assembled and tested to make it think like a designer and avoid generic results. Then I wrote a prompt asking it to use the layout of the Studio Motio template as a base, apply the new information architecture and brand identity, and place every photograph in its exact section. The final design was never drawn in Figma: it was designed directly in code.

    My skills kit for Claude Code

  6. 06

    Deploy and refine

    The repository lives on GitHub and the site is deployed on Vercel. I refined the final result in v0.

What I learned

Giving Claude Code a set of skills made the difference: with them, I got concrete and accurate results in just a few prompts. This project became the test for what is now my official skills kit, the one I use whenever I build a website with my code agent. I also learned how effective it is to pair a clear art direction with the operational power of AI. When the direction is clear, the agent can move fast without losing quality.

← Back to projects

Giada Pacchioni — 2026