Project Portfolio Web App

UX Design & Web Development
Role: UX Designer & Web Developer | Context: Personal Project
Language/Tools HTML/CSS, AWS (C3 + Cloudfront), Git, Github Actions


Overview

I designed and built my personal portfolio website as a product for recruiters and collaborators, prioritizing clarity, scannability, and fast load performance. The site is structured to surface project impact quickly while allowing deeper exploration through dedicated project pages.


Goals


Process

I started by prototyping the site structure and content hierarchy in Figma, prioritizing how users scan rather than read. Early design decisions included:

Before implementation, I created a low-fidelity wireframe in Figma to validate layout and information hierarchy.

Portfolio wireframe

Implementation

The site was implemented using lightweight HTML/CSS and deployed on AWS with CDN-backed delivery via CloudFront. This approach prioritizes:

Although the site is currently lightweight, this infrastructure supports future scaling as more projects and media are added.

The source code is hosted on GitHub, with GitHub Actions used to automate deployment. This CI/CD setup enables quick updates while maintaining reliability and consistency across releases.


Next Steps

To keep the experience minimal while gathering essential insights, I plan to add lightweight web analytics (e.g., Google Analytics) once traffic increases. This will help me understand:

These insights will inform future iterations without compromising performance or simplicity.

Back to Projects