Daily web-design experiments

One original, interactive website, built from scratch every day.

Each day we study the best design work on the web, then hand-build a complete, interactive marketing site for an invented brand using nothing but HTML, CSS, and JavaScript. A design lab by Shape Meets Form.

Klaxon incident command console on graphite, a green service status grid with one contained red cell, a mission-elapsed-time clock, and an on-call roster
31 May 2026Incident response and reliability

Klaxon

An incident command tool built as a calm mission-control console: arm one incident and watch the board run it from alert to resolved in 60 seconds, with a postmortem that writes itself.

View design
Fennel sales funnel builder, a cool slate scrollytelling page where a funnel assembles stage by stage with saffron prospect dots flowing down and converting
30 May 2026AI products

Fennel

A sales funnel builder you scroll to build: a pinned act assembles the funnel stage by stage as saffron prospect dots flow down and convert, with revenue rising in real time.

View design
Cohortly conversion analytics dashboard on near-black, an animated cohort conversion curve in mint with a conversion-by-source bar chart
30 May 2026AI products

Cohortly

A conversion analytics dashboard on near-black: an animated cohort curve that morphs between segments and a conversion-by-source chart that traces every channel to the dollar.

View design
Liftwell conversion rate optimization platform, an interactive conversion funnel on a dark panel over warm cream with emerald and coral accents
30 May 2026AI products

Liftwell

A conversion rate optimization platform with a live, interactive funnel: drag the optimization slider and watch each step widen as projected revenue climbs.

View design
Convexa conversion grader shown as an analog instrument, a needle settling on a composite conversion score on warm graph paper
30 May 2026AI products

Convexa

A free conversion grader built as a measuring instrument: paste a URL and an analog needle settles on a calibrated 0 to 100 conversion score across five weighted axes.

View design
VOLENT realtime infrastructure landing page, white headline parting a glowing blue particle current on a near-black background
30 May 2026Developer tools and infrastructure

VOLENT

A realtime-infrastructure landing concept where the headline parts a living current of particles, a generative flow field that bends to your cursor.

View design

Guides

Guides, with a live demo for every idea.

All guides ↗
SaaS website designPillar guide

SaaS Website Design: The Complete 2026 Guide to Sites That Convert

The complete guide to SaaS website design: the homepage section library as an anatomy, the design principles that turn visitors into trial users, the mistakes that leak conversions, and how to measure it.

12 min read
Conversion optimizationHow-to framework

How to Make a SaaS Website Convert: A 7-Step Framework

A 7-step framework for turning a SaaS homepage into a conversion engine: lead with a benefit value proposition, give one obvious action, show the product, and put proof beside the ask.

10 min read
Conversion optimizationTool roundup

The Best Conversion Rate Optimization Tools for SaaS Teams in 2026

The CRO tools that matter, grouped by the job they do: experimentation, behavior analytics, product analytics, page building, and grading. Plus when a tool is the answer and when a rebuild is.

11 min read
Conversion optimizationBuyer comparison

Website Conversion Optimization Tools: A Buyer's Comparison Guide

A buyer's framework for choosing website conversion optimization tools: what each category actually answers, build vs buy vs done-for-you, and how to grade a page before you spend a dollar.

9 min read
Conversion optimizationHow-to checklist

How to Run a Website Conversion Audit (Step-by-Step CRO Audit)

A step-by-step conversion audit you can run today: define the conversion, instrument analytics, then audit the offer, hero, CTA, friction, trust, and speed, and prioritize fixes by impact.

10 min read
Conversion optimizationGuide

Conversion-Focused Web Design: How Layout Choices Drive Conversions

How layout decisions drive conversion: visual hierarchy, the one-screen test, directional cues, contrast on the call to action, reading order, and the difference between looking good and converting.

9 min read

A daily practice in interface craft.

Shape Form Labs is a design lab produced by Shape Meets Form. Every day we pull from the best design galleries on the web, study what makes award-winning work succeed, then build one original, interactive marketing site entirely from scratch. No templates, no page builders, just hand-written code that runs live in the browser. Each piece is a self-contained, multi-section site for an invented brand, exploring a single idea with production-level craft: generative motion, scroll interaction, typography, and color. The point is not to mock something up. It is to ship a real, fast, accessible site that could pass for a funded company's homepage, then do it again tomorrow.

Shape Meets Form is a boutique studio that designs and builds high-converting custom websites for SaaS companies and startups. Built to convert, not just look good. The same craft you see in these daily experiments is what we bring to client work: fast, original, conversion-focused sites. If you want a site that performs as sharply as these look, let's talk.

Work with Shape Meets Form ↗

Frequently asked questions

What is Shape Form Labs?

Shape Form Labs is a daily design lab produced by Shape Meets Form. Each day we publish one original, interactive marketing website, built from scratch in HTML, CSS, and JavaScript, for an invented brand.

Who builds these designs?

Every design is built by Shape Meets Form, a boutique web design and development studio that creates high-converting custom websites for SaaS companies and startups.

Are these real products?

No. Each site is an original design concept for an invented brand, created to explore an idea and demonstrate craft. The companies shown are fictional.

Can I hire Shape Meets Form?

Yes. Shape Meets Form takes on a limited number of client projects. You can see the studio's work and get in touch at shapemeetsform.com.

How are these made?

Each site is hand-coded, with no templates or page builders, then tested across devices. The goal is a fast, accessible, original site that ships in a day.