Online store - XILO
The XILO Shop project is an advanced online store offering a wide range of radiators and accessories, targeting the German-speaking market. W ramach współpracy z XILO Shop podjęliśmy się kompleksowej realizacji serwisu, która obejmowała zarówno warstwę graficzną, techniczną, jak i treściową. Projekt zakładał wdrożenie sklepu o dużej złożoności, gdzie kluczowe było dostosowanie do potrzeb użytkowników oraz zapewnienie niezawodnej i wydajnej funkcjonalności.
Scope of work
As part of the implementation of the XILO Shop project, we were responsible for a number of activities that included:
We created a store design that met industry standards and user preferences from the German-speaking market.
We prepared content in German for key pages of the site, taking into account market and SEO specifications.
We have prepared and optimized images for each of the products we offer, which is crucial for presenting radiators of different variants and sizes.
We developed a system design that allowed users to make purchases easily and intuitively.
A key element of the project was the implementation of a wide range of product variants, providing users with a choice of 40 products and their 2,500 combinations of sizes, colors and other features.
We took care of the full implementation of the store, including integration with payment systems, which enabled seamless transactions.
Implementation process
1. project reset
At Unique Devs, we start each implementation with a so-called project reset, that is, with the preparation of the working environment. What does this consist of?
- Copying WordPress files and compilation files
- Organize the structure of the project, including file and path naming
- Installation of the necessary tools for building the site (e.g., for forms)
- Adding necessary plugins like Woocommerce and all payment gateway plugins
2. the Gutenberg block
In the case of XILO Shop, the site was built on the Gutenberg block, which allowed for more flexible content management and ease of further development of the store. The process included:
- Preparation of the array element containing the data for the ACF itself
- Adding relevant ACF fields
- Adding a PHP file containing, among other things, the HTML structure
- Adding styles in the scss file along with a responsive version
Advanced functionalities
The XILO Shop project required us to implement many advanced functionalities that went beyond standard WordPress. Among the most important were:
- individual product filtering
Store users can easily sort products by different criteria, i.e.: size, color or features
- automatic calculation of delivery costs
costs are automatically calculated depending on the number of products ordered, which significantly streamlines the purchasing process
- change of prices for different variants
the price of the products is dynamically updated depending on the selected variant
- translations
all elements of the website have been fully translated into German
Technologies used in the project
To implement the XILO Shop project, we used a variety of technologies to create a functional and modern store,
- Gulp (SCSS and JS compilation)
- JavaScript
- SCSS
- CSS
- PHP
- HTML
- WordPress
- WooCommerce
- ACF
- Contact Form 7
- Payment gateways
Result
The final result of the work was a modern, intuitive online store that provides users with the ability to purchase products with a wide range of variants. The implementation of 2,500 product combinations and advanced features of the store allowed smooth and convenient use of the site. The XILO store on the day of launch included about 40 products, with numerous variants, and its functionality and optimization for the German-speaking market stood out from the competition.
Summary
The XILO Shop project was a unique challenge that required us to take an advanced approach and choose the right technologies. Creating a dynamic and functional store with such an extensive number of product variants, combined with full payment integration, was a key element for success in the German-speaking market. Our commitment, flexibility and extensive technological experience allowed us to provide the client with a product that meets their expectations.
