What this was
Juicy is a fresh juice and shake bar. The site is one long Hebrew page that had to serve two audiences on the same screen: customers who want to see the menu and where to buy, and people looking into a franchise.
Most of the work went into the menu. Dozens of items across six categories, each with a full ingredient list. Instead of breaking that into separate pages, all of it went into a single layer that opens over the site, split into blocks of color. You can scan the entire menu without leaving the page.
The product catalog follows the same principle. Bottles stay clean on a light gray field, and ingredients appear only on hover. The catalog stays visual, and the detail is there for whoever goes looking for it.
The full page. Hero, about, two kits, the product catalog, franchise, an Instagram feed and a contact form at the end.
Four states of the hero. Same structure exactly, only the image and background color change.
The product carousel. Hovering a product turns it into a card with its ingredients and a link to the full menu.
The full menu. Smoothies, juices, shots, bowls, superfood and build your own, all in one layer over the page.
Lead capture. It opens over the page, so filling it in does not pull you away from where you were.
Note
The prototype is still hosted on Adobe XD. The images above are stored here on the site, so this page keeps working the day Adobe shuts that service down.