gabriel.quainoo
All case studies

Landmark Floral

A nursery, landscape studio, and enquiry system in one motion-led site.

Role

Full-Stack Developer

Category

Landscaping and Retail · 2026

Visit live site
landmarkfloral.org
Landmark Floral interface

Overview

Landmark Floral & Landscape Service designs gardens, installs landscapes, and sells exotic plants and handcrafted planters in Accra. I built their digital storefront: a nursery catalog, service lines, a project portfolio, and an enquiry basket that turns browsing into a real conversation.

The problem

A business selling both plants and high-value landscape projects had nothing online to show for it. Prospective clients could not browse the nursery, see completed gardens, or understand the service lines, and every enquiry started from zero with no context about what the customer actually wanted.

The solution

I built a motion-led site where the work sells itself. Visitors browse the nursery by category, add plants to a persistent enquiry basket, and send it as a single WhatsApp message. The service pages and project gallery give landscape clients the proof they need before they ever pick up the phone.

My contribution

  • Designed and built the full site as a React and Vite single-page application
  • Built the nursery catalog with category filtering across indoor, outdoor, exotic, and flowering plants
  • Engineered the enquiry basket with localStorage persistence and WhatsApp message compilation
  • Developed the service pages covering design-build, maintenance, irrigation, lawn care, and planting
  • Built the project gallery showcasing completed gardens and commercial installations
  • Implemented the GSAP and ScrollTrigger motion system, custom cursor, and Lenis smooth scrolling

Key features

  • Nursery catalog with category filtering and botanical detail
  • Persistent enquiry basket that compiles into a WhatsApp message
  • Five service lines with scoped deliverables
  • Project gallery of completed residential and commercial work
  • Handcrafted Ystone planter collection
  • GSAP scroll choreography with custom cursor and smooth scrolling

Stack

ReactTypeScriptViteReact RouterTailwind CSSGSAPScrollTriggerLenis

Built for every screen

The platform is fully responsive, so the same experience holds up on the phones most users actually carry.

Landmark Floral on mobile

Outcome

Landmark Floral now has a storefront that matches the quality of its gardens. Clients arrive at the WhatsApp conversation already knowing what they want, and completed projects are on display as proof rather than described from memory.