My Portfolio – Built in Framer

As a product designer, I needed a central platform to clearly communicate my value to recruiters, clients, and collaborators. My goal was to create a portfolio that not only showcases my skills and process but also builds trust and highlights the real business impact of my work.

This wasn’t just about showcasing pixels. It was about telling a story of growth through design. I wanted to create a portfolio that makes it easy for anyone visiting, whether a hiring manager, founder, or fellow designer, to immediately understand how I think, what I do, and the results I’ve delivered.

Before this site, I didn’t have one clear place that really showed who I am, how I work, and the results I bring. My stuff was scattered across different platforms, and none of them told the full story. I needed a proper home for my work, somewhere my projects, testimonials, and personality could all live under one brand.

I started with a clear strategy: understand who I was designing for. After brief research was made, I identified three main visitor categories: recruiters and hiring managers looking to evaluate my skills and process, product leads and clients interested in business-aligned design, and fellow designers curious about polish, style, and methodology.

Each group had specific needs. Recruiters needed quick access to my projects and processes. Clients wanted proof of results and real-world impact. Designers were more drawn to visuals, tools, and workflows for inspiration.

With that in mind, I made sure the experience felt structured and easy to explore. I organized the content around key sections: a clear, engaging hero, featured projects, my design process, a tools showcase, testimonials, a detailed About page, FAQs, dedicated project pages, and multiple CTAs to connect.

To bring it all together, I used Figma for ideation, layout planning, and visual assets, and built the entire site in Framer for its smooth design-to-development workflow, responsive controls, and flexibility in crafting interactions and storytelling.

One major challenge was catering to multiple audiences within a single website without overwhelming anyone. I solved this through content prioritization and navigation clarity, ensuring each persona found the information most relevant to them fast.

Another challenge was crafting an “About Me” section that felt human and authentic rather than generic. To address this, I combined visual storytelling with real metrics, professional insights, and a touch of personal narrative.

Building a high-impact site with animations and visuals on Framer also presented performance risks. I mitigated this by compressing images, using native Framer interactions efficiently, and reusing components where possible to ensure smooth performance.

The final portfolio is a polished, scalable digital representation of my work and design thinking. It’s not just a gallery - it’s a conversation starter. Every section was built with intent, every line of copy crafted to resonate with one of the audience segments I defined.

I hosted the platform for testing, and around 100 designers explored it. 99% of them gave positive feedback, reinforcing that the experience genuinely stands out. The clear organization, visual storytelling, and conversion-focused layout have already started generating more conversations and inbound interest.

In just two days of launching the portfolio to the public, 600+ unique visitors had already explored the website, and a good average engagement time was recorded. These early results confirm that the structure and storytelling approach are resonating.

This project reaffirmed the power of audience-first design thinking. It taught me that even for personal projects, clarity of message and structure matter just as much as visual design.

It also showed me the strength of Framer as a prototyping-to-production tool, allowing me to build something refined, responsive, and scalable, without needing to code.

In the longer term, I’ll continue evolving the site to reflect my journey, adding new projects, testimonials, a blog, and perhaps even interactive experiments to deepen engagement.