Pierre Joubert
← All projects
02 · jewellery · case study

Maison Géri

A bilingual online shop for a Parisian jewellery brand.

E-commerceWooCommerceUI designFR / EN
Open the recreation ↗Browsable recreation of the website, based on screenshots.
Client
Maison Géri, jewellery, Paris, Géraldine Samuel’s brand
Context
Les Productions Zanzibar (audiovisual production agency), freelance assignment, 2024
Role
UI design, build, shop setup
Tools
WordPress, Elementor Pro, WooCommerce, Figma

Background

Maison Géri is the jewellery brand of Géraldine Samuel, granddaughter of jeweller Fred Samuel, built around the Kiss collection and a fine jewellery line.

The project was to create a bilingual French and English e-commerce website that tells the brand’s family story while handling online sales. As with BerberHygge, the client relationship went through the agency’s director, who approved each stage.

Art direction

In luxury jewellery, presentation shapes how the product is perceived. This sector was new territory and called for in-depth work on the art direction.

The chosen direction is understated: midnight blue, a serif typeface and generous white space around each piece.

Online shop

The website was designed and then built with WordPress and WooCommerce, from the mockups to the full shop setup, checkout included.

Over 100 products were added and organised by category (rings, earrings, bracelets, chains) and by collection. Entering the catalogue and designing the shop pages made up a large part of the project.

English version

The English version was the heaviest part: with no automated translation tool at the time, every page had to be rebuilt a second time, largely by hand.

Press and celebrities

The brand’s jewellery has been worn by several public figures, including actress Brooke Shields, who became ambassador for the Gery collection, and featured in the press, from Cosmopolitan to Gala.

These images were built into the website: Denise Richards wearing the Kiss collection on the home page, and Brooke Shields in the brand story and as the fine jewellery visual.

100+products in the shop
2languages, French and English

Website and shop

Home, brand story, shop and product pages, plus their mobile versions.

Home
Home
Shop
Shop
Product page
Product page
About
About
Home on mobile
Home on mobile
Shop on mobile
Shop on mobile

Press and celebrities

The brand’s jewellery worn by public figures, and press coverage.

Brooke Shields
Brooke Shields
Beyoncé
Beyoncé
Denise Richards
Denise Richards
Cosmopolitan
Cosmopolitan
Gala
Gala
Radar
Radar
Heart necklace, worn
Heart necklace, worn

Identity

The heart logo, the Dreams logo and Fred Samuel’s signature, used on the website.

Visuels non retenus 51

Mis de côté pour l'instant. Donne-moi les codes de ceux à ajouter à la page.

MG01 · Logo Coeur noir petit
MG01 Logo Coeur noir petit
MG02 · Logo Dreams blanc
MG02 Logo Dreams blanc
MG03 · Logo Dreams noir
MG03 Logo Dreams noir
MG04 · Logo Dreams
MG04 Logo Dreams
MG05 · Signature Papy Fred texte
MG05 Signature Papy Fred texte
MG07 · Presse Brooke Shields detouree
MG07 Presse Brooke Shields detouree
MG10 · Presse Cosmopolitan logo
MG10 Presse Cosmopolitan logo
MG13 · Presse Radar Fashion logo
MG13 Presse Radar Fashion logo
MG15 · Presse Riviera logo
MG15 Presse Riviera logo
MG16 · Presse Santa Cruz Style logo fonce
MG16 Presse Santa Cruz Style logo fonce
MG17 · Presse Santa Cruz Style logo
MG17 Presse Santa Cruz Style logo
MG19 · Capture EN a propos 2022 08 10
MG19 Capture EN a propos 2022 08 10
MG20 · Capture EN boutique 2022 08 03
MG20 Capture EN boutique 2022 08 03
MG21 · Capture EN boutique 2022 08 10
MG21 Capture EN boutique 2022 08 10
MG22 · Capture EN la presse en parle 2022 08 16 01
MG22 Capture EN la presse en parle 2022 08 16 01
MG23 · Capture EN panier 2022 08 02
MG23 Capture EN panier 2022 08 02
MG24 · Capture EN panier 2022 08 03
MG24 Capture EN panier 2022 08 03
MG25 · Capture EN product bague test 1 2022 08 10
MG25 Capture EN product bague test 1 2022 08 10
MG26 · Capture EN product boucle doreille teen kiss 2022 08 12
MG26 Capture EN product boucle doreille teen kiss 2022 08 12
MG27 · Capture EN product bracelet test 1 2022 08 03
MG27 Capture EN product bracelet test 1 2022 08 03
MG28 · Capture EN product category type de produit bracelets 2022 08 02
MG28 Capture EN product category type de produit bracelets 2022 08 02
MG29 · Capture a propos 2022 08 03
MG29 Capture a propos 2022 08 03
MG30 · Capture a propos 2022 08 11 01
MG30 Capture a propos 2022 08 11 01
MG31 · Capture a propos 2022 08 11 02
MG31 Capture a propos 2022 08 11 02
MG32 · Capture a propos 2022 08 11 04
MG32 Capture a propos 2022 08 11 04
MG33 · Capture accueil elementor 2022 07 25
MG33 Capture accueil elementor 2022 07 25
MG34 · Capture accueil elementor 2022 07 28
MG34 Capture accueil elementor 2022 07 28
MG35 · Capture accueil test 2022 08 11 01
MG35 Capture accueil test 2022 08 11 01
MG36 · Capture accueil test 2022 08 11 02
MG36 Capture accueil test 2022 08 11 02
MG37 · Capture accueil test 2022 08 11 03
MG37 Capture accueil test 2022 08 11 03
MG38 · Capture accueil 2022 08 02
MG38 Capture accueil 2022 08 02
MG39 · Capture admin editeur 2022 07 27 01
MG39 Capture admin editeur 2022 07 27 01
MG40 · Capture admin editeur 2022 07 27 02
MG40 Capture admin editeur 2022 07 27 02
MG41 · Capture admin editeur 2022 08 03 01
MG41 Capture admin editeur 2022 08 03 01
MG42 · Capture boutique 2022 08 03
MG42 Capture boutique 2022 08 03
MG43 · Capture commander 2022 08 03
MG43 Capture commander 2022 08 03
MG44 · Capture mon compte 2022 08 03
MG44 Capture mon compte 2022 08 03
MG45 · Capture produit bracelet test 1 2022 08 03
MG45 Capture produit bracelet test 1 2022 08 03
MG46 · Capture produit bracelet test 1 2022 08 10
MG46 Capture produit bracelet test 1 2022 08 10
MG47 · Capture Menu mobile
MG47 Capture Menu mobile
MG48 · Maquette Page compte
MG48 Maquette Page compte
MG49 · Maquette Page panier FR
MG49 Maquette Page panier FR
MG50 · Maquette cookies EN
MG50 Maquette cookies EN
MG51 · Maquette cookies FR
MG51 Maquette cookies FR
MG52 · Maquette mon compte EN
MG52 Maquette mon compte EN
MG53 · Maquette page compte bureau
MG53 Maquette page compte bureau
MG54 · Maquette page compte ipad
MG54 Maquette page compte ipad
MG55 · Maquette panier iphone
MG55 Maquette panier iphone
MG56 · Maquette fiche produit
MG56 Maquette fiche produit
MG57 · Maquette panier
MG57 Maquette panier
MG58 · Maquette médias
MG58 Maquette médias