Project Type
Restaurant Website Design | UX/UI Design | WordPress Development | Digital Menu Board Design | Digital Branding
Role
Web Designer | UX/UI Designer | Graphic Designer | WordPress Developer
Project Overview
Pizza 80 needed a stronger digital presence to showcase their restaurant, menu offerings, promotions, and improve customer accessibility both online and in-store.
The project included designing and developing a responsive restaurant website, creating digital TV menu screens, setting up a Google Business Profile, and implementing basic SEO practices to improve local online visibility.
The goal was to create a connected digital experience that helped customers discover the restaurant, explore menu options, find important information, and easily transition to online ordering.
Challenge
Pizza 80 needed a complete digital solution that could improve its online presence while creating a better customer experience inside the restaurant.
The main challenges were:
- Creating a modern and professional website presence.
- Organizing menu information in a clear and user-friendly way.
- Helping customers quickly find restaurant information.
- Guiding website visitors toward online ordering.
- Designing TV menu screens that were easy to read from a distance.
- Increasing local visibility through search platforms.
- Creating consistent branding across digital touchpoints.
Project Goals
The project focused on:
- Building a user-friendly restaurant website.
- Improving menu accessibility and presentation.
- Creating a clear path from website browsing to online ordering.
- Designing engaging TV menu screens for in-store customers.
- Improving local search visibility through Google Business Profile.
- Establishing a stronger online presence for the restaurant.
Design Solution
I created a cohesive design system across digital and physical platforms. The TV screen promotions were redesigned to highlight featured items, special deals, and limited-time offers, using strong visuals and clear messaging to capture customer attention.
A physical brochure was designed with organized menu information, appealing food imagery, and a QR code that guided customers directly to the restaurant’s ordering app. The goal was to create a convenient ordering experience while helping increase online orders and customer engagement.
Tools Used
Adobe XD | Adobe Illustrator | Adobe Photoshop | WordPress | Elementor | Google Business Profile
Website Design Process
UX/UI Design
Designed a restaurant-focused interface with:
- Clear navigation structure.
- Organized menu presentation.
- Prominent ordering calls-to-action.
- Responsive layouts for desktop, tablet, and mobile.
Visual Design
The design system included:
- Consistent typography.
- Strong visual hierarchy.
- Balanced spacing.
- Brand-focused colors.
Website Development
After completing the design phase, the website was developed into a responsive WordPress website.
Development Process
- Converted design concepts into functional website layouts.
- Built responsive pages using WordPress.
- Customized sections based on restaurant requirements.
- Optimized images for web performance.
- Added online ordering links.
- Tested website usability across multiple devices.
TV Menu Screen Design
To improve the in-store customer experience, digital TV menu screens were designed to display menu items and promotions effectively.
Design Approach
The TV menu screens focused on:
- Large readable typography.
- Clear menu categories.
- High-quality food imagery.
- Featured item highlights.
- Promotional messaging.
- Consistent restaurant branding.
The layouts were optimized for large displays, allowing customers to easily view options while ordering.
Website Mockups | Digital TV Menu Boards
