Tools: Building My Personal Portfolio Website: Design, Decisions and Growth

Building My Personal Portfolio Website: Design, Decisions and Growth ## Why I Decided to Rebuild My Portfolio ## Design & UI Approach ## Technical Perspective ## Challenges & Learnings ## What’s Next ## Final Thoughts 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. A portfolio is often the first interaction someone has with a developer. I wanted mine to clearly answer three questions: Rather than overloading it with animations or unnecessary complexity, I chose to focus on clean structure, readable content and purpose-driven design. My primary focus was on keeping the interface modern yet minimal. I paid close attention to: 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: From a technical standpoint, I focused on building a structure that is: The goal wasn’t just to make something that looks good but something that is practical, efficient and future-ready. 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: Each section I complete adds more clarity—not just to the website but to my own development process. This is still a work in progress. Upcoming improvements include: I believe in building in public, sharing progress honestly and improving step by step. 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 _ Templates let you quickly answer FAQs or store snippets for re-use. Some comments may only be visible to logged-in visitors. Sign in to view all comments. Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink. Hide child comments as well For further actions, you may consider blocking this person and/or reporting abuse - Who am I as a developer? - What skills do I bring to the table? - How do I approach design and user experience? - Layout hierarchy to guide the user naturally - Typography for readability and balance - Spacing and alignment for a clean visual flow - Responsive across different screen sizes - Easy to maintain and extend - Cleanly organized for scalability - How small UI decisions impact overall UX - The importance of testing designs across devices - Writing cleaner more reusable code - Additional sections with more detailed content - Performance optimizations - Refining responsiveness and accessibility