Garden Arenas Website
A website and online shop for a garden centre in Alella.
- What's it for?
- The online home of Garden Arenas, a garden centre in Alella (Barcelona) since 1974: its services, its news and an online shop for flowers and plants, in Catalan, Spanish and English.
- Discipline
- Web Design · E-commerce
Overview
Garden Arenas has sold plants, flowers and decoration in Alella, near Barcelona, since 1974, with services from gardening and floristry to home delivery. Carla designed its website at Hooba: fifteen pages that bring together the garden, its news and an online shop.
Objective
Show the garden the way visitors find it, full of colour, and let people buy flowers and plants online, especially for special days like Sant Jordi.
Approach
Let the plant photography bring the colour, on a calm base of white, deep green and sand, with a clear path from every page to the services and the shop.
Design Process
From the garden's offer to a working online shop, in four steps.
- 01
Structure
Organising the offer into fifteen pages: services, the garden, news, the shop and contact.
- 02
Prototype
Prototyping the key pages in Figma before building them.
- 03
Online shop
Shop categories, product pages with their options, the basket and the checkout.
- 04
Build
Laying out the pages in Hooba's CMS with HTML and CSS.
Home Page
Below the welcome, the home page walks through the garden: its services, the shop's three main categories, the latest news, its values and how to visit, with the map beside the opening hours.
Online Shop
The shop is organised into flowers, plants and special days. For Sant Jordi, each rose and bouquet has its own page, where buyers choose the colour, add a dedication and pick the delivery date.
The Garden
Pages about the place itself: services from gardening and floristry to plant advice and home delivery, and the garden's commitment to sustainability, from solar panels to drip irrigation.
News and Contact
A news section with plant care tips and seasonal articles, and a contact page with a form, the address, the opening hours and a map.
