Client: Infiniti Recycling
Scope: 5–7 Page Website · Desktop + Tablet + Mobile Responsive
Deliverables: Figma Design + Framer Development
Role: Product Designer & Framer Developer
Overview
Infiniti Recycling came to us to redesign and rebuild their existing site in Framer — moving from a static, hard-to-update presence to a modern, credibility-driven platform their team can manage internally. The brief pointed to references like Rare Earth and Magnotherm: refined, industrial, and confidently editorial. Our job was to bring that same level of polish to a sector that rarely gets it.
The Challenge
Recycling and materials companies tend to default to two looks — overly corporate stock-photography sites, or overly green eco-cliché. Neither matches Infiniti's actual positioning: a serious, technically credible operation with real expertise to communicate. The redesign needed to lift the brand into the same visual tier as modern industrial and deep-tech companies, while keeping the site simple enough for the internal team to update without designer or developer help.
Approach
We ran the project in two tight phases, with shared foundations built up front.
Foundations. Studied Rare Earth and Magnotherm to map the visual language the references share — editorial typography, generous spacing, considered use of imagery, and a quiet confidence in layout. Defined Infiniti's design tokens, type scale, and grid system before touching individual pages so the system stayed coherent.
Figma design. Designed a desktop-first system covering all 5–7 pages, with tablet and mobile breakpoints worked out as part of the same pass rather than as an afterthought. Built a clear content hierarchy across pages so authority and expertise come through on scan, not just on read. Ran up to two structured revision rounds per page to lock direction before build.
Full page · scroll
Framer development. Translated the Figma file into a fully responsive Framer build using a clean component structure designed for non-technical edits. Set up CMS collections where ongoing content needed it (news, case studies), wired basic SEO across every page, and optimized for performance. Wrapped the handoff with a Loom walkthrough so the team can manage updates on day one.
Deliverables
- Figma design — complete desktop-first system with responsive layouts for desktop, tablet, and mobile
- Design system — typography, spacing, and layout tokens built for consistency
- Framer build — full responsive site with clean, editable component structure
- CMS setup — for any sections requiring ongoing updates
- SEO foundations — meta titles, descriptions, and structured page hierarchy
- Performance optimization & deployment support
- Loom walkthrough — recorded handoff covering everyday site management
Solution Highlights
- Editorial typography and spacing system inspired by the references, tuned for Infiniti
- Content hierarchy designed to communicate expertise on first scroll
- Imagery treatment that signals industrial credibility without leaning on cliché
- Fully responsive across breakpoints, designed natively rather than scaled
- Component structure built so the internal team can edit copy, swap media, and publish updates without dev support
Outcome
A modern, refined website that finally matches the level of expertise Infiniti operates at — and a Framer build their team can own end-to-end. The new system gives them a credible digital front door for partners and clients, and the autonomy to keep it current without a redesign cycle.