My Work
BusinessFrom €750
Green Leaf — Restaurant Website with Reservations and Digital Menu
Green Leaf is a modern, fully responsive website developed for a seasonal vegetarian restaurant in Barcelona.
The goal of the project was to create a warm, inviting digital presence that showcases plant-based gastronomy while automating daily operations.
Key features of the project:
- Interactive Digital Menu: Category navigation with dietary filters (vegan, gluten-free).
- Online Table Reservation: Intuitive 3-step booking system designed to boost conversions.
- Moderated Guest Reviews: Social proof module with pre-moderation in the custom admin panel.
- Custom CMS & Admin Dashboard: Complete control over bookings, menu items, blog, and gallery.
- Multi-language Support & SEO: Fully optimized for English, Spanish, and Catalan markets.
Home Page
Home Page — Elegant Visual Experience, Social Proof & Direct Conversion
The Green Leaf home page is crafted to instantly engage visitors with a clean, warm, and natural aesthetic. It blends sophisticated typography with high-quality culinary imagery that highlights the restaurant's unique menu.
Impactful Hero Section: Full-width header featuring a clear Call to Action («Book a Table») to boost online reservations.
Featured Dishes Showcase: Highlights signature dishes with photos, pricing, key ingredients, and dietary icons (gluten-free, vegan, etc.).
Chef’s Special Section: Dedicated area emphasizing house specialties («Quinoa and avocado»).
Social Proof & Testimonials («What our guests say»): Interactive reviews section showcasing an overall 4.8 rating, real customer feedback, official management responses, and direct buttons («See all reviews» and «Write a review») to build strong brand trust.
Integrated Blog Section: Latest articles on healthy eating and seasonal produce to enhance SEO performance.
100% Fully Responsive Layout: Seamless UI adaptation across Desktop, iPad, and Mobile viewports.
About Us
About Us — Story, Philosophy & Restaurant Atmosphere
The Green Leaf «About Us» page communicates the core values and story behind the restaurant, building trust and emotional connection through compelling visual storytelling.
Philosophy & Concept: Highlighting the commitment to seasonal, locally-sourced vegetarian and vegan cuisine in the heart of the city.
Cozy Atmosphere: Showcasing the warm restaurant interior («A quiet corner in the city centre») with a direct link to explore the menu.
Conscious Cooking: Emphasizing fresh ingredients and sustainable gastronomy with an integrated «Book a Table» call to action.
Featured Kitchen Preview: Interactive visual cards highlighting signature dishes with direct access to the full menu.
Menu
Menu — Interactive Digital Menu with Dietary Filters
The Green Leaf Menu page delivers a seamless and interactive browsing experience, allowing guests to explore culinary offerings clearly and effortlessly.
Interactive Dietary Filters: Quick filtering system enabling users to sort dishes by dietary preferences (vegan, gluten-free, etc.).
Category Navigation: Well-structured sections (Salads, Soups, Bowls, Main courses, Desserts, Drinks) for smooth scrolling and readability.
Detailed Dish Cards: Each item features a high-resolution photo, description, key ingredients, weight in grams, pricing, and dietary badges.
Conversion-Focused UX: Thoughtfully designed layout aimed at engaging visitors and encouraging online bookings.
Blog
Blog — Editorial Content & Culinary SEO Strategy
The Green Leaf Blog page serves as an engaging content hub for recipes, seasonal produce insights, and kitchen stories, designed to drive organic SEO traffic.
Clean Grid Layout: Articles are structured into visually appealing cards featuring high-quality images, publication dates, and estimated reading times.
Engaging Culinary Topics: Focuses on sustainability («Zero-waste cooking»), local food culture («The story of crema catalana»), and healthy lifestyle («Plant protein made simple»).
Seamless Pagination: Intuitive page navigation for effortless browsing through present and past articles.
SEO & Audience Engagement: Effective tool to attract organic search traffic and build a loyal community around plant-based gastronomy.
Gallery
Gallery — High-Impact Visual Culinary Showcase
The Green Leaf Gallery page is designed to highlight dish quality, freshness, and culinary aesthetics through an immersive visual experience.
Bento Box Style Grid: Dynamic asymmetric layout featuring high-resolution imagery of fresh ingredients, signature meals, and craft drinks.
Refined Visual Aesthetic: Professional food photography focusing on textures, colors, and presentation of plant-based cuisine.
Optimized Performance: Fully responsive design ensuring seamless browsing across Desktop, iPad, and iPhone devices.
Conversion Driver: Essential visual touchpoint built to engage visitors and drive table bookings.
Bookings
Bookings — Intuitive 3-Step Online Table Reservation System
The Green Leaf Bookings page features a streamlined interactive tool designed to make table reservations quick, clear, and effortless.
3-Step Guided Booking Flow: Step-by-step progress bar (Day and time, Your details, Confirmation) engineered to minimize drop-offs and maximize conversion rates.
Smart Date & Time Picker: Interactive calendar with guest count selector and clear time slots separated into Lunch and Dinner sessions.
Essential Contact & Location Details: Sidebar showcasing opening hours, phone contact for large party bookings, and direct address information.
Seamless User Experience: Clean form design ensuring smooth reservation management for both customers and staff.
Admin Panel
Admin Panel — Comprehensive Management Dashboard & CMS
A custom-built, user-friendly administration dashboard designed for seamless and centralized control over all Green Leaf operations.
Main Dashboard Overview: Real-time key metrics tracking today's bookings, new incoming reservations, unread customer messages, and total active menu items.
Reservation & Enquiry Management: Structured list of upcoming bookings with clear status badges («Confirmed», «New»), guest counts, dates, and times.
Content & Review Moderation: Dedicated sections for pre-moderating customer reviews, managing blog articles, and updating gallery photos.
Full Site Content Control: Complete management of website sections (Hero, About Us, Menu, Categories), multi-language dashboard toggle, and secure credential handling.