LA Gardens
flower shopA flower and pre-roll shop built as a vending machine on a street corner.
In preview. Ordering is not switched on yet.
The headache
A shop page with a grid of products looks like every other shop. This one also could not take orders yet, and its menu was still moving.
In the way: A product grid is forgettable.
What I built: The shop is a vending machine you walk up to. Picking a slot is the browsing.
In the way: Ordering cannot be switched on yet.
What I built: The full vend runs, and the pay key says it is a preview and nothing is charged.
In the way: The menu is not final.
What I built: Names and prices are live text over the machine, so changing the menu does not mean redrawing it.
In the way: 3D does not run on every phone.
What I built: Where the 3D cabinet cannot run, a flat version of the same machine takes over.
The whole store is one object. You walk up to a vending machine in a street scene, tap it, and the menu is the machine: slots, a price rail, a card for each pack, and slots marked sold out or next drop. The scene changes with the season and the hour.
Up close
The look, and why
A night ground, #070418, with cream at #F3EAD3, a neon pink, #FF2D95, and a cyan, #7FE9FF, for the machine's lights. Archivo Narrow carries the headings, Work Sans the reading type, and the machine's readouts are set in Doto, a dot-matrix face. Names and prices are live text laid over the machine, so the menu can change without anything being redrawn.
What does your website need to do?
Tell me about your business and the project you have in mind.