NovaOrient

Hydrocylinders

Task:

To develop corporate site and online catalogue for STROYMASHSERVICE company. The strategic aim was to introduce a 30-year company history, create user-friendly catalogue on hydraulic equipment with smart search option.

Description:

CJSC STROYMASHSERVICE has been on the market since 1991. The company has leading federal position in hydraulic cylinder manufacture and sales. The web site contained graphic material and video content. We used Laravel framework to develop the company's web site. It enabled quick content upload. We have also developped a customized admin panel with various features, without extra code as in CMS package version.

Technology:

Laravel

Our role:

  • Design
  • HTML coding
  • Front-end
  • Back-end
  • Technical support
  • Testing
<02>

Main page

On the 1st screen one can see a headline, hydrocylinder video, scroll down animated button. The main page consists of 5 logical blocks - hydrocylinder types, 2021 company KPI, manufacturing process, general information and contacts. We have thoroughly picked color palette, opting for dark purple background, accented bright yellow that makes obvious reference to construction equipment.

<03>

History overview

One of the main web site features is the unique project called "Recently". That's how we decided to name company history section. While plunging into the topic our team was greatly impressed that the company was founded in 1991. STROYMASHSERVICE is contemporary of Russia . We have meticulously chosen the printed photos with the client team to digitalize them. The main idea is that historical events and key company events are compared throuout the site section.

<04>

Catalogue

We have put hydraulic cylinder photos horizontally as they look alike. A relevant photo and sketch are displayed on a product page. The Horizontal filters are piston diameter, pressure, installation dimension. We have also added parameter sorting. The main idea is to find hydraulic cylinder for any type of eqipment in an instance. Thus we have tested and developped easy-to-navigate catalogue system of hydraulic cylinders.

Каталог сайта гидроцилиндры. Мобильная версия Каталог сайта гидроцилиндры. Десктопная версия Каталог сайта гидроцилиндры. Мобильная версия Каталог сайта гидроцилиндры. Десктопная версия
Каталог сайта гидроцилиндры. Десктопная версия Каталог сайта гидроцилиндры. Мобильная версия Каталог сайта гидроцилиндры. Десктопная версия Каталог сайта гидроцилиндры. Мобильная версия
<05>

The menu

On the left we have placed a visible button Catalogue. When pushing it one navigates to full screen hydrocylinder menu for the following categories: for rollers, handlers, bulldozers.

Гидроцилиндры. Боковое меню
<06>

Search

Smart search was among client's demands. When typing in any product article or hydrocycle dimensions, prompts with relevant links show up.

Гидроцилиндры. Строка поиска
Гидроцилиндры. Мобильная страница поиска Гидроцилиндры. Десктопная страница поиска
<07>

Manufacture

The page contains manufacturing information from sketches to warehouse dispatching. We have added animation and colorful infographics that makes the storytelling dynamic

Гидроцилиндры. Страница производства
Гидроцилиндры. Страница производства
<08>

Admin panel

The administrator can easily upload and download product list with csv files, process the orders, look into analytics, edit any text content. Multilingual version is on the way. The admin panel looks like Wordpress but is 10 times easier and user friendly

Гидроцилиндры. Страница администратора