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
- Work was organized into time-boxed sprints with clearly defined goals
- Tasks were broken down and tracked across engineering, animation, and design
- Regular stand-ups and reviews ensured fast feedback and goal alignment
Process
I started by prototyping the site structure and content hierarchy in Figma, prioritizing how users scan rather than read. Early design decisions included:
- Separating projects into individual pages for focused storytelling
- Minimizing text density
- Leading with outcomes and impact before process details
Before implementation, I created a low-fidelity wireframe in Figma to validate layout and information hierarchy.
Implementation
The site was implemented using lightweight HTML/CSS and deployed on AWS with CDN-backed delivery via CloudFront. This approach prioritizes:
- Fast global load times
- Low operational overhead
- Easy iteration as content grows
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:
- Who the audience is
- Which projects receive the most attention
- How users navigate this site
These insights will inform future iterations without compromising performance or simplicity.
Back to Projects