Xelvo Creative
Performance-focused design agency platform with integrated admin system and lead management.
Project Overview
Originally scoped as a high-end landing page, this project evolved into a complete performance-driven agency platform. I transformed a modern Figma design into a pixel-perfect, animated Next.js application and proposed an integrated admin dashboard to replace manual lead handling workflows. The result was a scalable system combining marketing presence with operational efficiency.
Full Stack Engineer
- Converted complex Figma design into production-ready Next.js app
- Architected and built custom admin dashboard
- Implemented Supabase backend & storage system
- Built authentication & protected admin routes
- Developed CRUD operations for projects & testimonials
- Created structured lead management workflow
- Integrated GSAP animations for premium UX
1. Complex Premium UI Implementation
The landing page design required precise animation timing, structured layouts, and high visual fidelity across devices.
Solution
I carefully translated the Figma design into a responsive Next.js implementation using GSAP for smooth animations, ensuring pixel-perfect accuracy and consistent performance across screen sizes.
2. Building an Admin System from Scratch
The client initially requested only a landing page. However, the agency managed leads manually through external tools, creating inefficiencies.
Solution
I proposed and developed a full admin dashboard as an internal system. The dashboard allows CRUD operations for projects and testimonials, lead status management (qualified, rejected, converted, hired), resume handling, and real-time content updates — giving the agency full operational control.
3. Supabase Configuration & Security Policies
Setting up Supabase required database structuring, storage bucket configuration, row-level security policies, and authentication handling.
Solution
I configured secure database schemas, implemented Supabase authentication, hashed credentials using bcrypt.js, and established protected admin routes. Storage buckets were configured for project assets and resume uploads with proper access control.
High-performance marketing landing page
Custom-built internal admin dashboard
Structured lead qualification workflow
Secure authentication & data handling
Reduced manual agency operations
Project Recap
Built in 2024
Industry
Web Platform
Service
Full Stack Engineering
Tech Stack