<aside> 💡

Overview

• Project Type: Personal Design & Development Project
• Role: Designer, Front-End Developer
• Tools: Figma, HTML, CSS, JavaScript

The focus was on minimalist design, readability, and smooth navigation to keep recruiters and visitors engaged.

</aside>

Final Design → *Personal Website *

📊 Research

Before designing, I looked at portfolios from early-career software engineers and designers.

I noticed:

• Overly flashy sites distracted from the work
• Recruiters preferred fast load times and clear navigation
• Mobile optimization is crucial since many first impressions happen on phones

🎨 Design Process

• Wireframe in Figma – Planned a 3-page structure: Home, About, Projects.
• Visual Style – Neutral background, black accents, one consistent font pairing.
• Interactions – Hover states, smooth scrolling, and fade/slide animations.
• Responsive Layout – Designed desktop, tablet, and mobile versions before coding.