cetgroupco.ru
CET Group
Toner and printer parts store · Russia, Kazakhstan
Redesign, new product page, site for Kazakhstan · 2024–2026
Online store redesign · 2023–2024
Steelracing
A store that sells mopeds, motorcycles, ATVs and snowmobiles with delivery across Russia. When the store moved from WordPress to CS-Cart, we designed a new look on the UniTheme2 theme and built it ourselves. In 2024 we updated the header and the product page.
- Client
- Steelracing, motorcycle store
- Task
- New design during the move to CS-Cart
- Platform
- CS-Cart 4.16, UniTheme2 theme
- Mockups
- 12 desktop pages, menu, banners, icons
- Years
- 2023–2024
Task
The store ran on WordPress with an e-commerce plugin and had more than 2,000 products. New blocks did not fit the design, and the site was hard to manage. The client decided to move to CS-Cart and keep all the page content.
We built the design on the UniTheme2 theme: kept the red color of the old site, carried over all of its blocks and added what was missing, such as the catalog menu, section banners, and category and feature icons. We also did the front-end work and theme setup.
Before and after
The first screen on a 1280-pixel display: the WordPress site in July 2023 (Wayback Machine snapshot) and the new home page mockup. Drag the divider.
Before · 2023
Mockup
Home page
- The header has a Catalog button, search, phone, compare, wishlist, account and cart.
- The first screen carries the main offer: save up to 30,000 rubles with boxed delivery and self-assembly.
- Below are four benefits with icons and category tiles; each tile opens a list of subcategories.
- Next come videos from the YouTube channel, a tabbed catalog, motorcycles by engine size and brands.
- At the bottom: how to order, payment terms, customer photos, FAQ and news.
Customer journey
Hover over a screen to scroll through it, or open it full size.
Catalog
A section banner, subcategory tiles, filters by engine size, power and top speed, and a tile for QR code payment.
Product page
Two prices, boxed and assembled, Add to cart and Buy in one click, financing, QR payment, then specs and similar items.
How we work
Ordering steps and payment terms, QR code payment through the Faster Payments System, and credit applications via SberBank Online.
Catalog menu
The catalog opens from a button in the header: sections with pictures on the left, subcategories in the middle, a promo banner on the right.
Section banners
We designed a set of banners in one style for catalog sections: the vehicle on a dark background, the section name and a button.
2024 updates
We updated the header and the product page: the phone number got a contacts dropdown, and the page got Order with delivery and Add to cart buttons.
Mobile version
The home page and catalog are screenshots of the live site on an iPhone 13. The mobile product page with a bottom menu was designed in 2024.
Mockup colors
- #ED2129Buttons, accents, logo
- #0C111CFirst screen and banners
- #151E23Footer
- #FF4A00Delivery map
- #F5F5F7Category tiles
More
More projects
All design projects
Previous
Next
We will find solutions for everyone!
Share your idea and we’ll offer an optimal solution
