Badge Folio — Framer Portfolio with an ID Badge Hero
Will Maruiti
Badge Folio is a portfolio template for web designers, built in Framer. The hero is a hanging ID badge on a lanyard that you can grab and move. It holds your name, photo and role, so you're introduced in the first second.
Below the hero, the site works like a short pitch: a clear statement, an About section, four services, selected projects and client results.
My work: Concept, design and Framer development, including the interactive badge hero.
Home page
Contact, built around the badge
Work with me
What's inside
Interactive badge hero with your name, photo, ID and department
Oversized "DESIGNER" headline with a two-line positioning statement
About section
Services: Web Design, UI/UX Design, Visual Identity, Design Systems
Selected projects and client results
Who it's for: web designers, UI/UX designers and Framer developers who want a portfolio that people remember.
Remix it in Framer → https://framer.link/Z5xueKE
Live preview → https://badgefolio.framer.website/
Like this project
Posted Nov 5, 2026
A Framer portfolio template for web designers, with an interactive ID badge hero, services, selected projects and client results.
Likes
0
Views
0
