Case Study · September–December 2025
This Portfolio — Design & Build
I designed and built a personal portfolio system to improve my professional online presence and showcase UX, branding, and development work.
This project was completed as part of my Working In A Digital World module. The brief was to create professional materials that would support the move into industry.
I hand-coded the portfolio in VS Code, designed a business card in Figma, and created an Instagram page to share work in a more visual and accessible format.
01 — Creative Direction
A minimal system led by the work
I drew inspiration from clean portfolio sites and unconventional side navigation, using a restrained layout so each project could become the focus.
02 — Process
Sketching structure before building in code
Early hand sketches helped me decide how sections should stack and how Flexbox layouts should behave before moving into detailed development.
03 — Feedback
Peer testing shaped the final decisions
- Case studies — Needed more depth and clearer storytelling
- Projects page — Preview descriptions were too long
- Accessibility — Some red text had weak contrast on dark backgrounds
04 — Adaptation
A clearer portfolio with stronger hierarchy
- Stories — Added problem-to-solution case study structure
- Cards — Reduced previews to make scanning faster
- Mockups — Replaced confusing screenshots with composed visuals
- Colour — Adjusted contrast for better readability
05 — Work In Progress
Iteration from early project layouts
The Projects page began as a simple stacked list before moving toward a visual grid with preview images for each project.