ORBITS.

“Brushing teeth as a tiny space mission.”

A fictional children's oral-care brand with Pip the mascot: toothpastes by age, a brush, mouthwash, a brushing calendar and an app that turns two minutes into a game.

Sector
Children's oral care
Scope
Webshop, brand and mascot
Pages
50
Languages
Croatian, English
Built with
Astro, TypeScript, hand-written CSS

Concept project. ORBITS is a brand we invented to show what we build: the site is real, live and fully clickable, the business is not. Demo sites stay out of Google on purpose.

The live site

Click the screen to open the demo in a new tab.

What research found

No Croatian shop filters kids' toothpaste by age or states clearly how much fluoride and how much paste a child needs, and no brushing calendar is sold in Croatia at all. All copy follows EAPD and Croatian public-health guidance.

What we built

  1. Child age selector

    One question filters the whole shop and shows, on every product, the fluoride level, the amount of paste drawn to scale and who should brush.

  2. Pip's mission

    A real two-minute timer in four 30-second zones, with a countdown and confetti, that ticks off the day in a 30-day calendar.

  3. Tooth fairy and the 90-day club

    A milk-teeth map with a printable certificate, diplomas at 30 and 60 days and a plush friend after 90 days of brushing.

  4. A mascot drawn in code

    Pip and the planet-O logo are hand-drawn in SVG: he blinks, wiggles his antennae and follows the pointer, identical in every pose.

On the phone

Designed for the phone first, where most visitors arrive.

ORBITS, mobile screen 1
ORBITS, mobile screen 2
ORBITS, mobile screen 3

Brand system

Click a colour to copy it

TypeBaloo 2Nunito

Results

Fast, accessible, built to rank.

99Performance
100Accessibility
100Best practices
1.9 sLargest paint (LCP)
0.000Layout shift (CLS)

Live site, mobile, Google Lighthouse, measured 27 October 2026.

Want a site like this?

Let's talk