Back to work
Studio Website RedesignConcept Demonstration

Jacksonville Pottery Studio

Concept demonstration showcasing a warm, conversion-focused website for a community pottery studio, clarifying classes, memberships, and events while making booking effortless.

Next.jsTypeScriptTailwind CSSSEO

Project snapshot

A modern, community-centered website for a pottery studio, designed to simplify booking, highlight memberships, and tell a welcoming story around classes and events.

Warm, tactile storytelling paired with clear paths into classes, memberships, events, and studio information—built to make booking effortless.

Book this style

Overview

This concept demonstrates how SmalCoda approaches community studio websites. The demonstration addresses common challenges: scattered booking information, PDFs instead of structured content, and unclear paths for different visitor types. This project showcases a calm, welcoming approach that makes it easy to explore classes, understand membership options, and book events.

Design Approach

The approach maps core offerings into clear paths: Classes, Membership, Events, and Studio Info. The streamlined navigation and cohesive homepage tell a single story. Content is rewritten into scannable summaries with consistent CTAs. The brand language balances warmth and community with clarity about pricing, session length, and experience levels.

Homepage hero + class and membership highlights

UX & UI Design

The homepage uses a full-width hero with a soft, neutral palette and pottery imagery. Primary CTAs drive bookings while secondary CTAs guide experienced makers to memberships. Card-based layouts organize classes by type with price ranges and experience levels. The design uses soft neutrals, terracotta accents, and rounded cards to echo clay and the tactile studio feel.

Feature grid: classes, memberships, events, team

Technical Implementation

Built with Next.js App Router and Tailwind CSS using reusable components. Hero sections, feature grids, and card layouts share building blocks for easy expansion. Server components handle static content while lightweight client components manage interaction. Mobile-first spacing and tap-friendly targets ensure smooth booking on all devices. SEO-friendly structure supports local discovery.

Responsive layouts + component map

Want this approach for your business?

This concept demonstrates how we think about design and technical implementation. Let's discuss how we can apply these strategies to your project.