The studio · Art-directed AI build

Arilo.

Our studio’s own site. Art-directed end to end, built with an AI coding agent.
Scroll down to drive it.

Scroll through itVisit arilo.co

01 / 06

It opens with a pomegranate.

A real-time 3D pomegranate, the brand’s whole idea, while the headline cycles through what Arilo does.

02 / 06

Four practices, one roof.

Creative, production, marketing and consulting. Pick a pillar to enter. They all connect.

03 / 06

A thesis, not a services list.

Every touchpoint is a re-conversion. The site makes the argument, then backs it with numbers.

04 / 06

AI is the floor.

The studio’s AI posture, stated plainly. Not an AI page, but a rebuilt way of working.

05 / 06

The receipts.

Selected work up front: Protocol Health, DeFiTax and Eterna, each a full case study.

06 / 06

Then, an easy yes.

Forty-four Eterna key visuals, straight answers to common questions, and one clear way to start.

On a phone

Just as sharp in your hand.

The same site, rebuilt for a small screen. Every section reflows, nothing is cut.

Every section, in motion.

Six chapters of arilo.co, recorded from the live site.

01

It opens with a pomegranate.

A real-time 3D pomegranate, the brand’s whole idea, while the headline cycles through what Arilo does.

02

Four practices, one roof.

Creative, production, marketing and consulting. Pick a pillar to enter. They all connect.

03

A thesis, not a services list.

Every touchpoint is a re-conversion. The site makes the argument, then backs it with numbers.

04

AI is the floor.

The studio’s AI posture, stated plainly. Not an AI page, but a rebuilt way of working.

05

The receipts.

Selected work up front: Protocol Health, DeFiTax and Eterna, each a full case study.

06

Then, an easy yes.

Forty-four Eterna key visuals, straight answers to common questions, and one clear way to start.

How it was built.

The studio’s site as its own strongest case study.

Livearilo.co
4Service pillars + case-study engine
1System → site, RFI microsite & deck
  1. Develop the visual language from the metaphorStart with meaning, not a mood board.
  2. Lighten and structure it (v1 → v2)Kill the 2018-agency darkness; give buyers the map.
  3. Put a real pomegranate in the browserMake the brand mark a live 3D object, not a picture.
  4. Choreograph the scrollMotion as the argument, not decoration.

Read the full case study

Want a site like this?

Tell us what you’re building. We’ll take it from there.

Start a projectSee more work