Mobile & Web · 2026 · LIVE

Clandest Agency Landing Page

High-performance studio landing page for Clandest Agency — a Dhaka-based design, development, and video post-production collective. Built with plain semantic HTML5, fluid clamp CSS3, and interactive hover mechanics with zero framework overhead.

Company
Clandest Agency
Client
Clandest Studio
Timeline
1 Month
Scope
Brand Identity, Web Design, Frontend Engineering, Fluid Typography, Vanilla HTML/CSS

Overview & TL;DR

The Challenge: Building a lean, expressive web agency presence that communicates capabilities fast, highlights the 4-founder collective without corporate jargon, and scores 100 on Core Web Vitals.

My Role: Co-founder & Lead Designer — designed the brand visual language, responsive web layouts, typography system, and authored clean semantic HTML/CSS.

The Method: Engineered fluid clamp-based typography (Host Grotesk & Roboto Flex), custom animated SVG button states, and lightweight interactive service cards.

The Problem

Most creative agency websites are bloated with heavy JavaScript bundles, slow load times, and vague positioning copy that hides who is actually doing the work.

Process & Implementation

Direct Visual Hierarchy & Fluid Typography

Developed a human, conversational headline structure paired with fluid typography scales that automatically adapt across mobile, tablet, and ultra-wide screens without jarring layout shifts.

  • Curated distinct brand palette: Base Canvas (#E6E6E6) paired with deep Brand Navy (#2E4F94)
  • Engineered animated CTA buttons with dual sliding arrows and hover circle expansion
  • Structured service preview cards for Marketing Video, Logo & Brand Design, and Website Redesign

Founder Collective Storytelling & Direct Intake Funnel

Bridged technical craft with personal authenticity by spotlighting the four-founder origin story from Munshiganj Polytechnic, paired with a frictionless direct-to-founder consultation form.

  • Curated an atmospheric collegiate team portrait celebrating the collective's four key disciplines: UI/UX design, client strategy, software engineering, and cinematic motion graphics
  • Engineered an interactive filterable video portfolio showcasing direct-response VSLs, product ads, and creator UGC
  • Integrated frictionless contact pathways including 1-click WhatsApp chat and 15-minute Google Meet scheduling without account-manager bureaucracy

Measurable Outcomes

100
Performance Score
Zero-framework vanilla architecture scoring 100 on Google PageSpeed
< 50 KB
Bundle Size
Total CSS and JavaScript footprint for instantaneous initial load

Created a distinct, warm, and highly functional studio identity that establishes instant credibility and highlights the founding team's combined design and engineering strengths.

Visual Artifacts & Gallery

  • Studio Hero & Positioning — 'We design brands, websites, and edit marketing videos' with direct founder access hook (Asset: /assets/projects/clandest/clandest-hero.webp)
  • Featured Video Projects & Capabilities — Filterable direct-response VSLs, commercial product ads, and short-form UGC showcase (Asset: /assets/projects/clandest/clandest-services.webp)
  • Origin Story & Founding Team — 'From Munshiganj Polytechnic to Clandest' highlighting four-discipline team cohesion (Asset: /assets/projects/clandest/clandest-founders.webp)
  • Direct Intake & Conversion Funnel — 1-click WhatsApp/Google Meet booking and frictionless consultation form (Asset: /assets/projects/clandest/clandest-contact.webp)
Visit Live Production Project ↗