.png)
Pizza
American Pizza Restaurant
Pizza is a responsive website designed to simplify the online ordering process for a local pizza restaurant. With an easy-to-use, mobile-friendly layout, customers can quickly browse, customize, and order for delivery on any device.
​
ROLE
UI Designer, Branding
​
PROJECT DURATION
4 weeks
​
​
​
THE GOAL
The primary goal of this project was to design a responsive website that delivers a seamless ordering experience across all devices. By creating an intuitive and visually engaging interface, the site allows users to easily browse the menu, customize their orders, and complete the delivery process. This approach simplifies the ordering experience, making it quick, accessible, and enjoyable for customers.
THE PROCESS
I created a high-fidelity prototype in Figma, highlighting the responsive layout and smooth user flow across devices. This helped refine the ordering experience for an intuitive, user-friendly interface.
.png)
_gif.gif)
01. UI
Typography: was carefully selected with accessibility in mind. The clean, minimalistic look of the Roboto font enhances readability across devices, ensuring a seamless experience for all users. The use of varying weights (Black, Medium, Regular) provides a clear visual hierarchy.
Color Palette: color choices were inspired by the Italian flag, with a rich green symbolizing freshness, red conveying warmth and passion, and yellow to evoke energy and attention. These colors help to create an inviting, vibrant atmosphere while remaining rooted in Italian culinary culture.
Component Design: The design incorporates flexible, scalable components, including cards for menu items. These cards ensure consistent presentation of product details, such as names and descriptions, while allowing for seamless adjustments like font resizing or layout tweaks.
Any updates to the card design—whether for accessibility or branding—will sync across all instances, maintaining a cohesive experience.
This approach streamlines updates and reinforces the minimalist, user-centric aesthetic of the site.
Layouts and Interactions:
The website layout was designed to be simple and user-friendly. Key sections such as navigation, cards, and product information are easy to access, ensuring a smooth journey through the site. The design emphasizes clarity and ease of use, with smooth transitions and responsive elements for both mobile and desktop experiences.
.png)