Overview
"Whatever the Weather" is a responsive weather forecasting app I designed and developed from the ground up using HTML, CSS, and JavaScript. I applied the full UX design process — from user research and wireframing to testing and UI implementation — then brought it to life with a clean, responsive frontend build in VS Code. The goal was to create a simple, visually engaging tool that’s intuitive and useful on any device.
ROLE
UX/UI Designer & Frontend Developer
TOOLS
VS Code, HTML5, CSS3, JavaScript, Figma, Notion
Responsibilities
Conducted light UX research and competitor analysis to identify user expectations
Designed wireframes, colour systems, iconography and visual hierarchy in Figma
Developed web-first, accessible layout using semantic HTML and CSS flex/grid
Integrated dynamic JS functions for real-time weather data and visual transitions
Tested iteratively and refined the UI based on feedback and usability patterns
════════════════════════════════════════════
Outcome
Built a fully functional, responsive web app from the ground up
Strengthened end-to-end UX/UI design skills
Developed practical frontend skills and confidence working with APIs, layout, and user interaction logic
Featured in my portfolio as a hybrid creative/dev piece
Takeaway
“This project was a full-circle experience — I got to research, design, and build a real product that solves a simple need with clarity, charm, and code.”