Films, websites, and hosting

Motion that sells. Websites that carry it.

High-impact motion for brands that need to sizzle. Commission one piece, or connect them.

01 / INTRO FILM01 The problem02 How it works03 What to do next02 / EXPLAINERxpancom.com03 / WEBSITEMARKETING IN MOTION
Length 0:10

Still frame. Motion is off because your device asks for reduced motion.

01The work

Marketing in Motion.

Thirty seconds. One finished frame lines up, then it is recut and placed on a website.

0:30Press play to hear it. Nothing starts on its own.

One brand, cut three ways.

Pedalry is a mobile bike repair brand we invented for this site. The same idea runs through a brand intro, a product explainer, and a website. Pick a cut and watch it play.

Concept study. Pedalry is a fictional brand.

pedalry.Bike repair that comes to you.PEDALRYBrand introCut 01 of 03Concept study. Pedalry is a fictional brand.
Length 0:08

Still frame. Motion is off because your device asks for reduced motion.

Cut 01 of 03

Brand intro

What it does
Says who Pedalry is and what it promises in eight seconds. A wheel rolls in, the name rises beside it, and one line carries the offer.
Where it runs
The top of the homepage, social profiles, and the opening seconds of every longer film.
What carries over
The wheel, the orange full stop, and the type. The website reuses all three, and the explainer keeps the orange and the type.
More on intro films
How Pedalry works01Book a timePick a slot online.02We come to youA mechanic arrives by van.03Ride awayTuned at your door.Book online. The van brings the workshop.PEDALRYProduct explainerCut 02 of 03Concept study. Pedalry is a fictional brand.
Length 0:08

Still frame. Motion is off because your device asks for reduced motion.

Cut 02 of 03

Product explainer

What it does
Shows how the service works in three steps: book a time, a mechanic arrives by van, and the bike is tuned at the door.
Where it runs
Landing pages, booking reminders, and sales follow-ups.
What carries over
Step one becomes the booking card on the website. The visit at your door becomes the confirmation on the phone.
More on explainers
pedalry.examplepedalry.BookYour bike, fixedat your door.Pick a timeMon 9:00Tue 12:30Wed 16:00Thu 8:30Fri 10:00Sat 11:30Thu 8:30Book Thu 8:30Booked.See you Thursday at 8:30.pedalry.Your bike,fixed atyour door.BookBookedThu 8:30At your doorPEDALRYWebsiteCut 03 of 03Concept study. Pedalry is a fictional brand.
Length 0:08

Still frame. Motion is off because your device asks for reduced motion.

Cut 03 of 03

Website

What it does
Turns attention into a booking. The page loads on desktop and phone, a visitor picks Thursday at 8:30, and both screens confirm it.
Where it runs
pedalry.example on desktop and phone, with the brand intro at the top of the page.
What carries over
The palette, the wheel, and the wordmark from the intro, plus the booking step from the explainer.
More on websites
03Modular

Commission one piece. Connect the next.

Nothing is bundled. An intro film can open the website, an explainer can live on the product page, and hosting can keep all of it online. Each connection is optional.

  1. Intro films

    Opens the website and sets the look every later film borrows.

  2. Explainers

    Lives on the product page and answers the question before a sales call.

  3. Brand & product films

    Its motion graphics carry into the site, so the product moves the same way everywhere.

  4. Websites

    Carries the films, states the offer, and turns a visit into an inquiry.

  5. Hosting

    Keeps the site and its films online, fast, and current after launch.

04Why Xpancom

Founder-led, from the first frame to the hosting.

Xpancom is Mitch Moccia’s studio, built on more than twenty years of websites, software, and applications. The person you brief is the person who makes the work.

01

Motion and code in one studio

The person who designs the motion knows how the page loads, how the form stores an inquiry, and what keeps the site fast after launch.

02

Modular, never bundled

Commission one piece. Nothing requires another, and each piece is built so the next one can connect to it.

03

A still frame for every film

Each cut ends on a designed frame, so the work still reads with motion off, on a slow connection, or in print.

04

A person finishes every piece

AI tools can speed up parts of production. A person writes, designs, reviews, and signs off on everything you receive.

05How it starts

Start with one piece.

Bring the piece you need now. The rest can wait until it makes sense.

01

Name the piece.

An intro film, an explainer, a brand or product film, a website, or hosting for work that needs a home.

02

The first conversation is free.

About thirty minutes on what should move and where it will run. No obligation at the end.

03

A written proposal, or no next step.

If there is a project, you get the scope, the fee, and the review points in writing. Stopping there is a normal result.

High-impact motion for brands that need to sizzle.

Tell us what should move.

A short first conversation about the film, the website, or the hosting. It is free and it is separate from any production agreement.

Discuss Your Business