W/WONDER/Workshops/Craft Workshop

Craft Workshop

WONDER design system applied to craft workshop — workshops industry

Section 01 — Demo Website Preview

A complete landing page demo for a craft workshop business, implementing the WONDER design system with full brand identity.

craftworksh.com

CRAFT WORKSH

HomeProductsAbout

CRAFT WORKSH

Workshops — Craft Workshop

LIVE_DEMO

Section 02 — UI Modules (10)

Each module is designed specifically for craft workshop within the WONDER system. Click any module to explore multiple design variations.

Hero Section

Full-width hero with headline, subtext, and primary CTA

MODULE_01

VIEW DESIGN VARIATIONS

Gallery Grid

Responsive image grid with hover states and lightbox

MODULE_02

VIEW DESIGN VARIATIONS

Dashboard Metrics

KPI cards, charts, and real-time data visualization

MODULE_03

VIEW DESIGN VARIATIONS

Timeline

Vertical or horizontal timeline for milestones and history

MODULE_04

VIEW DESIGN VARIATIONS

Profile Cards

Team member or user profile cards with avatar and bio

MODULE_05

VIEW DESIGN VARIATIONS

Form & Input

Multi-step forms, inputs, and validation patterns

MODULE_06

VIEW DESIGN VARIATIONS

Navigation Sidebar

Collapsible sidebar navigation with active states

MODULE_07

VIEW DESIGN VARIATIONS

Comparison Table

Feature comparison matrix with pricing tiers

MODULE_08

VIEW DESIGN VARIATIONS

CTA Conversion

Conversion-focused call-to-action blocks and banners

MODULE_09

VIEW DESIGN VARIATIONS

Content Feed

Blog posts, news feed, or activity stream layout

MODULE_10

VIEW DESIGN VARIATIONS