Open to full-time & freelance work
I built this project for a local restaurant in my town (Marwa) to present their dishes and services in an elegant way while focusing on core functionality like bookings and contact. The site was designed first in Figma, reviewed with the client, and then built with performance and reliability in mind.
Before development, I designed a Figma prototype to give the client a clear idea of how the website would look and feel. We went through a feedback cycle, adjusted details, and only moved to development once the design was approved.
The website presents dishes and services through clean landing pages with smooth scroll animations and page transitions. It includes a booking form and a contact form, which were the most important features for the client. Animations were used carefully to enhance the experience without hurting performance or usability.
I chose Next.js for this project because it allows fast development, strong performance, and is well suited for production deployment within the client’s budget. The stack was selected to ensure the website loads quickly, feels smooth to navigate, and can scale if new features are added in the future.
The website needed to support multiple languages since the restaurant receives visitors from different countries. I discussed different approaches with the client, including route-based translations and more advanced setups.
Because the client wanted the fastest and simplest solution, we implemented automatic translations using Google’s translation API. This allowed the site to support multiple languages quickly, while keeping the door open for a more advanced translation system in the future.
Performance was a key requirement from the start. The site was built with Core Web Vitals in mind, using optimized images, lazy loading, and modern browser APIs. As a result, the website achieves excellent performance scores and feels fast and responsive in real-world usage.
