Skip to content
LearnWithMo

See what you’ll be able to build

These are live demos of things clients build in their sessions. Press play, pick an example, type a name. Every business here is made up.

A promo film, made in code

A 22-second advert for Sorted., a made-up bookkeeping service. No video software: AI wrote the animation as code, so any word can be changed in a minute.

Where you’d learn this: AI Business Launchpad

A 22-second promo film for Sorted, a made-up bookkeeping service for sole traders. The script: Receipts in a shoebox? Tax return, the night before? Sorted. Bookkeeping for sole traders. Snap a receipt. We'll do the rest. Your numbers, in plain English: a one-page summary every month. Tax return? Filed. Early. First month on us. No contracts. Cancel any time. Sorted. From shoebox to sorted. Book a free 15-minute chat.

The brief we gave the AI

“Make a 20-second promo film for Sorted., a made-up bookkeeping service for sole traders. Open on the problem: receipts in a shoebox and a tax return done the night before. Turn the mess into the logo, then show three benefits in plain English, offer the first month free and finish on an end card that asks people to book a free 15-minute chat. Brand: deep indigo, lime and lilac on warm paper, with bold, wide type. Build it in code with GSAP, so it stays sharp at any size and I can change the words myself.”

Then a few rounds of feedback (“the receipts should land faster”) and some edits by hand. No video software and no stock footage: the film is live code running in your browser, which is why it stays sharp at any size.

A slice of the code: the mess becomes the logo

// 2. The mess becomes the logo
tl.set(one("receipts"), { zIndex: 7 }, 5.45)
  .to(one("receipt"), {
    yPercent: -60, duration: 0.5, ease: "power2.out", stagger: 0.03,
  }, 5.45)
  .to(one("box"), { yPercent: 140, duration: 0.6, ease: "power3.in" }, 5.5)
  .to(one("wipe"), {
    clipPath: "circle(80% at 50% 50%)", duration: 0.9, ease: "snap",
  }, 5.7)
  // Every receipt flies to the middle and stacks up...
  .to(one("receipt"), {
    left: "45.75%", top: "39.3%", yPercent: 0,
    rotation: (i) => (i - 4) * 4, duration: 0.7, stagger: 0.035,
  }, 6.0)
  // ...then shrinks away as the mark pops in its place.
  .to(one("receipt"), {
    scale: 0.15, opacity: 0, duration: 0.35, ease: "power3.in", stagger: 0.02,
  }, 6.85)
  .to(one("mark"), {
    scale: 1, rotation: 0, duration: 0.7, ease: "back.out(1.8)",
  }, 6.95)
  .to(one("bar"), { scaleX: 1, duration: 0.5, stagger: 0.09 }, 7.15)
  .to(one("mark"), { xPercent: 0, duration: 0.8 }, 7.55)
  .to(one("letter"), { yPercent: 0, duration: 0.7, stagger: 0.035 }, 7.65)
  .to(one("logo-tag"), { opacity: 1, yPercent: 0, duration: 0.6 }, 8.2);

Answer enquiries while you're busy

An automation that reads each enquiry, drafts a reply in your voice and books the work in. You approve every message from your phone before it goes.

Where you’d learn this: AI Business Launchpad

Bramble Gardens is a made-up garden design business run by Elena. This is the system that handles her enquiries.

A demo for a made-up business
Pick a sample enquiry

Pick an enquiry, then press run.

  1. Step 1: New enquiry

    Arrives through your website form

  2. Step 2: AI reads and sorts it

    What they want, and how urgent it is

  3. Step 3: Drafts a reply in your voice

    From your past emails and price list

  4. Step 4: You approve on your phone

    Nothing goes out without you

  5. Step 5: Booking added to your calendar

    Or a reminder, if it isn't a booking

  6. Step 6: Invoice sent

    With a link to pay by card

Pre-scripted for this page. In a session we’d build the real thing with your own form, inbox, calendar and invoicing tools.

From messy notes to something polished

The four-part prompt behind most good results, reusable on almost any task. Pick a starting point and watch it work.

Where you’d learn this: AI at Work

1. What you start with

Notes from Tuesday's team meeting

tues team mtg

- Q3 newsletter late AGAIN?? sam says design waiting on copy
- leah starts mon, laptop not ordered!!
- budget review w/ finance before 20th. dev to pull numbers?
- client survey, who owns it. me??
- move standup to 9.30? all ok except raj (client call)
- office closed fri 28th, tell everyone
2. The prompt, in four parts

RoleYou're the operations lead for a small marketing team.

ContextBelow are my rough notes from Tuesday's team meeting. Sam does design, Dev works with finance and Leah starts on Monday.

TaskTurn them into a clear action list. Give every action an owner and a deadline, and flag anything that's blocked or waiting on a decision from me.

FormatOne summary line, then three groups: This week, Next two weeks, Decisions for you. Short bullet points in plain British English.

Then paste your notes underneath and send it.

3. What comes backReady

Pick a starting point to see the result written out.

Written in advance to show what this prompt typically produces. In a session you’d run it on your own notes, in your own AI tool.

Why this prompt works

  • RoleNaming a role sets the standard. An operations lead thinks in owners and deadlines, not just summaries.
  • ContextSaying who Sam, Dev and Leah are lets the AI assign real owners instead of guessing.
  • TaskAsking it to flag blocked items is what surfaced the newsletter problem.
  • FormatChoosing the groups yourself gives you the same shape every week, so the list is quick to scan.

Reuse it: swap the notes, keep the four parts.

A brand in an afternoon

Type a business name and pick a vibe. You get a logo mark, colours, a type pairing and taglines, already on a business card and a first post.

Where you’d learn this: AI Business Launchpad

Try your own idea, or a friend’s.

Vibe

Kit for Willow & Thread: palette Orchid #88447d, Plum #2c1b27, Petal #f9f0f4, Soft fern #aed4a1. Headings in Mona Sans Wide Light.

Logo

Willow & Thread

Palette

  • Aa5.9:1

    Orchid

    #88447D, main

  • Aa14.6:1

    Plum

    #2C1B27, text

  • Aa14.6:1

    Petal

    #F9F0F4, background

  • Aa9.9:1

    Soft fern

    #AED4A1, highlight

Type

Aa

Headings: Mona Sans Wide Light

Body: Mona Sans Regular

Hello, we’re Willow & Thread.

We’d love to hear what you’re planning. Book a chat and we’ll take it from there.

Text on background: 14.6:1, passes AA

Taglines

Pick a tagline for the mockups

Pick one to see it on the mockups.

A demo: no AI is called here. Simple rules build the kit in your browser, seeded from the name, so the same name always gives the same result, and every colour pair is checked for readable contrast. In a session you’d use AI to go much further, with real logo options and a brand voice of your own.

Willow & ThreadCalm hands, lasting results.@willowandthread07700 900461
Business card
Calm hands, lasting results.@willowandthread
Social post

This website was built with AI, too

Every page, animation and demo here was designed and built with AI, with me making the decisions and checking the work. In the AI Business Launchpad, you’d build your own site the same way.

Book a free callSee the Launchpad