DEV Community

Muhammad Yasir
Muhammad Yasir

Posted on

Building My Personal Portfolio Website: Design, Decisions and Growth

Building My Personal Portfolio Website: Design, Decisions and Growth

Over the past few days, I’ve been actively working on my personal portfolio website—not just as a showcase of projects, but as a reflection of my learning journey, mindset and growth as a developer.

This portfolio is being built with a clear goal in mind: clarity, simplicity and strong first impressions.


Why I Decided to Rebuild My Portfolio

A portfolio is often the first interaction someone has with a developer. I wanted mine to clearly answer three questions:

  • Who am I as a developer?
  • What skills do I bring to the table?
  • How do I approach design and user experience?

Rather than overloading it with animations or unnecessary complexity, I chose to focus on clean structure, readable content and purpose-driven design.


Design & UI Approach

My primary focus was on keeping the interface modern yet minimal. I paid close attention to:

  • Layout hierarchy to guide the user naturally
  • Typography for readability and balance
  • Spacing and alignment for a clean visual flow

The hero section plays a key role here—it sets the tone of the entire website and delivers the core message within seconds.

📸 Screenshot Placement:


Technical Perspective

From a technical standpoint, I focused on building a structure that is:

  • Responsive across different screen sizes
  • Easy to maintain and extend
  • Cleanly organized for scalability

The goal wasn’t just to make something that looks good but something that is practical, efficient and future-ready.


Challenges & Learnings

While working on this portfolio, I faced many big and small but important challenges—especially around layout consistency and responsive behaviour. Solving these helped me better understand:

  • How small UI decisions impact overall UX
  • The importance of testing designs across devices
  • Writing cleaner more reusable code

Each section I complete adds more clarity—not just to the website but to my own development process.


What’s Next

This is still a work in progress. Upcoming improvements include:

  • Additional sections with more detailed content
  • Performance optimizations
  • Refining responsiveness and accessibility

I believe in building in public, sharing progress honestly and improving step by step.


Final Thoughts

This portfolio is more than a personal website—it’s a snapshot of where I am right now as a developer and where I’m heading next.

Still building. Still improving. One section at a time.


If you’re also working on your portfolio or learning web development, I’d love to hear about your experience.

Connect With Me & View Related Posts

LinkedIn: https://www.linkedin.com/in/yasirawan4831
Medium: https://medium.com/@YasirAwan4831
All Links: https://yasirawan4831.github.io/futuristic-links-dashboard/


_#WebDevelopment #Portfolio #FullStackDeveloper #WebDevelopement #BuildingInPublic #MuhammadYasir #YasirAwan4831
_

Top comments (1)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.