Built with Framer

Product Manager: Website Portfolio

Prosper Adaramola

Portfolio Website That Speaks Strategy & Aesthetics.

Design & Framer Build for a Product Manager
Design: Figma Build: Framer Focus: UX storytelling, responsive layout, visual hierarchy

Design Summary

A Product Manager portfolio website that clearly communicated their strategic mindset, experience, and product achievements without feeling like another generic resume site. The goal was to build something clean, professional, and interactive, where every section subtly reflected how they think about building products.
I designed a site that didn’t just look nice — but felt like it was designed by someone who understands clarity, usability, and storytelling.
About page
About page

Before: What Wasn’t Working

Before reaching out, the client’s online presence was scattered — a LinkedIn profile, a few Notion pages, and an outdated personal site built from a template.
It lacked:
A clear personal narrative
Visual hierarchy or flow
Mobile optimization
Engaging interaction (it felt static and text-heavy)
In short, the old experience didn’t capture their credibility or leadership as a product thinker.
Certificate & achievement section
Certificate & achievement section

After: What Changed

I designed and built a new Framer-based portfolio that’s fast, interactive, and minimalist — a digital space that immediately communicates clarity, confidence, and strategy.
Here’s what changed:
Stronger Storytelling Flow: Each section — About, Experience, and Case Studies — was restructured to tell a cohesive story of impact over tasks.
Visual System That Reflects Product Thinking: Clean grids, modular components, and subtle transitions mirror how a product manager structures decisions — intentional, functional, and data-informed.
Seamless User Experience: The navigation flows intuitively, with micro interactions that guide visitors through the content naturally without friction.
Performance & Accessibility: Built in Framer for speed, adaptability, and ease of future edits — ensuring a smooth mobile experience and pixel-perfect layout.
Woks page
Woks page

The Outcome

After launch, the results I saw:
More recruiter engagement within 2 weeks
Positive feedback from hiring managers on the site’s clarity and storytelling
A stronger online identity that instantly sets them apart from peers
Most importantly, the website now feels like an extension of their professional voice — not just another portfolio, but a personal product built to impress.
 Blogs and short stories page
Blogs and short stories page

Summary

This project wasn’t about flashy visuals — it was about building trust through simplicity. The result? A portfolio that communicates thoughtfulness, precision, and professionalism — everything you’d expect from a great Product Manager.
Like this project

Posted Sep 4, 2023

The portfolio goal was to build something professional, and interactive, where every section subtly reflected how they think about building products.

Clinical Care: Landing Page Design
Clinical Care: Landing Page Design
Payflow: Website & App Design
Payflow: Website & App Design

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc