OmJuicers

product pages with room to explain

I built a reusable block editor for detailed product pages and updated the storefront while preserving its two language versions.

Field
Home appliances / Europe
Built with
WordPress / WooCommerce / PHP
The new OM Juicers homepage with its juice photography and product entry points.
Project detail

The new OM Juicers homepage with its juice photography and product entry points. New staging version, captured October 2026.

The challenge

The retailer needed to update its design while preserving the settings and functions of the existing WooCommerce store. Its German and French storefronts also needed richer product pages: a standard description was not enough to explain the differences between juicers.

The approach

The custom product-page editor uses reusable content blocks. Each product could be assembled as a detailed landing page, with a different set of sections where needed. The storefront update retained the existing store behavior and supported its two language versions.

The products behind the storefront

Product photography supplied by the current staging shop, October 2026. Interface screens and original Figma designs follow below.

A glass of fresh juice used in the current OmJuicers staging storefront.
Project detail

Fresh juice photography from the staging shop.

Red Sana 878 juicer from the current OmJuicers product catalogue.
Project detail

Sana 878 in the current product catalogue.

Close-up of the speed selector on a Sana 929 juicer in the current OmJuicers product catalogue.
Project detail

A closer look at the Sana 929 controls.

1 of 3

The project, in detail

The new staging storefront shows the catalogue, product pages, comparison guide and mobile navigation. Original Figma designs appear alongside these current screens, with each version labelled separately.

Product pages built from reusable blocks

I built the content editor so each juicer could have a detailed product page of its own. The supplied Sana 707 design and the newer staging screen show the product presentation at two stages. My contribution was the WooCommerce implementation and editable content controls.

Sana 707 product page with a large gallery, description and price.
Project detail

Sana 707 product page with a large gallery, description and price. New staging version, captured October 2026.

OmJuicers product detail design for the Sana 707 juicer, showing options, price and cart actions.
Project detail

Product-page design from the project Figma file. The product photography and interface are presented as supplied project material.

1 of 2

Help people compare before they buy

The newer storefront puts the catalogue and comparison guide alongside the product pages. These screens show how the shop explains the differences between models before a visitor makes a choice. I updated the storefront while keeping the existing store functions in place.

The catalogue introduces horizontal juicers before the product selection.
Project detail

The catalogue introduces horizontal juicers before the product selection. New staging version, captured October 2026.

The comparison guide explains how to choose between juicers.
Project detail

The comparison guide explains how to choose between juicers. New staging version, captured October 2026.

1 of 2

Content beyond the product description

Reusable blocks give the retailer room for explanations and product imagery without rebuilding a page each time. The supplied editorial design sits alongside the staging site’s guides and spare-parts catalogue. The store retains its German and French language versions.

Recipes, advice and video guides in the editorial section.
Project detail

Recipes, advice and video guides in the editorial section. New staging version, captured October 2026.

The spare-parts catalogue filtered for the Sana 707.
Project detail

The spare-parts catalogue filtered for the Sana 707. New staging version, captured October 2026.

OmJuicers editorial product section with images and explanatory content blocks.
Project detail

The detailed product presentation illustrates the reusable content-block approach described in the case.

English homepage design for the OmJuicers storefront, with Sana juicer navigation and product discovery.
Project detail

Project design archive. The supplied interface shows the proposed storefront; my documented role covered WooCommerce implementation and content controls.

1 of 4

On a smaller screen

Real phone-sized browser captures from October 2026. They show the current site; content and product details may have changed since delivery.

The mobile homepage with a compact menu and bottom shopping navigation.
Project detail

The mobile homepage with a compact menu and bottom shopping navigation. New staging version, captured October 2026.

The outcome

Product content

An editable block structure for detailed, product-specific landing pages.

Continuity

The updated store keeps the existing functions and German/French language structure.

Details of OmJuicers

What part of commerce did this involve?

Individual juicer pages gained room for product explanation while the existing bilingual store remained intact.