Green Oasis needed a website that could serve three very different audiences: homeowners looking for seasonal lawn programs, commercial property managers needing ongoing grounds maintenance, and industrial clients requiring province-wide vegetation control. We built a 15+ page Astro site with Storyblok CMS so they can manage pricing, job postings, and content without touching code.
15+ pages covering residential, commercial, and industrial service lines with dedicated service detail pages
Storyblok CMS integration for self-managed pricing tables, job postings, and blog content
Conversion-optimized quote forms with hero form, contact page, and service-specific CTAs throughout

Mobile Experience
Mobile-first design with sticky navigation, accordion service menus, and hero quote forms.

Service Segmentation
Clear residential, commercial, and industrial pathways let each audience find exactly what they need.

Pricing & CTAs
Three-tier seasonal pricing with a featured "Best Value" card and strategically placed quote forms.
Three-Segment Architecture
Dedicated sections for residential homeowners, commercial property managers, and industrial operators, each with tailored messaging, services, and CTAs for their specific needs.
Storyblok CMS
Headless CMS integration lets the team update pricing tables, publish job postings, and manage blog content without developer involvement.
Trust & Certification Display
Prominent certification grid (COR, ISN, Avetta, ComplyWorks, CNLA) and trust badges build credibility with enterprise clients.
We designed a clear three-segment architecture, each with its own landing page, service breakdowns, and tailored messaging. Homeowners see seasonal pricing programs and FAQ sections, commercial managers see fleet capabilities and agreement structures, and industrial clients see safety certifications and province-wide coverage.
The Storyblok CMS integration was critical for a business that updates seasonal pricing annually and posts job openings regularly. We built custom content models for pricing tiers, career listings, and blog posts so the team can make changes independently. The site ships with scroll-triggered animations, an image gallery carousel, structured FAQ data for Google rich snippets, and Netlify form handling on a static Astro foundation that keeps page loads under 2 seconds.
EXPLORE MORE PROJECTS
Phoenix Fence
Western Canada's leading fence manufacturer, supplier and installer since 1981. A complete rebuild that consolidated 119 legacy pages into 36, with a mega menu spanning every fence system, a 183-document spec library, and a custom estimate engine that routes every lead to the right branch.
Read Case Study
TKA Custom Printing
One of our most detailed designs yet: a fully custom e-commerce platform for a 3D printing company based in Edmonton, with a hero that prints itself into place, generated layer-line textures, scroll animations that build like a 3D print, a 105-colour library, secure Helcim checkout, and a fundraising engine that sends 20% of every order to a local school or club.
Read Case Study
BioSciAI
The investor-ready home of a University of Alberta AI startup building next-generation diagnostics for fungal pathogens, featuring a custom Three.js 3D cell animation and a Storyblok-managed research showcase.
Read Case StudyWant Results Like These?
Get a free consultation to discuss your project. No pressure, no sales pitch, just an honest conversation about what you need and how we can help.