Urban Gardening Initiative
Mock Nonprofit Website
The Urban Gardening Initiative is a mock nonprofit website built in Webflow to demonstrate responsive design, interaction, and storytelling for a global environmental cause. This three-page concept site simulates a small international organization connecting communities through urban gardening, featuring fully functional navigation, animations, and internal form interactions.
Duration
Ongoing
Role
Web Designer and Developer
Tools
WordPress
Figma
Adobe CC
Design
Development
Goal
To design and develop a fully functional three-page nonprofit website demonstrating interactive design, internal navigation, and responsive layout — all within Webflow’s native tools.
Development
Built entirely in Webflow using native CMS, interactions, and forms. The focus was on creating a contained, self-sufficient experience: all navigation, animations, and form submissions work internally without external redirects.
01 Wireframe
I mapped out content hierarchy and user flow to ensure smooth internal navigation between Home, About, and Resources without external links.
02 Design and Development
I'm currently building the full site in Webflow, integrating scroll animations, hover effects, and responsive interactive elements.
