Spotto

Work

Spotto

A waitlist site and customer animation for a loyalty app that helps independent shops win back their regulars.

Services

Website, motion

Scope

Homepage, waitlist, customer animation

Year

2026

Tools

Figma, After Effects

The brief

Spotto is a loyalty app shared by independent shops in one town. The site had to explain a simple idea, one card that works in every shop, to two audiences at once: the owners signing up and the customers using it. It needed to feel local and friendly, never like a bank or a coupon site.

The idea

One card that follows you around town. Every section shows the same people moving between real-looking local shops.

Key decisions

Two paths, one look

Why

Shop owners and customers arrive with different questions.

Effect

Each group gets its own answer without the brand splitting in two.

Soft UI over warm light

Why

Loyalty apps tend to look like banking apps or coupon sites.

Effect

Peach and lavender glows make it feel friendly and local, closer to the shops it serves.

A customer animation for launch

Why

The cross-shop idea is easier to show than to explain.

Effect

The 43-second animation follows one stamp card from the café to the bookshop.

Two paths, one look

Why

Shop owners and customers arrive with different questions.

Effect

Each group gets its own answer without the brand splitting in two.

Soft UI over warm light

Why

Loyalty apps tend to look like banking apps or coupon sites.

Effect

Peach and lavender glows make it feel friendly and local, closer to the shops it serves.

A customer animation for launch

Why

The cross-shop idea is easier to show than to explain.

Effect

The 43-second animation follows one stamp card from the café to the bookshop.

Two paths, one look

Why

Shop owners and customers arrive with different questions.

Effect

Each group gets its own answer without the brand splitting in two.

Soft UI over warm light

Why

Loyalty apps tend to look like banking apps or coupon sites.

Effect

Peach and lavender glows make it feel friendly and local, closer to the shops it serves.

A customer animation for launch

Why

The cross-shop idea is easier to show than to explain.

Effect

The 43-second animation follows one stamp card from the café to the bookshop.

Two paths, one look

Why

Shop owners and customers arrive with different questions.

Effect

Each group gets its own answer without the brand splitting in two.

Soft UI over warm light

Why

Loyalty apps tend to look like banking apps or coupon sites.

Effect

Peach and lavender glows make it feel friendly and local, closer to the shops it serves.

A customer animation for launch

Why

The cross-shop idea is easier to show than to explain.

Effect

The 43-second animation follows one stamp card from the café to the bookshop.

Two paths, one look

Why

Shop owners and customers arrive with different questions.

Effect

Each group gets its own answer without the brand splitting in two.

Soft UI over warm light

Why

Loyalty apps tend to look like banking apps or coupon sites.

Effect

Peach and lavender glows make it feel friendly and local, closer to the shops it serves.

A customer animation for launch

Why

The cross-shop idea is easier to show than to explain.

Effect

The 43-second animation follows one stamp card from the café to the bookshop.

Two paths, one look

Why

Shop owners and customers arrive with different questions.

Effect

Each group gets its own answer without the brand splitting in two.

Soft UI over warm light

Why

Loyalty apps tend to look like banking apps or coupon sites.

Effect

Peach and lavender glows make it feel friendly and local, closer to the shops it serves.

A customer animation for launch

Why

The cross-shop idea is easier to show than to explain.

Effect

The 43-second animation follows one stamp card from the café to the bookshop.

Motion design

One stamp card that follows people from shop to shop. Written, designed and animated in-house.

0:43

Spotto customer animation

The system

Warm white product UI over soft peach and lavender, with espresso for the stamps.

Ground

#F7F6F4

Espresso

#6B3A1E

Peach

#F6C9A8

Indigo

#5B57D6

Bricolage Grotesque and Nunito

Display and interface

Next project

Spotto

Spotto

Spotto

Spotto

Spotto

The brief

The brief

The brief

The brief

The brief

The idea

The idea

The idea

The idea

The idea

Key decisions

Key decisions

Key decisions

Key decisions

Key decisions

Motion design

Motion design

Motion design

Motion design

Motion design

Motion design

The system

The system

The system

The system

The system

The system

Beacon →

Beacon →

Beacon →

Beacon →

Beacon →

Beacon →