Designing clarity into a new food business model — so the website sells without over-explaining

About

Hotplate is a food-drop platform for chefs, bakers, and small teams running a business out of their kitchen. I designed the website with Adriano Reis (Ancorpoint Studio) who handled development in Framer.

Challenge

Chefs and bakers already know the work: announcing a menu, collecting orders, figuring out how much to make. But Hotplate’s drop model doesn’t fit familiar categories like restaurant software or food delivery. The website needed to show how it brings that work together — making its value clear through a story they could immediately see themselves in.

Outcome

The website makes Hotplate easier to understand by showing how a chef uses it to run a drop. Real product screens follow the process from posting a menu to taking orders and planning what to prepare, answering the questions chefs need answered before they sign up. Hotplate’s chefs and community shape the story throughout. Their food appears in the product graphics, while their testimonials and business results show how they use the platform and what it’s helped them achieve.Together, this helps prospective chefs understand how Hotplate works, see how it could fit their own business, and feel more confident about starting their first drop.

Making the model tangible

For someone running a food business from their kitchen, the practical questions come first: How do customers order? How much should I make? How do I keep track of everything?

The homepage follows that sequence, moving from storefront subscriptions to scheduling a drop, notifying customers, and preparing orders. Each step connects the interface to a recognizable moment in a chef’s day.

Real food and the people behind it give the product context. Visitors can see both how Hotplate works and the kinds of businesses it supports.

The community is part of the product story

The chefs aren’t confined to a testimonial section. Their food appears throughout the site and within the product graphics, keeping the interface close to the businesses it serves.

Their stories then give that experience another layer. Chefs talk about managing pickups, turning a social following into orders, and getting time back in their day. Names, locations, community numbers, and business results sit alongside those accounts. Together, they give visitors something specific to relate to: people, kitchens, and ways of working that look like their own.

A focused homepage, with room to go deeper

The homepage introduces the model, shows the experience, and lets the community speak to its value. We kept that narrative focused, with the fuller feature story on the product pages.

Those pages are organised around three jobs: Start, Grow, and Manage. A persistent tab lets visitors move between them, while accordion sections reveal individual features and update the accompanying product UI. Someone starting their first drop can explore a different set of needs from someone managing an established customer base.

That structure gives the breadth of the platform a place without asking everyone to read through all of it. The story stays connected to the work, even as the product detail gets deeper.

Organizing the product around a chef’s next step

The product page gives visitors three clear ways into the platform: Start, Grow, and Manage.

Start covers the foundations: a branded storefront, preorder windows, and payments. Grow introduces tools for bringing customers back and building demand, including automated texts, countdowns, and waitlists. Manage brings the story into the kitchen, with prep lists, order tickets, customer messages, and insights.

A persistent pill navigation keeps these sections within reach. Within each section, accordion-style reveals pair individual features with changing product visuals, letting visitors explore the details at their own pace.

This structure connects each capability to a practical need. Someone preparing their first drop can focus on getting started; an established baker can explore how to handle more orders.

Making pricing easy to follow

The pricing page carries that same clarity into the cost of using Hotplate.

It separates the chef’s payment-processing fee from the Hotplate fee shown to customers at checkout. An illustrated order breakdown gives those charges context, showing how they appear within a transaction.

The page also makes the commitment clear: no monthly subscription, setup cost, or contract. The included tools sit together below, so visitors can understand what they get alongside what they pay.

The design brings the key questions into view: what costs money, who pays, and what’s included.

One connected story

Across the homepage, product, and pricing pages, the website moves from understanding the food-drop model to exploring the tools and evaluating the cost.

The guiding idea was simple: keep the product close to the people using it. Show the storefront, the orders, and the prep work alongside the chefs and food that give those tools a purpose.