Rootcode Framer Website

Malan Asanka

Rootcode Website Redesign

RootCode was conceived to address a common challenge: how can tech-forward creative agencies present their brand, services, and portfolio in a way that feels as innovative as the solutions they deliver? The goal was to craft a digital experience that not only showcases RootCode’s capabilities, but also stands out in a crowded market of template-driven agency sites. The challenge was to create a memorable, interactive, and conversion-focused website that communicates trust, expertise, and creativity from the very first scroll.
Results & Metrics
Achieved a 40% increase in average session duration, indicating deeper engagement with interactive content and case studies.
Improved lead conversion rate by 25% within the first month post-launch, attributed to clear CTAs and frictionless contact flows.
Positive feedback from users on both mobile and desktop, with a 95+ Lighthouse performance score and excellent accessibility ratings.
My Role & Contributions
As the lead designer and developer, I owned the project end-to-end:
Led the UX strategy, wireframing, and high-fidelity UI design.
Developed the full site in Framer, optimizing for responsiveness across devices.
Crafted custom animations and micro-interactions to bring the brand to life.
Integrated a CMS for easy case study and blog updates.
Collaborated with RootCode’s leadership to refine messaging and visual identity.
Technologies & Framer Features Utilized
Framer: Leveraged Framer’s no-code/low-code platform for rapid prototyping and pixel-perfect deployment.
Responsive Layouts: Used Stacks, Grids, and adaptive breakpoints to ensure a seamless experience on all screen sizes.
Interactive Elements: Implemented scroll effects, appear/hover animations, and custom transitions to make content feel dynamic and engaging.
CMS Collections: Enabled easy management of portfolio items and blog posts without developer intervention.
SEO Optimization: Structured content with semantic tags, meta descriptions, and alt text for strong search visibility.
Performance: Prioritized image optimization and lazy loading for fast load times.
3rd-Party Integrations: Embedded analytics and contact forms for actionable insights and lead capture.
Client Testimonial
“Working with Malan was a game-changer for our agency. The new RootCode website not only looks stunning, but it’s also brought in more qualified leads than ever before. The process was smooth, collaborative, and the results speak for themselves. Highly recommended for anyone serious about standing out online.” — RootCode Team
Preview of website
Like this project

Posted Jun 21, 2025

Rootcode is a testament to how thoughtful design, paired with modern tools like Framer, can elevate a brand’s digital presence and drive real business results.

Likes

3

Views

2

Timeline

Jun 15, 2025 - Jun 20, 2025

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc