UX/UI
StrandGut — Responsive Web Design
Project overview
Design a responsive website that helps people discover beach clean-ups and join a community. Bring events, recycling information and ways to get involved into one clear structure.
- Context
- University coursework · Responsive Web Design
- My role
- UX/UI Designer
- Software
- Methods
- Personas, Information architecture, Responsive design, Prototyping
My contribution
I developed the user-interface concept and desktop and mobile layouts for the homepage, events, recycling and team pages.
Process
Three personas, moodboards and a sitemap helped organise the content around the community’s needs. A style guide kept colour, type and interface elements consistent.
I adapted the page layouts for desktop and mobile and connected the designs in a Figma prototype. The exported screens show how the same content changes across screen sizes.
Result
An interactive Figma prototype, exported page designs and a supporting style guide for the StrandGut website concept.
Project Gallery
Scroll to see the full page.
1 of 5