cetgroupco.ru
CET Group
Toner and printer parts store · Russia, Kazakhstan
Redesign, new product page, site for Kazakhstan · 2024–2026
Online store design · 2026
Pnevmocentr
An online store for compressors and air tools with more than 30,000 products. During the move from MODX to CS-Cart we designed the whole customer journey on the UniTheme2 theme: home page, catalog, product page, cart, checkout for individuals and companies, and a UI kit.
- Client
- Pnevmocentr, compressors and pneumatic equipment
- Task
- Design for the move from MODX to CS-Cart
- Platform
- CS-Cart 4.20, then 4.21, UniTheme2 theme
- Mockups
- 13 desktop screens, UI kit, phone banners
- Year
- 2026
Task
The store ran on MODX and was moving to CS-Cart. The client liked the existing site and asked us to keep its concept, colors and every home page block, but rebuild them on the UniTheme2 theme.
We started with the home page. Once it was approved, we designed the catalog, product page, cart, checkout, pop-ups and menus. We also built the mockups into the theme.
Before and after
The first screen: the MODX site (a snapshot from the mockup file) and the new home page, both 1280 pixels wide. The blocks stayed in place. Drag the divider.
Before · MODX
Mockup
Home page
- The header has the city, phone, email, business hours and a callback button. Under the search bar are buttons for picking a compressor, air tools and pneumatic automation.
- The first screen has a slider and a “Deal of the day” with its price. Below are six catalog sections as large tiles.
- Best sellers and new arrivals come in strips with category tabs, followed by sale items. On hover, a product card expands to show its specs.
- For service there are blocks for spare parts, maintenance and repair, and buying and selling used equipment.
- Further down: about the company, projects, brands by letter, a strip for business buyers, the journal, clients and reviews.
Customer journey
Hover over a screen to scroll through it, or open it full size.
Catalog
Subcategory tiles, a quick finder by tank size, voltage and brand, filters with tooltips and three list views.
Product page
Under the price: “Buy in one click”, “Get a quote” and messenger ordering; below, the brand’s home country and where it is made.
Cart
Each item shows its price before the discount. On the right: promo code, shipping estimate and the total.
Individual or company
Checkout is a single page. The buyer picks who they are: a company gets fields for its tax and registration numbers and legal address, and its details can be found by name or tax number.
Pop-ups and menus
The catalog menu shows the number of products next to each subcategory. We also designed region selection, the account menu and a request form for picking a compressor.
UI kit
Along with the mockups we put together a UI kit: five colors with their roles, the Inter font with heading sizes, buttons in four states, and product and category cards.
Banners for phones
Three home page banners redrawn for a 393-pixel screen: Bambi, Garage and Sumake.
Mockup colors
- #36A2D8Buttons, icons, active states
- #1E4355Headings and catalog button
- #003B52Footer and accent strips
- #DDEAF0Light panels
- #F6F7F9Section card background
More
More projects
All design projects
Previous
Next
We will find solutions for everyone!
Share your idea and we’ll offer an optimal solution
