A five-page website concept for a family-run Ontario landscaping company, built on large photography, a simple service structure, and an obvious path to a quote request.
NatureScape Landscaping
Website Design
Website Design
Discipline
Deliverables
Home, About Us, Services, Galley and Contact
Year
2025
Research
Reviewing regional competitors showed dense pages and buried contact details. Homeowners mostly wanted three things quickly, what's offered, what it looks like, and how to get a quote.
Low-fidelity wireframes established a five-page structure with a persistent quote action, a services grid, and a gallery that leads with seasonal work.
Homepage with hero, services, gallery preview, testimonials
About with team and service area
Services with per-service detail
Gallery with before and after pairs
Contact with a short quote form
Wireframes
Deep pine anchors the palette against a paper background, with full-bleed garden photography doing the emotional work. Interface elements stay quiet so the landscapes carry the page.
Visual Direction
A 12-column grid, an 8px spacing scale, and a compact component set buttons, service cards, gallery tiles, and form fields keep every page visually consistent.
UI Design
Designed mobile first: the navigation collapses into a single sheet, the services grid stacks to one column, and the quote button stays reachable at the bottom of the viewport.
Responsive Design
Final desktop and mobile mockups present the complete flow from homepage through gallery to a submitted quote request.
Final Mockups
Next Project