Ruben Goncalves

Premium Urban Hair Salon Website

This project was a personal favorite to develop. The objective was to create a digital space as refined as the salon itself — a sanctuary that feels high-end before the client even walks through the door. I built the entire platform from scratch using HTML5, CSS3, and Vanilla JavaScript, ensuring zero bulk and smooth performance without any frameworks.

The design system uses a "Nude & Earthy" palette, blending warm beiges with powder pinks and charcoal accents for a sophisticated, airy feel. The mix of delicate serif headings and modern sans-serif body text immediately signals expertise and quiet luxury.

Key features I integrated:

Immersive Hero Section: A visually striking entry point with soft overlays and clear calls-to-action to drive immediate bookings.

Scroll-Reveal Layout: Custom "fade-up" animations that trigger as you explore, giving the site a living, dynamic, and premium feel.

Interactive Services Grid: A structured presentation of expertise with clean pricing and stylized minimal cards.

Custom Booking Modal: A bespoke interface I coded from scratch to provide a seamless and elegant reservation flow.

Social Proof: Dedicated sections for client reviews and expert profiles to build immediate trust.

Expertise Comptable – Premium Accounting Firm Website

This project was one I genuinely enjoyed building. The client wanted something that felt as refined as the firm itself — professional, prestigious, and high-end. I built the entire site from scratch using HTML, CSS, and vanilla JavaScript, no frameworks involved.

The design centers around a deep navy palette with warm gold details, the kind of visual language that signals expertise without being loud about it. Every section was crafted with intention: an immersive hero section that pulls you in, a clean services grid so clients can browse expertises without clutter, an interactive FAQ section, and an appointment form that actually works — with real validation and user feedback.

I also handled the technical side properly: semantic HTML for local SEO, scroll-reveal animations so the pages feel dynamic, and FontAwesome integration for sharp iconography. The site is fully responsive and looks just as good on a phone as it does on a large screen.

L'Écrin Noir – Fine Dining Restaurant Website

This project was one I genuinely enjoyed building. The client wanted something that felt as refined as the restaurant itself — dark, elegant, and instantly impressive. I built the entire site from scratch using HTML, CSS, and vanilla JavaScript, no frameworks involved.

The design centers around a deep black palette with warm gold details, the kind of visual language that signals luxury without being loud about it. Every section was crafted with intention: a full-screen hero that pulls you in, a tabbed menu so guests can browse starters, mains, and desserts without clutter, a mosaic photo gallery that feels editorial, and a reservation form that actually works — with real validation and user feedback.

I also handled the technical side properly: Schema.org markup for local SEO, lazy-loaded WebP images so the pages load fast, and a Google Maps embed tied to the restaurant's address on the Champs-Élysées. The site is fully responsive and looks just as good on a phone as it does on a large screen.