We just love WordPress! It is powerful, versatile, and adaptable. But it didn’t start that way. Since its first release on May 27, 2003, it has been continuously evolving. In almost 13 years and over 50 versions, it has grown from a simple blogging platform to the most popular CMS on the planet. Today, we’d […]
Agencies often come to us with designs that we bring to life. The more unique and eye-catching a design is, the more pleasure it brings us to see it live. So today we’d like to tell you about a case from our collaboration with a creative studio that commissioned us to implement their amazing design.
As they describe themselves on their website, Stay.gold is “a multidisciplinary creative studio offering on-demand strategy & design sprints to uncover, amplify, and actualize emerging insights.”
The company offers a long list of services, starting from market analysis, brand building, and consumer research to visual interface and digital identity.
Stay.gold is our long-standing client, and over the years we have successfully completed numerous joint projects together.
The US handmade jewelry brand Young In the Mountains engaged Stay.gold to revamp their Shopify Plus-powered website to bring their creative ideas to life.
The project kicked off with Stay.gold handling the design and strategy parts while P2H was asked to oversee the eCommerce development and to consult on best practices throughout the project.
The design and experience were as unique as the brand itself: large imagery, typography, engaging videos, and subtle animations throughout.
The goal of the project was to create an informative and engaging website where customers could learn about the philosophy and science behind the products while also being able to create a truly unique jewelry piece.
In order to achieve the objective, we built the following custom functionality.
We developed the Product Customizer from scratch by implementing customizer sections and blocks (to generate the customizer steps). This allows the user to create their own unique product using predefined options. After choosing the desired option in each step, you are then directed to the Custom Product.
For example, a customer may choose to “construct” a unique ring instead of purchasing something available in stock by following these steps:
- Choose the type of ring desired such as a loose gemstone
- Pick a specific stone, e.g., wild rose sapphire
- Select the metal color, e.g., 14k Yellow Gold
- Decide on the band style such as the Black Diamond Milky Way.
Once these steps are complete, the total price is calculated immediately. All that’s left is to add the ring to the cart.
There is also a ‘Save My Design’ custom feature used to share with others the options chosen in the build steps or to share the entire generated product by sending them a link via email.
Each product, even a custom one, has its own properties with different options which can affect the total price. All properties are defined in the meta fields. To achieve that, we also used metafields to define the additional price for each option. For instance, a ring has its own set of metafields while a bracelet has its own, and so forth.
Besides that, we also used Shopify Scripts accessible to Shopify Plus subscribers only in order to write a script for recalculating the price at the checkout.
A list of retailers has been connected to customized Google Maps on the website. That’s a super handy feature for everyone who wants to find out the exact address of a particular vendor with just a couple of clicks. This feature was built completely without the use of any apps.
- Custom Mini Cart Drawer (built from scratch)
- Product Tabs, Product Recommendations, Stone Selector (property displayed as a gallery with stones)
- Accordion-based FAQ page
- Background Video sections
- Custom SlideShow on the homepage
We also leveraged the power of the most popular Shopify apps to provide several additional features.
To expand the reach of the brand’s Instagram page to the website’s visitors and gain more followers and likes, we used the Instafeed app with a customized display of the feed.
To capture leads and secure more subscriptions, we integrated one of the most popular Shopify email marketing apps into the store – Mailchimp.
Drop a hint
To let the brand’s customers refer a product to friends or anyone else easily, we integrated Drop a hint – a powerful link share feature (including custom generated products). This option is very popular among jewelry store customers. For example, people looking for a gift may want to send a link to ask for someone’s opinion regarding a certain piece that they noticed.
Product Filter & Search
To facilitate the search and filtering of the products on the brand’s website, we integrated the Product Filter & Search app and customized its display view according to the designs provided.
Just like the rest of the projects we did for Stay.gold, the revamp of the YITM brand’s website left everyone satisfied and happy. If you want to leverage our comprehensive expertise in building and customizing large Shopify Plus-based online stores too, drop us a line!