Anatomy of the CakeMiami homepage
This is the homepage of a pavlova bakery in Miami, built as a storefront on Shopify. It is built for someone deciding whether to order today.
Below is the page in the order someone scrolls it, with a note on what each band is there to do.
CakeMiami · cakemiami.com
The header keeps the order and the question one tap apart. The cart and the search sit at the top of every page, and on a wide screen the phone number sits in the menu beside them.
The hero is the product, photographed, with two actions. One for someone ready to buy, one for someone still checking whether you can get it to them.
Real photographs run directly under the hero. Real people with the real product, in the first screen, before the storefront asks for anything.
The things people ask before buying, answered in one row. Delivery, pickup, ordering ahead, same-day: the questions that otherwise become a phone call, or a lost order.
The method explained on camera. A video from the bakery, on camera, sits beside the four points it stands on, so the brand has a voice and not only photographs.
The products are sorted by what each one serves. Someone who knows how many people they are feeding never has to convert inches into portions.
The social feed comes back onto the page. Photos posted on Instagram run again on the homepage, so an asset made once is working in two places.
Pickup, delivery and hours, on the homepage itself. Where to collect it, how far it gets delivered, and when: nobody has to hunt for whether they can get one today.
The three steps of ordering, then the ask. The whole transaction in three lines, with the order button under it.
