Title
Marios Pizza
Marios Pizza
Industry
UX/UI
UX/UI
Date
Sep 2025- Nov 2025
Sep 2025- Nov 2025
Introduction
During my internship as a Web Designer at SKY Marketing LLC, I was tasked with redesigning the website for Mario's Pizza, a local restaurant business. The existing website was significantly outdated and failing to convert customers into orders. The business owner needed a modern, responsive digital presence that would establish Mario's Pizza as a professional business while guiding customers toward ordering.
Defining The Problem
The old Mario's Pizza website had critical usability issues that directly impacted customer acquisition and revenue. The most critical problem was the complete absence of a functional menu system, forcing potential customers to call or visit in person to learn what was offered. This friction point drove customers to competitors with better online presence.
Key problems identified:
No functional menu system—customers couldn't browse options, view prices, or see descriptions
Broken image links
No clear navigation structure or consistent header/footer
Poor visual presentation that failed to represent the restaurant professionally
Not mobile-responsive despite most restaurant searches happening on mobile
No clear path from browsing to placing an order
The old Mario's Pizza website had critical usability issues that directly impacted customer acquisition and revenue. The most critical problem was the complete absence of a functional menu system, forcing potential customers to call or visit in person to learn what was offered. This friction point drove customers to competitors with better online presence.
Key problems identified:
No functional menu system—customers couldn't browse options, view prices, or see descriptions
Broken image links
No clear navigation structure or consistent header/footer
Poor visual presentation that failed to represent the restaurant professionally
Not mobile-responsive despite most restaurant searches happening on mobile
No clear path from browsing to placing an order
Research & Discovery
I met with my associate to align on business priorities and analyzed well-known pizza restaurant websites to understand successful patterns. These insights shaped a design direction focused on usability, layout clarity, and customer engagement. With a clear direction established, I began wireframing the site structure and mapping user flows to outline the header, body, and footer, ensuring the menu was positioned as primary content.
Key findings:
Successful restaurants prioritize menu visibility with food photography and clear pricing
Mobile optimization is essential since most restaurant searches happen on mobile
Wireframes validated menu-first information hierarchy guides users from discovery to ordering
Research & Discovery
I met with my associate to align on business priorities and analyzed well-known pizza restaurant websites to understand successful patterns. These insights shaped a design direction focused on usability, layout clarity, and customer engagement. With a clear direction established, I began wireframing the site structure and mapping user flows to outline the header, body, and footer, ensuring the menu was positioned as primary content.
Key findings:
Successful restaurants prioritize menu visibility with food photography and clear pricing
Mobile optimization is essential since most restaurant searches happen on mobile
Wireframes validated menu-first information hierarchy guides users from discovery to ordering
Ideation & Design Process
Applying UX/UI design principles and a mobile-first design approach, I translated the finalized wireframes and prototypes from Figma into a full website build in Duda. I designed the experience around how customers naturally explore a restaurant online.
Design execution included:
Structured header in the business's brand colors establishing immediate professional presence and brand recognition
High-quality food visuals creating strong visual hierarchy and building appetite appeal
Intuitive information architecture highlighting menu, services, and ordering links consistently across desktop, tablet, and mobile
Strategic placement of clear CTAs like "Order Now" and "View Menu" throughout to reduce friction and guide users toward action
Mobile-first optimization recognizing that the majority of restaurant searches happen on mobile devices
Applying UX/UI design principles and a mobile-first design approach, I translated the finalized wireframes and prototypes from Figma into a full website build in Duda. I designed the experience around how customers naturally explore a restaurant online.
Design execution included:
Structured header in the business's brand colors establishing immediate professional presence and brand recognition
High-quality food visuals creating strong visual hierarchy and building appetite appeal
Intuitive information architecture highlighting menu, services, and ordering links consistently across desktop, tablet, and mobile
Strategic placement of clear CTAs like "Order Now" and "View Menu" throughout to reduce friction and guide users toward action
Mobile-first optimization recognizing that the majority of restaurant searches happen on mobile devices
Prototyping & Testing
Once the design was ready, I tested responsiveness across all devices to ensure seamless experience at every screen size. I optimized site speed and performance, verified ordering platform links functionality, and refined the UI design to highlight the restaurant's visual theme and brand identity.
Once the design was ready, I tested responsiveness across all devices to ensure seamless experience at every screen size. I optimized site speed and performance, verified ordering platform links functionality, and refined the UI design to highlight the restaurant's visual theme and brand identity.
Final Solution & Reflection
After several months of collaboration, I delivered a polished, user-centered website for Mario's Pizza that strengthened both customer experience and online visibility. The redesign successfully provided the menu system that was completely absent from the old site, transforming how customers discovered and ordered from Mario's Pizza.
Performance metrics demonstrated the impact:
Mobile Traffic: 83% of total visits—strong validation of mobile-first design approach
User Engagement: Homepage saw 540 views averaging 1 minute 37 seconds on page
Conversions: 28 click-to-call actions recorded in first month
Search Visibility: 106 organic search visits through improved site structure and optimized metadata
This project strengthened my ability to translate business goals into practical design decisions, communicate effectively with clients, and design for real customer journeys — reinforcing core UX/UI skills including user research, visual hierarchy, responsive design, and iterative problem-solving that demonstrate my readiness to add value in a professional environment.
After several months of collaboration, I delivered a polished, user-centered website for Mario's Pizza that strengthened both customer experience and online visibility. The redesign successfully provided the menu system that was completely absent from the old site, transforming how customers discovered and ordered from Mario's Pizza.
Performance metrics demonstrated the impact:
Mobile Traffic: 83% of total visits—strong validation of mobile-first design approach
User Engagement: Homepage saw 540 views averaging 1 minute 37 seconds on page
Conversions: 28 click-to-call actions recorded in first month
Search Visibility: 106 organic search visits through improved site structure and optimized metadata
This project strengthened my ability to translate business goals into practical design decisions, communicate effectively with clients, and design for real customer journeys — reinforcing core UX/UI skills including user research, visual hierarchy, responsive design, and iterative problem-solving that demonstrate my readiness to add value in a professional environment.
See the Site In Action
Watch how UX-driven design transforms the Mario's Pizza experience — from intuitive navigation and clear visual hierarchy to a seamless user journey that guides customers effortlessly from discovery to ordering.
See the Site in Action
Watch how UX-driven design transforms the Mario's Pizza experience — from intuitive navigation and clear visual hierarchy to a seamless user journey that guides customers effortlessly from discovery to ordering.
Introduction
During my internship as a Web Designer at SKY Marketing LLC, I was tasked with redesigning the website for Mario's Pizza, a local restaurant business. The existing website was significantly outdated and failing to convert customers into orders. The business owner needed a modern, responsive digital presence that would establish Mario's Pizza as a professional business while guiding customers toward ordering.
Projects
Explore more like this one
Explore more like this one
Selected projects that reflect my approach to design, development, and execution.
Explore more like this one
Selected projects that reflect my approach to design, development, and execution.