Built with Framer
Leukocare Website Redesign and Development
Nima Zaeimzadeh
Verified
Built with Framer | CMS-First Approach | Responsive Design
🔗 Final Product: www.leukocare.com
📌 Project Overview
A complete redesign and development of Leukocare’s corporate website — a biopharmaceutical company specializing in drug development. The goal was to modernize their digital presence with a sleek, content-rich, and highly functional platform while maintaining scientific rigor.
✨ Key Features
✔ Custom CMS Architecture
Built 12+ dynamic CMS collections (Services, News, Webinars, etc.)
Conditional logic for sections (hide/show based on content)
Complex relational fields for connected pages
✔ Advanced Components
Interactive image overlays (custom solution beyond Framer’s native features)
Dynamic testimonial sliders with arrow navigation
Animated video sections (optimized for performance)
FAQ systems with toggle functionality
✔ Pixel-Perfect Responsiveness
3 breakpoints: Desktop (1200px max-width) | Tablet (920px) | Mobile (335px)
Dedicated mobile/tablet navbars
Consistent margins/padding across 30+ pages
✔ SEO & UX Optimized
CMS-driven News/Publications with search/sort functionality
Breadcrumb navigation for multi-level services
Social media integration
🌐 Page Highlights
Homepage
Hero video with optimized background
Dynamic "Latest News" and "Upcoming Webinars" sections
Services Ecosystem
Parent/child CMS structure (e.g., Drug Development Services)
Case study grids with expandable images
News & Resources Hub
Filterable Publications database
Downloadable resources (flyers, posters)
Client Testimonials
Redesigned cards with quoted testimonials
Legal Pages
Automated CMS templates for easy updates
⚙️ Development Process
Content Audit
Mapped 30+ existing pages to new CMS structure.
Template Selection
Customized a Framer template for rapid development.
CMS Architecture
Built collections with Superfields for advanced field types.
Custom Code
Added image zoom (non-native to Framer).
Implemented dynamic navigation logic.
QA & Optimization
Tested across 10+ devices.
Compressed all media (50% faster load times).
🎯 Challenges & Solutions
🔧 Challenge: CMS limitations for mid-page case studies. 💡 Solution: Structured content into dedicated sections.
🔧 Challenge: Mobile navbar bugs. 💡 Solution: Rebuilt from scratch with device-specific variants.
This project pushed Framer’s capabilities to create a content-heavy, scientifically accurate site that feels modern and engaging — all delivered in a tight 2-week timeline.
Like if you love it ❤️ Thanks!
Let's work together!
Like this project
Posted Jun 27, 2025
Redesigned Leukocare's website with a modern, content-rich platform using Framer.
Likes
1
Views
2
Timeline
Jun 24, 2025 - Ongoing
Clients
Leukocare
AIO Website — Designed & Built in Framer
Trojan Monkeys Website Redesign | Framer
Email Designs: Milky Plant (Part 2)
Sicio - AI Automation Agency (UI/UX - Framer)
