Designing a Scalable Website & Design System for Studio Twenty23

Studio Twenty23 is a product design studio focused on helping early-stage teams turn complex ideas into clear, usable products. This project involved designing and launching the studio’s website, alongside a flexible design system that could scale with future client work.

The goal was to create a strong first impression without relying on a large portfolio or client logos, using structure, clarity, and execution to communicate quality.

I led the project end-to-end, covering:

Product positioning and messaging

UX structure and page hierarchy

Visual design and component system

Framer implementation and responsive behavior

As a new studio, the site needed to feel credible from day one while remaining intentionally simple. The main challenge was balancing a premium feel with restraint, avoiding unnecessary visuals and instead letting layout, hierarchy, and copy do the work.

I led the project end-to-end, focusing on:

Clear positioning and messaging

Strong content hierarchy and page structure

Modular sections designed for reuse

A lightweight design system to support future pages

Responsive behavior across desktop, tablet, and mobile

The design prioritized readability, spacing, and consistency over decorative elements.

Website UX and UI design

Modular component system

Responsive layouts

Framer implementation

Launched a clean, conversion-focused studio website

Established a reusable system to support future client work

Created a flexible foundation for landing pages, case studies, and outreach