Seaside Sustainability Homepage
ROLE | TIMEFRAME | TOOLS | FOCUS |
|---|---|---|---|
Web Designer / Team Lead | 2023 | Figma, Wix Studio (formerly Editor X) | Web Design and Prototyping |
Overview
This project is a homepage redesign for Seaside Sustainability, a community‑focused environmental initiative. The goal was to create a clean, impactful landing experience that clearly communicates the mission and directs visitors to key actions and resources.
Challenge
The original homepage lacked visual direction and clarity, especially for first-time visitors. Content felt dense, difficult to scan, and did not clearly prioritize the organization’s core programs or calls to action.
Previous Homepage
Wireframe
The homepage layout was structured around the SEA pillars - Sustainability, Education, and Action, dividing content into three dedicated sections with related pages grouped under each category.
Digital Mockup
I translated my wireframe into a digital mockup to explore layout directions and gather team feedback. This included reworking elements from the existing homepage, such as "What We Do," to test how content could be better organized. Through iteration, I refined a cleaner, more focused layout centered on the SEA Change mission — Sustainability, Education, and Action.
Solution
I redesigned the homepage with a strong focus on structure, clarity, and usability.
Key improvements included:
1. A prominent hero section with concise, mission-driven messaging
2. Strategically spaced content sections to improve readability and flow
3. Clear CTA buttons guiding users to "Donate", "Join the Team", and "Learn More"
Mission-Driven Hero Section
Concise mission messaging and a clear primary CTA immediately orient first-time visitors.
Well-Spaced Content
Increased spacing and a consistent section rhythm improve scannability and visual flow.
Action-Driven CTAs
Primary and secondary CTAs guide users toward "Donate", "Join the Team", and "Learn More".
Outcome
The updated homepage improves comprehension and engagement by foregrounding essential content, strengthening visual hierarchy, and creating a more intuitive, scannable experience for new and returning visitors.
Updated Homepage