Portfolio Front-End
Case Study | UX UI Design | Front-End Development | HTML5 | CSS | Desktop Responsive | VS Code | Desktop only | Live Demo at the end of the page
Role:
Front-end Developer
Project type:
Case Study | Self proposed
Challenge
Year:
2025
Project Overview:
Driven by a desire to deepen my understanding of how design translates into real code, I challenged myself to rebuild my own Wix portfolio homepage entirely from scratch using HTML and CSS. This self-initiated project was not about redesigning, but about understanding the bridge between design and development. translating visual hierarchy, layout decisions, desktop responsive front-end code
Challenge:
Deepen my understanding in Front-end development by applying it hands on practice, resposiveness was made for desktop only
My Actions/Solution
Analyzed the Wix layout structure and recreated it entirely using HTML and CSS
Focused on maintaining animations, spacing, and proportions consistent with the original design
Static design:
Links
Code:
Interactive website:
Takeaways
-
Deepened my understanding of how design decisions directly impact front-end development.
-
Strengthened my ability to think like a developer while keeping a designer’s perspective.
-
Improved my grasp of responsive layouts, CSS structure, and code maintainability.
-
Learned the importance of testing layouts across multiple screen sizes and devices.
-
Reinforced the value of continuous learning through self-initiated projects.