Happy Memories

Happy Memories

Online store of personalized jewelry

Array
(
    [0] => WP_Post Object
        (
            [ID] => 15947
            [post_author] => 10
            [post_date] => 2022-09-14 16:44:16
            [post_date_gmt] => 2022-09-14 13:44:16
            [post_content] => 

About the project

We were approached by representatives of the Silver 24 LLC company from St. Petersburg, which specializes in creating personalized jewelry with the working through of author's products to the smallest detail. Products are made in gold and silver, with various blanks and additional elements, engraved, inlaid with cubic zirconias and diamonds. The main thing that needed to be implemented in the online store was the ability for site visitors to design jewelry themselves for a subsequent order. Based on the results of the discussion of the task, our specialists proposed the option of creating an online jewelry store based on the WordPress and WooCommerce engine.

Banner

Why WordPress?

Approximately 30% of sites on the network are based on the WordPress CMS, and almost a third of all existing online stores are based on the mutual integration of WordPress and WooCommerce. The main arguments in favor of this platform were:

  • Simplicity. In terms of settings and management, WordPress and WooCommerce are out of competition.
  • Reliability and non-failure operation. Well-configured WordPress sites run like clockwork.
  • Free. A basic but fairly complete tool is available to you completely, regardless of revenue, number of products and other characteristics.
  • Developed ecosystem. A huge number of free plugins and themes for specific practical tasks have been created for WordPress and WooCommerce.
  • Wide functionality. WooCommerce "out of the box" provides you with the basic functionality of an online store, and with the help of plugins (free and paid), the functionality of the platform can be expanded, and the site can be adapted to the needs of a particular project.

Based on these advantages and the available budget, the choice was made in favor of developing an online jewelry store on WordPress + Woocommerce. The main requirements for the future site were also formulated: “lightness”, pleasant design, user-friendly functionality of the online store, the availability of specific delivery modules and payment systems, as well as an advanced pre-order form and an online jewelry designer. After analyzing all the nuances and estimating the approximate terms of development, we started the hard and meticulous work.

More about development:

WordPress site development services

Structure and functionality

For the normal operation of the online store, an online store template is required that is fully compatible with WooCommerce. As a result of the discussion, a variant that suited both parties was chosen for further development. Based on it, we developed a simple and intuitive navigation interface with a minimum of site transitions, which does not allow you to “get lost” when navigating: the path from the main page to placing an order is only 5 clicks!

An important point is the presence of variability in the goods — this allows the buyer to choose from the provided decoration options the one that suits him best. For a deeper customization, there is a constructor and a pre-order form, which we will talk about a little later.

https://wnauts.com/wp-content/uploads/2022/11/jewelry-online-store-on-wordpress-development.mp4

Design and appearance

A client who is not in a hurry to make a purchase so quickly, but who wants to first look at the site itself, will definitely be pleased with the slider with professional thematic photos of the client's products and nice animations. Any product you like can be thrown into the wishlist, and in order not to miss the amount added, we placed the corresponding icon in the upper right menu.

https://wnauts.com/wp-content/uploads/2022/09/happymemories.mp4

 

For those who like to preview the product in great detail, an increase of the image is provided by hovering over the preview of the product.

https://wnauts.com/wp-content/uploads/2022/09/happymemories.-preview-the-product-in-detail.mp4

Responsiveness

Previously, the quality of a site was judged primarily on the basis of the desktop version. Since the majority of users now open Google Search on mobile devices, Googlebot for smartphones now primarily performs crawling and indexing of pages. This is where the Mobile First paradigm came from. Our team always tries to meet modern development standards, so a lot of work has been done to improve the adaptability of the site to mobile devices.

Banner

Order form

Previously, the quality of a site was judged primarily on the basis of the desktop version. Since the majority of users now open Google Search on mobile devices, Googlebot for smartphones now primarily performs crawling and indexing of pages. This is where the Mobile First paradigm came from. Our team always tries to meet modern development standards, so a lot of work has been done to improve the adaptability of the site to mobile devices.

An important moment in the development of the online jewelry store was the creation of an order form with a variety of choices. This form, according to the customer, is necessary for customers who do not want to immerse themselves in the jewelry designer(which is described below) and want everything to be «a little simpler». As a result, in the form we implemented, the client has:

  • Choice of decoration theme;
  • Choice of material, Choice of decoration type;
  • Possibility to place an order for several identical figures;
  • Possibility to select an additional thematic element;
  • The choice of the length of the bracelet or chain;
  • Choice of inserts;
  • Indication of data for engraving;
  • Indication of additional wishes to the order.
https://wnauts.com/wp-content/uploads/2022/09/happymemories.-order-form.mp4

Jewelry constructor

Banner

An important moment was the creation of a jewelry designer. This is the development of our programmers, created on AngularJS with variability and support for Drag'n'Drop (from desktop and mobile devices), as well as integration into WooCommerce functionality. The constructor is organized in 3 simple steps:

  • The client chooses the decoration material, figures (you can arrange them in any order and choose any number) and inserts;
  • The client chooses the length of the bracelet and specifies the inscriptions for engraving;
  • Checks the correctness of their choice and proceeds to checkout.

In turn, for the convenience of administration, goods, i.e. figures are added to the constructor from the standard WooCommerce functionality, supporting dynamic pricing directly from the product, bypassing any changes in the constructor itself. The order from the constructor "falls" into the WooCommerce standard «Orders» section, from where further administration is available to all employees responsible for configuring orders.

Integration with Bitrix24

One of the most important conditions for creating an online jewelry store was the integration of a website on the WordPress platform with CRM Bitrix24. Using existing plugins and our own developments, we have implemented the following scenarios for creating leads:

  • when registering on the site;
  • when placing an order in Woocommerce;
  • when filling out the contact form of the order;
  • when using the online product constructor;
  • when placing a «quick» order in the product card.

Thus, any user interaction with the site with filling in contact information led to the creation of a lead in Bitrix24. So — to quick and convenient processing of applications by company managers.

The summary

This project was a real challenge for the Webnauts team: very hard and meticulous work, constant interaction with the client throughout the entire development period and the introduction of new functionality based on this, design adjustments on the fly and much, much more. As a result, we got a beautiful, adaptive and, no less important, already working and selling site, which undoubtedly contributes to the satisfaction of the client and us as developers.

[post_title] => Online store of personalized jewelry [post_excerpt] => [post_status] => publish [comment_status] => open [ping_status] => closed [post_password] => [post_name] => online-store-of-personalized-jewelry [to_ping] => [pinged] => [post_modified] => 2023-09-18 10:07:25 [post_modified_gmt] => 2023-09-18 07:07:25 [post_content_filtered] => [post_parent] => 0 [guid] => https://wnauts.com/?post_type=project&p=15947 [menu_order] => 0 [post_type] => project [post_mime_type] => [comment_count] => 0 [filter] => raw ) )