Kanso
Useful forms, chosen without hurry.
Kanso is a small ceramics atelier devoted to useful objects and the slight irregularities of handmade work. Its shop opens as a shelf: six individual forms rest on washed blush paper, with their dimensions, glazes, and prices close at hand. A narrow category index and outlined finish swatches make the collection easy to explore. The quiet Commune wordmark occupies a pause beside the objects, while a vessel symbol recalls the maker’s touch. Product details, quantities, and a personal bag support an unhurried selection. A close surface study, batch specifications, and a photograph of clay on the wheel carry the material story through the rest of the page.
- Role
- Brand identity and frontend design
- Year
- 2026
- Platform
- Responsive website
- Status
- live
The problem
A small ceramic collection needs its material character and practical details to carry equal weight. Glaze, dimensions and quantity should be easy to inspect without a busy retail layout.
What I built
A responsive ceramics shop with category choices, complete product details, finish selection and a local shopping bag.
Inside the product.
Screens from the working product, with demonstration data.
Desktop website
Six tactile product forms rest on blush paper. A narrow category index, outlined finish swatches and a quiet wordmark leave room around each silhouette.
Scroll sideways to inspect the interface.
The choices behind it.
Brand identity and frontend design
Arrange a shelf of objects
Six tactile product forms rest on blush paper. A narrow category index, outlined finish swatches and a quiet wordmark leave room around each silhouette.
Bring the detail to the object
The product dialog combines the selected form, finish, dimensions, quantity and price. Adding it to the bag keeps those choices together.
A vessel shaped by the hand
A softly asymmetric vessel describes the meeting of the maker’s hand, useful form, and daily ritual.
From start to finish.
- Explore the ceramic shelf
- Choose a form and finish
- Set a quantity and add it to the bag
Build details Stack, scope, and implementation
Built with
- React 19
- TypeScript
- Vite
- CSS
Areas
- Web design
- Brand identity
- Ecommerce
- Ceramics
- Shop