CASE STUDY2 MIN READ2025

Case study of Personal Portfolio

This case study of Personal Portfolio will cover the project's background, problem statement, proposed solution, and my responsibilities.

Project detail image
Project detail image
Project detail image
About Personal Portfolio
🚀

Developed my personal portfolio website from scratch to showcase my projects, skills and more. Designed initially in Figma and built using Next.js and Tailwind CSS.

Problem Statement
Following is a list of the obstacles
  • No Online Presence. I previously lacked a dedicated platform to display my projects and limiting my visibility in the tech industry.
  • Project Showcase Needs. There was a need for a centralized, accessible space to present my projects with detailed descriptions and visuals.
Proposed Solution
💡
Following is a list of the solutions
  • Modern Tech Stack. Built the website with Next.js for a fast, scalable framework, paired with Tailwind CSS for responsive and efficient styling.
  • Project Showcase. Developed dedicated sections to display projects with descriptions, visuals, and outcomes.
My Responsibility
🎯
Following is a list of my responsibilities
  • UI/UX Design. Created wireframes and high-fidelity designs in Figma, focusing on intuitive navigation, visual hierarchy, and a modern aesthetic.
  • Frontend Development. Built the website using Next.js, implementing dynamic routing, server-side rendering, and static site generation for optimal performance.
Highlights
📌
App Link

Visit live app:

My Role
  • Frontend Developer
Tags
  • #WebDevelopment
Contributors
  • Hatta Ghazali

    Frontend Developer

Other Projects