I designed this personal portfolio website in Figma and developed it in Framer as both a service showcase and a technical exercise to implement everything I’ve learned about building scalable, professional websites.

Rather than using a template, I created a fully custom layout and took advantage of Framer’s system theme detection to deliver a seamless experience — automatically matching the visitor’s operating system theme (light or dark mode). I also added a manual theme switcher in the navigation, allowing users to choose their preferred viewing mode.

🎨 Figma → Framer Workflow – Full end-to-end process from design to development

🌗 Adaptive Theme Support – Detects OS-level light/dark mode and applies the correct theme automatically

🖱️ Manual Theme Switcher – Custom-built toggle for visitors who prefer to switch themes manually

⚡ Custom Components & Animations – Interactive service cards, smooth transitions, and motion details for a premium feel

🖥️ 4 Responsive Breakpoints – Carefully designed layouts for large desktops, small desktops, tablets, and mobile devices

🛠️ Scalable Structure – Built with reusable sections and clean implementation for long-term maintainability

This project represents my ability to deliver production-ready websites that combine thoughtful design, smooth interactions, and device-wide compatibility — the same quality I bring to client projects.