Клиент
The client
«Гроен» — это крупный производитель счётчиков воды и поставщик трубопроводной арматуры в России
"Groen" is a larger producer of water counters a supplier of pipeline valves in Russia.
Задача
The task
Создать новый современный сайт в адаптивном дизайне. Обновить логотип и айдентику. Превратить выбор и покупку счётчика или арматуры в простой и понятный процесс для пользователя. По сути, сайт должен стать маркетом с корзиной.
The task was:
— to create a new present-day website by adaptive design;
— to update logotype and brand ID;
— to turn choice and buying of a counter (or pipeline valves) into simple and clear for a user.
In point of fact, the website had to become online-shop with a shopping bag.
— to create a new present-day website by adaptive design;
— to update logotype and brand ID;
— to turn choice and buying of a counter (or pipeline valves) into simple and clear for a user.
In point of fact, the website had to become online-shop with a shopping bag.
Старый лого слабо выполнял свои функции, не отражал идей, и был морально устаревшим.
Old logotype functioned poorly, didn’t reflect ideas of the company and was outdated.
Новый логотип вмещает в себя традиционные русские мотивы и образы, которые отражают позиционирование компании:
New logotype involves traditional Russian images reflecting positioning of the company:
Летучий корабль из классической сказки и мультфильма, ендова — старорусская емкость для воды, морской конек, и шестерни механизма счетчика.
— The flying ship is from classic fairy tale and cartoon;
— Endova is an Old Russian water tank;
— Hippocampus;
— The pinion of a counter mechanism
— Endova is an Old Russian water tank;
— Hippocampus;
— The pinion of a counter mechanism
Соединив эти образы вместе, получился аутентичный знак, несущий в себе русские мотивы, иллюстрирующий принадлежность к водной стихии и технологичность компании.
These united images ensure an authentic symbol associated with Russian images, the water, producabillity of the company.
Айдентика строится на простых формах и цветах, носители лаконичны и минималистичны:
Brand ID is based on simple forms and colors. Carriers are laconic and minimalistic:
Главная страница сразу показывает весь ассортимент продукции фирмы для быстрого доступа, первым рядом идут собственные счётчики, вторым рядом — запорная арматура. Пользователю на первом же экране открыто и доступно все то, зачем он пришел:
Home page shows wide selection of goods for rapid access. The first row includes own counters, the second one consists of isolation valves. The users’ needs are available on the first screen:
Среди целевой аудитории много инженеров, поэтому после ассортимента показаны важные для них ссылки:
Target group includes a lot of engineers, so important links for professionals are shown after selection of goods:
Блок достижений:
The cell of achievement:
Так как сайт адаптивный, он прекрасно отображается на планшетах…
The adaptive website is displayed excellently on tablets...
…и смартфонах:
...and smartphones:
Каждую страницу мы делаем в шести размерах. Так мы охватываем большинство популярных размеров экранов:
Every page is made in six sizes. It helps to cover most of popular screen sizes:
Весь сложный подбор в каталоге реализован в виде простых фильтров по параметрам, а результаты динамически обновляются:
The whole of complicated selection is realised by simple filters of parameters in the catalogue. And results are updated dynamically:
Быстрый доступ ко всем разделам каталога из меню:
Fast access to all the sections of the catalogue is from the menu:
Страница счетчика содержит все сведения и характеристики:
The page of a counter contains all information and characteristics:
Можно заказать проект узла с выбранным счетчиком:
It is possible to order a project of a unit with a selected counter:
Страница сертификатов:
The page of certifications:
Важная страница оптовикам:
An important page for wholesalers:
О Гроен:
About company:
Остальные страницы:
The rest of pages:
На данный момент сделано 138 макетов:
138 art-boards have been done for now:
