Infiniti Recycling Website Redesign

Client: Infiniti Recycling Scope: 5–7 Page Website · Desktop + Tablet + Mobile Responsive Deliverables: Figma Design + Framer Development Role: Product Designer & Framer Developer

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.

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.

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.

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.

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

Loom walkthrough — recorded handoff covering everyday site management

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

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.