CartoonHouse – A Creative Agency Empowering Brands Through Design & Storytelling
Built a dynamic and visually expressive website for CartoonHouse, a creative agency in Gampaha, Sri Lanka — highlighting their services, portfolio, and design philosophy in a bold, immersive format.
Role
Full Stack Designer & Developer
Skills
Creative Web Design, Responsive Frontend Engineering, Animation & Interaction Design, Portfolio Architecture, SEO & Performance OptimizationTechnologies
Next.js, Tailwind CSS, Framer Motion, React Icons, EmailJS, Vercel
Overview
CartoonHouse is a creative agency based in Gampaha, Sri Lanka, offering branding, animation, and digital media services to help businesses stand out through visual storytelling. I was responsible for designing and developing their online presence to reflect their bold, fun, and expressive brand identity. The website is fully responsive and performance-optimized, showcasing past work, service offerings, and a clear call to action for potential clients.
Challenges and goals
The main challenge was to create a website that felt as expressive and imaginative as the brand itself — using bold colors, animated visuals, and smooth transitions to reflect their creative spirit. It also needed to be structured for scalability, with an easy-to-update portfolio section and contact flow optimized for conversions.
Deliverbles
Creative Web Design
Crafted a vibrant and bold UI to match the brand’s visual identity.
Animated UI Elements
Used Framer Motion to add playful micro-interactions and transitions.
Responsive Layout
Optimized for all screen sizes, ensuring a consistent experience across devices.
Portfolio Showcase
Developed a modular portfolio section to display past work and case studies.
SEO & Speed Optimization
Focused on accessibility, image optimization, and fast loading speeds.
Custom Contact Integration
Implemented an EmailJS-powered contact form with validation.
Approach
Visual Identity & Design Language
Developed a bold and colorful design system inspired by CartoonHouse’s creative tone — integrating playful fonts, animated elements, and strong CTAs.
Mobile-First Layout & Performance Focus
Started with mobile-first principles, ensuring fast load times and touch-friendly navigation for a wide audience.
Interactive Animations & Transitions
Added subtle but impactful animations using Framer Motion to bring energy and movement to the interface.
Easy-to-Update Portfolio System
Built the portfolio using a scalable card/grid layout that allows new work to be added without disrupting the design structure.
Outcome
CartoonHouse's new website captured the agency’s creative personality and helped improve engagement with clients. The expressive design, mobile responsiveness, and seamless UX led to increased contact inquiries and stronger brand presence online. The scalable build ensures the site can grow alongside their expanding portfolio and creative offerings.