Website Redesign
Overview
As a school project I redesigned the website for Sea Smart a social impact organization focused on youth ocean conservation education. The goal was to create an engaging, accessible experience across devices while clearly communicating their mission.
This project strengthened my approach to responsive design, with a focus on user needs and mission driven storytelling.
Research & Visual Direction
I started by analyzing similar organizations to understand industry standards and best practices. From this, I developed a mood board that reimagined Sea Smart’s identity while staying true to its core values.
It defined the brand’s tone, target audience, and guided key visual decisions, including typography and colour.
Accessibility & Design Foundations
Accessibility was central throughout the process. I iterated through several colour palettes, testing each for contrast compliance until I found one that was both visually cohesive and accessible. These decisions provided a strong visual foundation, ensuring the design was not only appealing but also inclusive and user-friendly across devices.
Interactive States
Designing Clear and Consistent Interactions
I identified the interactive elements in my design, such as buttons, cards, and menus, and created each interactive state for each component. The interactive states include enabled, disabled, archive, hover, and focused. I also built interactive states for bigger concepts, such as navigation and forms.
Before and After
Reflection
This project reinforced that accessibility is foundational to good design, shaping every stage of the process and strengthening the overall experience.
Moving forward, I would incorporate more user research and testing such as A/B testing and eye tracking to validate decisions and further improve usability.
