(1)

The Mercado website was designed and developed to reflect the restaurant’s essence—an inviting, lively space inspired by traditional Portuguese marketplaces. More than just a dining destination, Mercado serves as a community hub where guests can enjoy fresh, thoughtfully prepared food, specialty coffee, and curated market goods. The website encapsulates this spirit through a minimalist yet warm aesthetic, intuitive navigation, and seamless functionality that enhances the user experience.

ABOUT THE PROJECT

OBJECTIVE

Create a fully custom website that:

Showcases Mercado’s brand identity and welcoming atmosphere.
Provides an easy-to-navigate platform for customers to explore the menu, events, and market offerings.
Ensures performance optimization for a smooth user experience across devices.

MY ROLE

UI/UX Design – Conceptualized the website’s layout, structure, and visual style.
Front-End Development – Coded the website from scratch using HTML, CSS, and JavaScript.
Performance Optimization – Ensured fast load times and mobile responsiveness for a seamless experience.

TECHNOLOGY & TOOLS

Languages: HTML, CSS, JavaScript
Software: Visual Studio Code
Development: GitHub

DESIGN & DEVELOPMENT APPROACH

Aesthetic & Branding – Implemented a clean, modern design with warm, inviting tones to align with Mercado’s atmosphere.
User Experience (UX) – Created an intuitive layout with clear navigation, making it easy for visitors to find menus, hours, and market details.
Custom Development – Built from scratch to maintain full creative control and optimization, ensuring a fast, dynamic, and mobile-friendly website.

PROCESS

Research & Planning – Studied Mercado’s branding and customer needs to define site architecture.
Wireframing & Prototyping – Designed an intuitive layout focusing on user flow and accessibility.
Development – Coded a fully responsive website, ensuring smooth performance on all devices.
Testing & Optimization – Conducted debugging and speed tests to refine user interactions.

OUTCOME

The Mercado website serves as a seamless digital extension of the restaurant, enhancing customer engagement and strengthening its online presence. By merging traditional influences with modern design, the site provides an inviting, easy-to-use platform that reflects Mercado’s unique identity.