Your ruby.Your moment.
Start with the brand film, enter a name and follow the heartbeat experience to create a ruby card. Turn it over to explore jewellery, then discover the Gemfields story and boutiques in the original Chinese interface.
A closer look at a personal ruby journey.
Swipe through ruby creation, jewellery collections, the brand story and boutiques.
Begin with a ruby
The brand film, campaign artwork and entry to ruby creation.
Follow the heartbeat
The heartbeat experience and countdown lead into ruby creation.
Your personal ruby
A ruby, decorative elements and a name form a personal card.
Explore rose gold
Turn the card over to browse Fabergé jewellery and product names.
Diamonds and rubies
Browse the jewellery cards to discover pieces in the collection.
Discover the platinum collection
Jewellery browsing continues with the product detail entry.
Continue the story
The sharing page connects jewellery discovery with a new ruby creation.
Discover Gemfields
The brand introduction and its two brand codes.
Read the gemstone story
Scroll through the brand content and gemstone imagery.
From the screen to the boutique
View the Beijing and Macau boutiques and their addresses.
A brand story made personal
Gemfields Ruby Heart begins with “one ruby, one story” and turns the brand expression into a participatory WeChat mini program. Visitors start with the film and campaign artwork, enter a name, follow the heartbeat experience and explore a personal ruby card.
The journey connects personal participation, gemstone imagery and jewellery content, giving people an experience they can complete and share alongside the brand story.
From a moment to a ruby
A connected creation flow
The home screen leads through name entry, interaction guidance, a countdown and a generation transition. We implemented the screens, states and navigation so the journey reaches its result through clear, connected steps.
A card to explore
The result combines a gemstone, decorative artwork and a name into a personal card. Turning it over reveals jewellery that can be explored through a carousel, thumbnails and previous and next controls. Collection and product names continue the journey from creation to discovery.
Give the story another chapter
The sharing poster carries the card’s visual language forward, combining the name, ruby, jewellery and corresponding mini program code. The sharing page presents the selected jewellery and offers a new entry into ruby creation for the next visitor.
We developed the card flip, jewellery navigation, poster composition and sharing page, and connected the original mini program’s product detail entry.
Connect the brand and its boutiques
The brand section presents the Gemfields introduction and brand codes. The boutique section brings together photographs, names and addresses for the Beijing and Macau stores, with an address-copy action. Three bottom tabs organise creation, brand reading and boutique discovery into a connected mini program.