Arber Website — hero

02 / 14 — Website

Arber Website

Client
Arber
Year
2024
My role
Creative Direction, Web Design
Deliverables
Custom Shopify Website, Mobile

A custom Shopify site designed to turn Arber's direct-to-consumer traffic into sales.

Arber needed an optimized Shopify site for its direct-to-consumer business. The challenge was a complex product. Every Arber concentrate has its own use case, formula and dilution rate. The goal was to incorporate all of it into pages that are easy to scan and not too dense.

Before designing anything, I audited the existing site, studying scroll depth, page visits, click behavior, conversion paths and consumer insights to see where shoppers engaged and where they dropped off.

Each page was designed around that data in pixel-perfect Figma files, then brought to life with a development team as a fully custom-coded build. I oversaw the project from first concept through final review and launch.

Homepage

A personalized entry point that guides shoppers to the right products for their gardens.

Arber Website — image

Product page

Subscription options and real customer content built into the page, with usage and formula details organized into collapsible sections.

Arber Website — image
Arber Website — image

Collections page

Filtering and kit breakdowns help shoppers find the right solution faster.

Arber Website — image
Arber Website — image

Plant library

An educational resource that builds trust and improves SEO.

Arber Website — image
Arber Website — image

Credits

Creative Director & Web Designer
Ryan O'Connor
Development
ScrumLaunch
Next project Arber Packaging Design →