Built with Framer
Theo Cole — Floating Portfolio
Max Iriani
Live site: https://theocole.framer.website
Theo Cole — Floating Portfolio
A portfolio experience designed to help creatives turn their work into a memorable personal brand.
Role: Product Designer, Brand Designer & Framer Developer
Services: UX Strategy, Web Design, Interaction Design & Framer Development
01 — The Challenge
Creating a portfolio that goes beyond showcasing projects.
Most creative portfolios focus on displaying previous work, but they often miss an important opportunity: communicating the person behind that work.
Designers don't just need a place to upload projects. They need a digital experience that builds trust, communicates their personality, and positions them professionally from the first interaction.
02 — The Strategy
Turning a portfolio into a personal brand experience.
The goal behind this portfolio was to create a system where the designer becomes the main focus, while projects act as proof of expertise.
Every decision was made around creating a balance between personality, storytelling, and usability — allowing visitors to understand who the designer is before exploring their work.
03 — The Hero Experience
Designing the first impression.
The homepage was built around a simple idea: your portfolio should immediately communicate your identity and the quality of your work.
Instead of presenting projects as static thumbnails, the floating cards create a dynamic exploration experience that encourages curiosity and interaction.
04 — Visual Direction
Minimal design focused on creative expression.
The visual system was intentionally kept minimal to create space for the designer's work to stand out.
Strong typography, generous spacing, and subtle interactions create a premium editorial feeling while maintaining clarity and usability.
05 — Designing a scalable portfolio system
Since this was designed as a flexible portfolio system, the challenge was creating a structure that could adapt to different creative disciplines while maintaining a consistent experience.
06 — Development & Interaction
Bringing the concept to life in Framer.
Framer allowed the experience to move beyond static layouts by combining powerful interactions with a flexible editing experience.
The final build focuses on delivering a premium browsing experience while keeping customization simple for creatives without technical backgrounds.
07 — Final Outcome
It is more than a portfolio. It is a framework designed to help creatives present themselves with clarity, confidence, and personality.
A digital foundation built to transform a collection of projects into a memorable professional presence.
About Page
Works Page
Case Study
Like this project
Posted Jul 9, 2026
A portfolio experience designed to help creatives turn their work into a memorable personal brand.
Likes
1
Views
0
Timeline
May 4, 2026 - May 18, 2026
