CDSLWebRebrand
From static site to immersive digital experience.
Complete platform migration from Astro to Next.js to enable advanced interactivity and premium design patterns.
Project Information
Client
CDSL (Internal)
Year
2026
Role
Lead Architect
Scope
- Re-platforming
- UI/UX Design
- Performance Optimization
Overview
A strategic technical migration and visual rebranding initiative to transform the corporate website from a static informational site into a dynamic showcase of engineering capabilities.
The Challenge
The legacy Astro-based architecture, while performant for static content, struggled to support complex, stateful animations and the seamless page transitions required for the new "Show Don't Sell" design philosophy. The previous design also lacked the premium, engineering-focused aesthetic desired.
The Solution
Migrated the entire codebase to Next.js 16 (App Router) to leverage React Server Components for performance while enabling rich client-side interactivity. Implemented a sophisticated design system using TailwindCSS and complex scroll-linked animations with Framer Motion. Introduced a "dark mode" centric aesthetic with glassmorphism and micro-interactions.
Technology Stack
Framework
- Next.js 16
- React
- TypeScript
Styling
- TailwindCSS
- Framer Motion
Legacy
- Astro
Key Impact
Successfully launched a high-performance, visually stunning platform with fluid page transitions and interactive storytelling elements. The new architecture allows for rapid feature deployment and better showcases the team's technical prowess.
Code Architecture
New Design System
"The shift to Next.js wasn't just technical—it unlocked a level of creativity and interactivity that was simply impossible before. The site now feels alive."
