Infiniti Recycling Website Redesign by Hakeem FramerInfiniti Recycling Website Redesign by Hakeem Framer
Built with Framer

Infiniti Recycling Website Redesign

Hakeem Framer

Hakeem Framer

Verified

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.
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.
Like this project

What the client had to say

It was fantastic to work with Hakeem. I was very impressed by his output and would recommend him to anyone looking to re-build a website in Framer!

Matthew oddy, Infiniti Recycling

Apr 7, 2026, Client

Posted Jun 23, 2026

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. Figma + Framer

Likes

1

Views

1

Timeline

Mar 9, 2026 - Apr 4, 2026

Clients

Infiniti Recycling