Partnering with Automattic Special Projects, I had the opportunity to lead the web design transformation of Regenerosity - a platform dedicated to connecting regenerative projects with funding and storytelling support. My role focused on creating an intuitive, visually compelling experience that reflects the project's values of sustainability, generosity, and global impact. Through thoughtful layout, cohesive branding, and a mobile-first approach, I helped shape a site that invites users to explore, engage, and support regenerative change around the world.

Initial Design Concepts

As part of the visual discovery process, I presented three Style Concepts to help the Regenerosity team explore potential directions for the site’s look and feel. Each tile showcased a unique combination of typography, color palette, UI elements, and photographic treatment—ranging from earthy and organic to bold and modern. Even though the design directions are vastly different, they lean heavily into the corporate guidelines for color and typography. 

First Round of Design Concepts

Second Round of Design Concepts

This collaborative exercise allowed us to align on a visual language that felt both grounded in the mission of regeneration and engaging for a global audience. The selected direction ultimately blended warmth with clarity, setting the tone for the final design.

Site Designs

Once the design direction was approved, I moved into creating comprehensive desktop and mobile layouts in Figma for the full Regenerosity.world website. I translated the chosen style into a scalable design system, incorporating flexible components, clear hierarchies, and responsive behavior. Each page was thoughtfully structured to guide users through storytelling, project discovery, and calls to action—while staying true to the values of regeneration and transparency. The final designs served as a blueprint for development, ensuring consistency and clarity from concept to launch.