Ambre
A second coffee template, the opposite of the first: bright, warm, indulgent. Everything is two-dimensional — cut-out photos on a flat colour, animated in CSS — for a poster-like look that stays light and sharp on mobile and desktop alike.
What was built
A poster, not a page
The shop's name stretches across the full width, the drinks sit in front, the beans float. From the first screen you know what is sold, and to whom.
Phone first
The composition is built for a vertical screen: the star frappé in the centre, the other two peeking from the edges, actions and figures within reach of the thumb. Desktop is the widened version, not the other way round.
Photos, no 3D
Three drinks and one bean generated with the same light and framing, cut out and swappable in one line. The shop changes its name, colours and drinks without touching the mechanism.
Technologies
A similar project?
Let's talk — a few quick questions are enough for us to give you a useful answer.
Start my project