Mai Lee | Web Designer & Digital Media Specialist

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.

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.