Live demos

Why we show demos instead of a screenshot portfolio

A portfolio of images shows how a site looks, but not how it feels. It does not tell you how long it takes to load on a phone, whether the animations are smooth or whether buying or booking is comfortable. And those are exactly the things that decide whether a customer stays or leaves.

That is why we built two complete sites for fictional businesses, with the same method and technology we use on real projects. You can open them, browse them on your phone, add products to the cart or check the menu. They are the most honest proof of the finish you can expect.

OLEA: online shop with a harvest club

Boutique early-harvest extra virgin olive oil shop with a harvest club. It shows a product catalogue, a cart and a club sign-up.

It is a good example of how to present a product with lots of technical detail without overwhelming. Each variety shows its acidity, polyphenols and harvest date, plus an extended tasting sheet for those who want more. Shopping happens without leaving the page: the cart opens as a side panel and confirms each product added.

Ébano: a cinematic coffee shop

Specialty coffee shop with cinematic motion: a full-screen hero, a seasonal menu and bookings. It is also the site shown in the client area demo.

Ébano shows how far motion can go without sacrificing speed: serif headlines that emerge letter by letter, a manifesto that lights up word by word as you scroll, the coffee process as a horizontal journey and a menu with cards that react to the cursor. Opening hours, location and bookings are part of the experience, not hidden at the end.

What to look for while browsing

Beyond whether you like the style, the demos let you check things your own site will have even if its design is completely different.

1. 01

   Speed: open them on your phone over data and notice how long until they are usable.

2. 02

   Stability: content does not jump while loading or when images appear.

3. 03

   Mobile reading: text is readable without zooming and buttons are tappable with a thumb.

4. 04

   Path to action: from anywhere it is clear how to buy or book.

From the demo to your site

The demos show the level of finish, not a catalogue of designs to choose from. Your site is designed from scratch for your business, with your brand, your tone and what your customers need to find.

What you can do is use them as a reference in the first conversation: "I like how OLEA presents products" or "I want a home page with Ébano’s presence" are very useful starting points to understand what you are after.

Common questions