Back

Eveliina

Headless ceramics ecommerce & digital presence

Eveliina

Overview

CONTEXT

The project began without an existing website. The goal was to create a calm, refined digital space that reflects the artist's aesthetic while enabling direct product sales without relying on Shopify's default storefront themes.

CONTEXT

TECHNICAL ARCHITECTURE

Built using Next.js App Router with dynamic routing for collections and product detail pages. Shopify is used as the inventory and commerce backend via the Storefront API, while the frontend remains fully custom and decoupled.

DATA & UI SEPARATION

Implemented a clear separation between API routes and UI components. Custom API endpoints handle communication with Shopify, while page components focus purely on presentation. This structure improves scalability, maintainability, and future CMS integration.

TECHNICAL HIGHLIGHTS

Dynamic API routes for collections and products. Headless Shopify Storefront API integration. Clean URL structure: /shop/[collection]/[product]. Normalized product data layer for UI consistency. Production deployment via Netlify with environment-based configuration. Scalable structure prepared for CMS-driven content.

DESIGN APPROACH

The interface emphasizes whitespace, restrained typography, and quiet motion. Large-format imagery allows the ceramics to lead, avoiding conventional ecommerce clutter while preserving clarity and usability.

DESIGN APPROACH

COLLABORATION & ITERATION

Developed in close collaboration with the client through iterative design feedback. The visual direction evolved over multiple refinements to balance artistic expression with commercial clarity.

OUTCOME

Delivered a production-ready ecommerce foundation that blends editorial storytelling with scalable commerce infrastructure. The system supports future product growth and content expansion without structural changes.

OUTCOME

Role

  • Concept & Direction
  • UX & UI Design
  • Frontend Architecture
  • Shopify Storefront Integration
  • Deployment & Infrastructure

Tech Stack

  • Next.js (App Router)
  • TypeScript
  • Tailwind CSS
  • Shopify Storefront API
  • Netlify
  • Formspree
Visit