MOZART: A WEB DESIGN PROPOSAL FOR AN AI COLLECTIONS STARTUP

WEB DESIGN — 2026

YEAR: 2026
SKILLS USED: WEB DESIGN, WEB DEVELOPMENT, PRODUCT DESIGN
CATEGORY: WEB DESIGN
HUMAN VERSION: MARTINDIZ.COM/PROJECTS/MOZART-WEB-PROPOSAL

A SPECULATIVE LANDING PAGE FOR MOZART, A FINTECH STARTUP THAT AUTOMATES DEBT COLLECTION WITH AI AGENTS. BUILT AS A PROPOSAL TO SHOW THE COMPANY WHAT ITS SITE COULD LOOK LIKE. LIVE AT MOZARTH.VERCEL.APP.

At a glance

1 — ACCENT COLOUR, EVERYTHING ELSE SYSTEM

THE PROPOSAL RUNS ON A STRICT SYSTEM WITH A SINGLE BRAND VARIABLE: MOZART’S VIOLET. SWAP THE ACCENT AND THE DITHER FIELDS, BUTTONS AND HIGHLIGHTS ALL FOLLOW.

What I did

A FINTECH SELLING AI THAT CALLS AND MESSAGES DEBTORS HAS TO LOOK TRUSTWORTHY BEFORE IT LOOKS CLEVER. THE BRIEF I GAVE MYSELF: TAKE A SITE THAT ALREADY FEELS PRECISE AND TECHNICAL, AND MAKE IT UNMISTAKABLY MOZART’S.
I KEPT THE REFERENCE’S GRID, TYPOGRAPHY AND MOTION LANGUAGE INTACT, AND BROUGHT IN ONLY WHAT BELONGS TO MOZART: ITS COPY, LOGO, PLATFORM SCREENSHOTS, AND CLIENT AND PRESS LOGOS.

Show the product first

UNDER A ONE-LINE PROMISE, THE HERO HANDS OVER TO A TABBED SHOWCASE OF THE REAL PLATFORM: DASHBOARD, CAMPAIGNS, PORTFOLIOS AND DEBTORS, EACH ONE A TILTED SCREENSHOT ON A VIOLET DITHERED FIELD. A VISITOR SEES THE PRODUCT BEFORE READING ABOUT IT.

Explaining the AI without jargon

THE HOW-IT-WORKS SECTION IS A FOUR-STEP TAB SEQUENCE THAT AUTO-ADVANCES, EACH STEP WITH ITS OWN SMALL DIAGRAM: TEACH IT YOUR BUSINESS, PUT IT TO WORK, REVIEW, IMPROVE. THE FEATURES SECTION DOES THE SAME FOR CHANNELS, DRAWING PHONE, WHATSAPP, SMS, IMESSAGE AND EMAIL AS ONE CONNECTED SYSTEM.

Proof in three numbers

THE RESULTS SECTION PUTS MOZART’S OWN HEADLINE FIGURES AT DISPLAY SCALE, EACH WITH A SHORT EXPLANATION AND THREE SUPPORTING POINTS, SO SOMEONE CAN SCAN THE CLAIMS AND THEN READ THEM.

Result

A COMPLETE, RESPONSIVE LANDING PAGE THAT MOZART CAN COMPARE AGAINST ITS CURRENT SITE: SAME MESSAGE, DIFFERENT PRESENTATION. LIVE AT MOZARTH.VERCEL.APP.