Not every animation needs to shout.
Sometimes a simple object, moving gently with the scroll, is enough to make a page feel memorable.
Crafted with GSAP ScrollTrigger.
Maison Belle — Elegant Salon & Beauty Website Design 🌸
An elegant, modern salon website concept created to showcase how a beauty business can present its services and brand through a polished online experience.
Designed by Ubaid Web Studio, this project features a soft, luxurious color palette, refined typography, and a stylish layout inspired by the beauty and aesthetics industry.
✨ Key Features
Elegant UI Design: A sophisticated visual style with soft colors and modern typography.
Beauty Services: Sections for presenting salon treatments and services.
Service Pricing: A clear layout for showcasing sample service prices.
Team Profiles: Space to introduce beauty professionals.
Contact & Booking Sections: Convenient ways for visitors to explore contact and booking information.
Responsive Design: Designed for browsing on desktop and mobile devices.
🎯 Project Goal
To demonstrate how thoughtful web design can help salons present their services, communicate their brand identity, and create a welcoming first impression for potential customers.
Project Type: Salon Website Design & Development Demo
Demo Website: https://masionbelleastheticbyubaidwebstudio.netlify.app/
Note: Maison Belle is a demonstration project created to showcase my web design and development skills. It is not a commissioned client project.
1
407
Built a dynamic multi-viewport editorial design showcase in Figma, brought to life through custom JavaScript and CSS animation pipelines with high-fidelity FFmpeg rendering to explore spatial hierarchy in UX research.
2
193
Showcasing my recent work, KO1HQ website. It’s designed with a focus on modern aesthetics, smooth performance, and a user-friendly experience.
Interested in upgrading your site? Let’s connect and get started.
#Webflow #WebflowDesign #WebDesign #UserExperience #WebsiteShowcase #DesignWithPurpose #BrandGrowth
1
65
Kurstadt Taxi – Car Booking System | German Client
0
103
Savora — Food Delivery Landing Page
Designed and developed "Savora," a modern food-delivery landing page concept, built with HTML, CSS, and JavaScript, using GSAP for scroll-triggered and interactive animations.
Key features:
Animated hero section — a 3D-style orbiting animation where signature dishes (pasta, soup, salad, dessert) circle a central hero plate, complete with layered steam/smoke effects and floating particles for a premium, cinematic feel
Scroll-triggered reveal animations throughout the page using GSAP, giving each section a smooth fade/slide-in effect as the user scrolls
Interactive Sign In / Sign Up modal with tabbed switching between forms, styled input fields (name, email, password with show/hide toggle, address, phone), a consent checkbox, and smooth open/close transitions
Horizontal Menu Grid carousel — food item cards with images, titles, descriptions, and cart icons, complete with hover states and pagination dots
Promotional "Stats & Download" section with a call-to-action button, styled to match the overall dark/gold brand palette
Fully responsive layout with a cohesive dark-brown and gold color scheme designed to feel premium and appetite-appealing
Got a project in mind? Let's build it — message me anytime.
I designed and developed a modern, fully responsive WordPress website for Hope Garden...
Responsive WordPress Website for Garden & Green-Space Initiative
0
43
Luminary is a living design OS built entirely with Google Stitch. It demonstrates streaming canvas generation, in-place AI edits, native motion & hover states, .fig import, and Netlify export — all wrapped in a motion-rich interface where every component breathes, floats, and responds.
1
2
218
www.inboxtickets.com (https://www.inboxtickets.com)
Check out my work!
2
36
Aegis CyberSec - Digital Risk & Scam Analysis Platform