Michael Weggler · Custom Website Design

Websites that feel like experiences.

I design and build custom websites with code and motion, from the first idea to the finished launch.

import { createExperience } from './studio'
 
const website = await createExperience({
  design: 'custom',
  motion: true,
  responsive: true,
})
 
website.launch('weggler-shop.de')
  1. 01Code
  2. 02Design
  3. 03Website

Pick a brief.
Watch it compile.

A small build pipeline running live in your browser. The three briefs are fictional, the results are real.

Choose a demo brief
site.config.ts0 lines
localhost:5173
Photo for Low Tide

new record: surface tension

Electronic music for late trains and empty streets.

Listen now

Five disciplines,
one person.

Web design

Custom visual concepts. Type, color and layout chosen for your brand and your audience, not pulled from a template.

Frontend development

Responsive, accessible and fast. Clean code that holds up on every screen, from phone to wide desktop.

AI integration

Generated images and video, AI-assisted prototyping and workflows. Directed, curated and finished by hand, where it really helps.

Motion & interaction

Scroll-driven stories, micro-interactions and transitions that guide visitors and explain something instead of just decorating.

Creative development

Where design and code overlap: small interactive pieces that don’t fit any template. Move your pointer over this one.

How a project
comes together.

  1. 01

    Concept

    We talk through goals, audience and references. I come back with a clear direction for the site.

    brief.md
  2. 02

    Design

    Layout, type, color and key screens, reviewed and refined together before any code is written.

    tokens.css
  3. 03

    Build

    Responsive front-end, built to load fast and work well on every screen.

    index.html
  4. 04

    Motion

    Scroll, transitions and micro-interactions, tuned step by step until they feel right.

    timeline.ts
  5. 05

    Launch

    Testing on real devices, a performance check and a final review, then the site goes live.

    deploy ✓

Your next website doesn’t have to look like everyone else’s.

Every project is different. Get your quote