Client request
The client approached us with a request to update the website, which no longer matched the scale of the corporation and the needs of its users.
The old resource had several key problems:
- outdated design;
- technically weak implementation;
- slow and inconvenient catalog;
- lack of filtering;
- complicated navigation;
- weak foundation for SEO promotion;
- limited opportunities for developing the site structure.
For a company with a large assortment and various areas of activity, this was not enough. It was necessary to create a modern website for a manufacturing company that would help present the corporation, showcase the product range, and allow customers to place orders online.
Task
We were tasked with developing a corporate website on WordPress with a large product catalog and e-commerce functionality.
It was necessary to preserve and properly organize the current amount of data: about 20 categories and approximately 250 products. At the same time, the site had to become faster, more user-friendly, and easier to administer.
Main project tasks:
- develop a UX prototype and website design from scratch;
- create a responsive version for different devices;
- implement a multi-level product catalog;
- add filtering for quick search of required products;
- develop product cards with specifications and additional information;
- implement a shopping cart and checkout process;
- connect delivery via Nova Poshta;
- integrate payment through LiqPay;
- create a flexible admin panel on WordPress;
- implement custom templates, ACF fields, and custom post types;
- lay the foundation for basic SEO capabilities for further site promotion.
Website structure
The project included a large number of different types of pages. In addition to the basic sections, it was necessary to implement separate pages for directions, brands, and product lines, some of which function as full-fledged landing pages.
Within the project, the following were implemented:
- main page;
- about the company page;
- product catalog;
- category pages;
- product cards;
- blog;
- articles;
- contacts;
- separate pages for directions;
- landing pages for brands and industrial coatings;
- service pages for order placement.
The main challenge was not only the number of pages but also the different scenarios for their use. Some sections had to function as presentation pages, some as a catalog, and some as informational landing pages for specific business areas.
Product catalog
Special attention was given to the catalog. It was necessary to conveniently present a wide range of paints, coatings, and automotive chemicals on the website, while maintaining the logic of categories and making product search simpler for the user.
We implemented:
- a multi-level catalog structure;
- category and subcategory pages;
- product filtering;
- detailed product cards;
- the ability to add characteristics;
- convenient product management in the admin panel;
- a shopping cart and checkout scenario.
At the first stage, the website was implemented as a product catalog. Later, we supplemented it with e-commerce functionality: added a shopping cart, checkout process, integration with Nova Poshta, and payment via LiqPay.
Product card and RAL color selection
One of the important decisions in the project was the implementation of color selection in the product card.
For paint and varnish products, color is one of the key selection parameters, so we added the ability to view available colors according to the RAL system and select the desired option directly on the product page.
This made the product card more informative and useful for customers who are choosing products according to specific technical or visual requirements.
Technical implementation on WordPress
For the project, we used WordPress but adapted the CMS to fit ZIP’s complex business structure. This was not a standard build with typical pages, but a custom website development with a large number of templates, custom fields, and custom post types.
On the technical side, we implemented:
- custom post types for different site entities;
- ACF fields for convenient content management;
- separate templates for different page types;
- flexible content blocks;
- responsive layout;
- site speed optimization;
- integration with Nova Poshta;
- LiqPay integration;
- basic technical SEO optimization.
Thanks to this approach, the client’s team can independently add products, edit pages, update content, create new sections, and work with large amounts of information without constant involvement from developers.
SEO foundation and technical optimization
A comprehensive SEO strategy was not included within the scope of the project, but during development we laid the technical foundation for further promotion.
The website provides for:
- metadata for pages;
- SEO text blocks;
- the possibility of internal linking;
- microdata markup;
- technical optimization;
- proper page structure;
- the ability to create landing pages for specific categories, products, and directions.
This allows the website to be developed not only as a corporate resource, but also as a platform for attracting organic traffic in the future.
Result
As a result, ZIP received a modern corporate website with a product catalog that better reflects the scale of the company and helps work with clients online.
Implemented solutions:
- redesigned the website from scratch;
- UX prototyping and responsive layout;
- a catalog of approximately 250 products;
- about 20 product categories;
- filtering for convenient search;
- detailed product cards;
- color selection by RAL system;
- shopping cart and order placement;
- Nova Poshta delivery integration;
- LiqPay online payment connection;
- custom page templates;
- ACF fields and custom post types;
- basic SEO features;
- technical website optimization;
- a user-friendly admin panel for content management.
The new website has become not just a design update for ZIP, but a full-fledged digital tool for presenting the corporation, showcasing the range, working with clients, and accepting online orders.
Vika
Vika
