Sybelle — Branding & Marketing Agency Landing Page by Ettouzany AbdelkaderSybelle — Branding & Marketing Agency Landing Page by Ettouzany Abdelkader

Sybelle — Branding & Marketing Agency Landing Page

Ettouzany Abdelkader

Ettouzany Abdelkader

I designed and developed this landing page for Sybelle — a real estate branding & marketing agency, then brought it to life with scroll-based animation and parallax—so the page feels more like a guided tour.

What you’re seeing in the video

• Scroll-led layout with clear visual hierarchy (easy to scan, hard to miss)
• Parallax layers to add depth without adding clutter
• Subtle motion on key sections to keep attention moving down the page
• Smooth transitions + micro-interactions (kept lightweight so it stays clean)
For navigation, I built a slide-in side menu that works like a quick directory, not a dropdown. You tap the hamburger and a full-height panel takes over the left side with big, stacked links (Careers, Leadership, Blogs, Events, Awards). The hovered page is clearly marked with an underline, the background soft-blurs, and the essentials stay pinned at the bottom—location + social links—so you can jump anywhere without hunting.
Team Page
Team Page
Contact Page
Contact Page
Across the website, the same “quiet luxury” layout carries through: oversized titles, lots of breathing room, and a simple grid that keeps things readable. The Leadership page spotlights the founder with a bold headline + portrait, while the Contact page strips everything down to the basics (name, phone, email, message).

Let's Connect!

If you’re building a brand site and want design + development that feels this clean, let’s connect.
Like this project

Posted Dec 24, 2025

I designed and developed this landing page for a real estate branding & marketing agency, then brought it to life with scroll-based animation and parallax