MC Doceria
The product shapes the page. Every choice carries through to the order.
- My contribution
- Art direction, information architecture, interaction design and development.
- Delivery
- A dessert shop website with a menu and a form that puts an order together for WhatsApp.
the starting point
How can the product shape the page?
I used the five layers of a cake jar to structure the page. The opening, assembly, chocolate, Ninho powdered-milk flavor and order sections form a journey rooted in the product itself.
The assembly section introduces the product before visitors choose a flavor. The visual idea shapes the order of the content and leads naturally into placing an order.
01 · structure and interaction
Browse the menu. Look closer.
I gave each flavor its own row, with a name, description and link to a larger photograph. Grouping flavors by cake base carries the product’s layered structure through to the menu.
Visitors can scan the names or open a photograph for a closer look at a dessert. The layout supports both quick browsing and a more considered choice.
02 · composition and journey
Every choice carries through to the order.
I built a form that brings flavor, quantity, date and delivery or pickup details together in a WhatsApp message. The choices carry over from the website into the conversation.
Photography gives visitors a closer look at the product; the form turns their choices into a clear order inquiry. Browsing and ordering are parts of the same journey.
what this project demonstrates
- Concept
- The cake jar’s layers shape the page’s structure.
- Choice
- Names and ingredients arranged in rows, with photographs visitors can enlarge.
- Interaction
- The form brings the order details together in a WhatsApp message.