Ruben Goncalves

The objective: to create a digital space as solid and professional as the construction projects themselves. I built the entire platform from scratch using HTML5, CSS3, and Vanilla JavaScript, ensuring lightning-fast performance and smooth transitions without any bulky frameworks.

The design system uses a "Navy & Industrial Orange" palette, blending a deep midnight blue for stability with a vibrant amber for action. The contrast between bold Outfit headings and modern Inter body text immediately signals top-tier expertise and meticulous attention to detail.

Key features integrated:

Immersive Hero Section: A visually powerful entry point with refined overlays and clear CTA buttons to drive immediate bookings.

Scroll-Reveal Layout: Custom Intersection Observer logic triggering "fade-up" animations that give the site a living, premium, and dynamic feel.

Interactive Service Showcase: A structured presentation of expertise (Construction, Renovation, Finishing) using minimalist cards and iconography.

Custom Quote Engine: An optimized lead-gen interface coded from scratch, featuring real-time feedback (sending/success) for a seamless user flow.

Trust & Authority: Dedicated sections for client testimonials and industry certifications (RGE, Qualibat) to build immediate trust.

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.