Habib Tanwir

Work

Projects, landing pages & visual design

Everything I've built and designed, in one place. Filter by type, tap a design to see it full size.

Ridgeline Roofing Co. website hero section featuring luxury Pacific Northwest contemporary residence with charcoal standing seam metal roofing at dusk
Live

Ridgeline Roofing Co. — Architectural Roofing & Restoration

A premium editorial landing page designed for an architectural roofing and restoration company in the Pacific Northwest. Departing from conventional contractor templates, the project treats roofing craftsmanship as an architectural monograph—utilizing asymmetric editorial project spreads, a cinematic photographic hero, an interactive crossfading services showcase, and a bespoke multi-step estimate modal. Built with a lightweight, high-performance vanilla stack: HTML5, modern CSS3, Vanilla JavaScript, and GSAP ScrollTrigger for fluid, restrained scroll choreography.

4.0 (1)
NOIR//FORM AFTER DARK brutalist luxury techwear landing page hero composition featuring fashion model, bold typography, and cinematic atmospheric lighting.
Live

NOIR//FORM — AFTER DARK | Luxury Techwear Editorial Landing Page

An ultra-luxury brutalist editorial landing page for NOIR//FORM AFTER DARK. Crafted with high-fashion art direction, cinematic lighting, and precision typography. Built using Vanilla HTML/CSS and GSAP with bespoke responsive art direction across desktop and mobile devices. Key Highlights: • Editorial Layout: Multi-layered brutalist architectural staging with dynamic lighting overlays • Motion & Interactions: GSAP timeline entrance choreography, subtle ambient idle motion, and cinematic ScrollTrigger transitions • Responsive Art Direction: Dedicated mobile composition preserving full focal visibility of model, typography, and interactive CTAs • Tech Stack: Semantic HTML5, Modern CSS (Tokens, Clamp, Grid/Flex), GSAP (ScrollTrigger & matchMedia)

Be the first to rate