I designed and developed my personal portfolio website to clearly communicate my design philosophy, services, and work. The goal was to create a minimal yet expressive digital presence that reflects how I approach design as clarity, translation, and emotion, not decoration.

Role: Web Designer & Developer Tools: Figma (design) → Framer (development)

As a personal brand, the site needed to balance simplicity with depth. The main challenge was translating abstract values identity, emotion, and purpose into a clear user experience, while maintaining strong visual consistency from design to development. I also wanted full fidelity between Figma and Framer without sacrificing responsiveness or performance.

I started in Figma by defining a visual identity built on typography, spacing, and balance. The layout focuses on hierarchy and flow: a clear hero statement, followed by services, selected work, and a direct call to action. Copy and visuals were treated as one system, ensuring the messaging reinforced the design concept.

Clear narrative from landing to contact

Minimal, confident visual language

Strong typography and whitespace for clarity

After finalizing the designs, I rebuilt the site in Framer, translating the layouts, components, and spacing with high accuracy. Framer allowed me to maintain design precision while ensuring responsiveness across devices. I implemented reusable components, smooth layouts, and clean structure to keep the site performant and easy to evolve.

The result is a modern, conversion focused portfolio that communicates both my skill set and design mindset. It functions as a professional showcase, a personal brand statement, and a foundation I can scale with new projects and content over time.

Strong design starts with clear thinking and messaging

Designing and developing the same product ensures consistency

Simplicity, when intentional, creates impact