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 asked to redesign the website for Marios Pizza, a restaurant owned by my associate’s boyfriend. The old site was outdated, lacked a header, footer, and menu, and did not clearly represent the business. My goal was to create a responsive, modern website that reflected the restaurant’s identity, showcased its food and services, and attracted customers with a clear, engaging experience.
Defining The Problem
The old site failed to represent Marios Pizza as a professional business. It lacked structure, clarity, and visual appeal. The redesign needed to solve these issues by creating a clean layout, adding navigation elements, incorporating visual content , and presenting information in a way that was easy for customers to understand and engaging enough to draw them in.
The old site failed to represent Marios Pizza as a professional business. It lacked structure, clarity, and visual appeal. The redesign needed to solve these issues by creating a clean layout, adding navigation elements, incorporating visual content , and presenting information in a way that was easy for customers to understand and engaging enough to draw them in.
Research & Discovery
To kick off the project, I met with my associate to align on the business goals — priorities included a responsive layout, clear business presentation, an appealing UI, and a well-structured menu to showcase food options. I contributed my own design requirements alongside the client's input, focusing on usability, layout clarity, and customer engagement strategies to ensure the final product would both attract customers and deliver a seamless user experience. I also analyzed other well-known pizza restaurant websites on how they structured their layout pattern to guide user behavior and optimize site traffic. With a clear direction established, I began wireframing the site and mapping user flows for navigating throughout — outlining the header, body, and footer to define the overall structure.
Research & Discovery
To kick off the project, I met with my associate to align on the business goals — priorities included a responsive layout, clear business presentation, an appealing UI, and a well-structured menu to showcase food options. I contributed my own design requirements alongside the client's input, focusing on usability, layout clarity, and customer engagement strategies to ensure the final product would both attract customers and deliver a seamless user experience. I also analyzed other well-known pizza restaurant websites on how they structured their layout pattern to guide user behavior and optimize site traffic. With a clear direction established, I began wireframing the site and mapping user flows for navigating throughout — outlining the header, body, and footer to define the overall structure.
Ideation & Design Process
Applying UX/UI principles and a mobile-first design approach, I translated the finalized wireframes & prototypes into a full website build in Duda — designing the experience around how customers naturally explore a restaurant online. The homepage featured a structured header in the business's colors, high-quality food and atmosphere visuals for strong visual hierarchy, and intuitive information architecture that highlighted the menu, services, and ordering links across all screen sizes. Clear calls-to-action like "Order Now" and "View Menu" were strategically placed to reduce friction and guide users confidently toward placing an order.
Applying UX/UI principles and a mobile-first design approach, I translated the finalized wireframes & prototypes into a full website build in Duda — designing the experience around how customers naturally explore a restaurant online. The homepage featured a structured header in the business's colors, high-quality food and atmosphere visuals for strong visual hierarchy, and intuitive information architecture that highlighted the menu, services, and ordering links across all screen sizes. Clear calls-to-action like "Order Now" and "View Menu" were strategically placed to reduce friction and guide users confidently toward placing an order.
Prototyping & Testing
Once they were ready, I tested responsiveness across desktop, tablet, and mobile. Site optimization was performed to improve speed and performance. I ensured links to the online ordering platform worked correctly and refined the UI design to highlight the restaurant’s theme.
Once they were ready, I tested responsiveness across desktop, tablet, and mobile. Site optimization was performed to improve speed and performance. I ensured links to the online ordering platform worked correctly and refined the UI design to highlight the restaurant’s theme.
Final Solution & Reflection
After several months of collaboration, we delivered a polished, user-centered website for Mario's Pizza that strengthened both customer experience and online visibility. The results reflected the impact of intentional UX and SEO-driven design — mobile traffic reached 83% of total visits, the homepage saw 540 views averaging 1 minute and 37 seconds on page, 28 click-to-call actions were recorded, and search traffic grew to 106 visits through cleaner 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, we delivered a polished, user-centered website for Mario's Pizza that strengthened both customer experience and online visibility. The results reflected the impact of intentional UX and SEO-driven design — mobile traffic reached 83% of total visits, the homepage saw 540 views averaging 1 minute and 37 seconds on page, 28 click-to-call actions were recorded, and search traffic grew to 106 visits through cleaner 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 to redesign Noches To Go, a centralized online ordering platform for multiple Noches de Colombia locations across New Jersey. The goal was to create a responsive, modern website that allowed users to browse menus, select their preferred location, and place orders seamlessly through our ordering platform, SKY Digital Ordering. The redesign needed to elevate the brand’s digital presence, reflect its cultural identity, and deliver an app‑like experience that felt intuitive, fast, and visually engaging.
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.