Green Roof Infrastructure Network (GRIN)
Tools:
WordPress, Elementor, Mailerlite, Google Analytics, Search Console. Cloudflare.
Overview
When Grin BC reached out, their existing website was live but far from effective. Despite having the basics in place, the site struggled to retain visitors and convert engagement into meaningful action. The problems included:
Outdated and unattractive design.
- Difficult backend management, making updates a challenge.
- Poor mobile responsiveness with tiny text that disrupted readability.
- Slow loading times on both desktop and mobile.
- Unappealing color choices and typography that reduced visual impact.
- High bounce rate and low user engagement.
- Limited online visibility due to poor optimization.
These issues combined to create a frustrating experience for users and reduced the website’s ability to properly communicate the organization’s mission.
The Process
Before starting the redesign, I held several strategy meetings with the Grin team to fully understand their goals and the functionality they wanted. I also conducted a competitor analysis to see how other organizations in the same space presented themselves online.
From there, I created a clear redesign plan focused on three core goals:
Improve user experience and engagement.
Modernize the design to better reflect the organization’s vision.
Optimize performance, both technically and for search engines.
The Solution
The redesign introduced a fresh, user-friendly website built for both performance and long-term management. Key improvements included:
Fully Responsive Design: A mobile-first approach ensuring the site adapts perfectly across devices.
Faster Loading Speeds: Implemented image and code caching to deliver smooth, quick navigation.
Modern Look & Feel: Revamped typography and color choices to create a more inviting experience.
Interactive Blog Section: A new space for publishing updates and thought leadership content.
Newsletter Integration: Built a subscription feature so visitors can stay updated with ease.
SEO Optimization: Incorporated relevant keywords and structured content for better search visibility.
Analytics Integration: Set up Google Analytics so Grin can measure performance and track visitor behavior.
Results
The response from the Grin BC team was overwhelmingly positive. The new site not only solved the earlier design and performance issues but also positioned the organization with a strong digital presence. The Board of Directors personally commended the work, highlighting the transformation in both look and functionality.
The redesigned website is now faster, easier to use, and better aligned with Grin’s mission, offering visitors a clear, engaging, and professional experience.