Case study · 2026
Solandra Paisagismo
Sandra's work lives in her garden photos. The new website gives them the full screen, with arches, rails that move with the scroll and a panel the team uses to swap every photo without code.
- Client
- Solandra Paisagismo, by landscape designer Sandra Maronezi
- Industry
- Landscape design and vertical gardens
- Deliverable
- Corporate website + photo admin panel
- Year
- 2026
01 · The website
Running right here
A copy of the website runs inside this page: scroll, click and switch between desktop and mobile. The site itself is in Portuguese, and its contact form is turned off here.
02 · The challenge
The previous website was a single WordPress page built with Elementor. The photos, which are what sells a landscape designer, were shown small, and the new site had to keep all the original content without inventing anything.
03 · The answer
A single page rebuilt from scratch: full-screen photos, arches that frame the gardens, a horizontal garden that slides sideways while the page scrolls down and vertical garden columns moving at different speeds. Behind it, a custom photo panel with access roles, a focal point for each image and every photo generated in AVIF and WebP at four widths.
- One-page website
- Photo panel with roles
- SEO and structured data
- FAQ for AI assistants (AEO)
- Privacy consent (LGPD)
- Quote request form
04 · How it was made
Seven stages, one team
Each stage has an owner and a sign-off before the next one. AI is a tool in the process, never the author.
- 01Strategy and content
Discovery
Full review of the old website. All the copy was kept, only reorganized, and the only correction was a typo.
- 02UX and architecture
Strategy and content
The order follows someone who wants a garden: inspiration first, then services, Sandra herself, the projects, testimonials and contact.
- 03Art direction
Architecture and wireframes
A single page with anchors, like the original, alternating full-screen photo sections with light text sections.
- 04Motion and interaction
Art direction
Deep greens with blush and soft gold. Quicksand for headings, Albert Sans for text, arches as the signature.
- 05Development
Development
Static HTML generated from templates, inlined CSS and a PHP panel with a photo module, a media library and automatic cleanup.
- 06SEO, AEO and data
SEO, AEO and performance
Local business schema, an FAQ built from sentences on the site itself and no ad tag before cookie consent.
- 07Quality and performance
Testing and delivery
Automated test suites for panel security, users, anchors and cookies before delivery.
05 · From wireframe to layout
Structure before style
The whole page, top to bottom. Drag the divider: on one side the structure (blocks, headings, images and buttons), on the other the final layout. Scroll inside the frame.
06 · Art direction
Colors and type
- Dark green#012420
- Green#003d32
- Mid green#4b7166
- Light green#a9c2b6
- Blush#f8ebe5
- Gold#f3db98
- QuicksandHeadings
- Albert SansText
07 · Who thought through each part
Seven disciplines, one website
- 01
Strategy and content
Who arrives, what they need to understand and in what order. The story is defined before any screen.
- 02
UX and architecture
Page map, wireframes and the path to the contact, tested on mobile first.
- 03
Art direction
Palette, typography, photography and the signature element that makes the site recognizable.
- 04
Motion and interaction
What moves, why and how fast. Everything respects visitors who ask for reduced motion.
- 05
Development
Hand-written code, no page builder: light HTML, inlined critical CSS and a custom admin panel when the client needs one.
- 06
SEO, AEO and data
Structure for Google and AI assistants: schema, answer-ready FAQ, metadata and privacy consent.
- 07
Quality and performance
PageSpeed, accessibility, security and testing on desktop and mobile before delivery.
Want a website like this?
Tell us about your project. Bertoni replies the same day, on WhatsApp or by email.