Urban Gardening Initiative
Mock Nonprofit Website
A concept nonprofit site built in Webflow to practice responsive design, animation, and storytelling for an environmental cause. The three-page site simulates a small international organization connecting communities through urban gardening, with fully functional navigation, scroll interactions, and internal form submissions.
The Problem & Goal
Problem
Nonprofit sites often sacrifice design quality for function. This project was a chance to explore whether both could coexist within a single platform's native tools.
Goal
Design and develop a self-contained three-page nonprofit website demonstrating interactive design, internal navigation, and responsive layout entirely within Webflow.
The Process
01 — Wireframe
Mapped content hierarchy and user flow across three pages, Home, About, and Resources, prioritizing smooth internal navigation and a clear storytelling arc from awareness to action.
02 — Development
Currently in active development in Webflow, integrating scroll animations, hover effects, and responsive interactive elements using Webflow's native CMS and interactions. The goal is a contained experience where everything works without leaving the site.
Preview
2025 Snapshot
Work in Progress
