ZO® Skin Health
A website to strengthen the Spanish presence of ZO® Skin Health, Dr Zein Obagi's exclusive international skincare brand.
One identity.One brand.One website.
The new Spanish website
for ZO® Skin Health.
The brief.
We developed the Spanish website from the US reference site: a complete catalogue, scientific information and product browsing, without online sales.
We adapted the design, built the pages and coordinated integration with the ZO® team. A website for Spain, consistent with the brand and its technical environment.
Every detail
approved.
Product claims, directions and warnings are published as validated by the ZO® team. We built the website to keep this content intact, including its clinical notes.
The design adapts to the approved content.
Not the other way around.
A website ready
to change.
Update copy, add products and adapt content without rebuilding the website. A structure designed to evolve with the brand, keeping the catalogue consistent and looking after its search presence.
Protectores solaresFotoprotectores
A change in brand terminology, applied consistently across the website.
42 products.
One consistent order.
From listing to product page: one consistent structure for exploring each product and its full information.
We developed a shared system of listings and product pages to browse the catalogue by product type, skin concern and ingredient.
Science
explained.
Science builds a brand, too. We connect education, protocols and the catalogue to show what makes ZO® different and help explain the value of each product.
On mobile,
too.
All the product information, to hand. A catalogue as easy and practical to browse on mobile as on desktop.
Under the skin.
A technical foundation that supports the catalogue, simplifies maintenance and respects the brand's global configuration.
- Product pages
- 42
- Indexable pages
- 92
- Pages with video
- 18
- Astro · TypeScript
- Content separate from presentation, with shared templates for catalogue pages.
- Static architecture
- Pre-generated pages, with no database needed to serve the catalogue. Fewer application components to maintain.
- Cloudflare
- Global delivery and management of URLs and redirects.
- Corporate integration
- A Spanish website within a global organisation. We coordinated development with the ZO® IT team to incorporate its requirements and corporate tools, keeping certain management functions under the brand's control.
- Design
- Composition, navigation and content adapted to desktop, tablet and mobile. The same brand identity on every screen.
- Technical information
- Metadata, structured product and video data, and a sitemap.
Credits.
Engineering × Design.
For the next step.