Євроліфт

Сайт-каталог ліфтів «Євроліфт»: калькулятор вартості й креслення для проєктувальників

Корпоративний сайт-каталог компанії «Євроліфт» (Київ). Ми створили його 2019 року замість застарілого статичного сайту: каталог ліфтів, ескалаторів і підйомників, калькулятор вартості, креслення для проєктувальників, проєкти й партнери, українською та російською.

  • КлієнтТОВ «Євроліфт», Київ
  • ГалузьЛіфтове й підйомне обладнання
  • Що зробилиUX/UI-прототипи, дизайн, верстка, CMS, каталог і калькулятор, SEO-підготовка до перенесення
  • Сайтeurolift.com.ua
2мовні версії: українська й російська
3кроки калькулятора вартості ліфта
3фільтри креслень: призначення, вантажопідйомність, швидкість

Завдання

Старий сайт 2016 року був статичним: сторінка фіксованої ширини, меню із семи пунктів, каталог у вигляді списку моделей. Потрібен був сайт, який веде покупця від вибору типу обладнання до запиту вартості й водночас підходить проєктувальникам: з кресленнями та технічними характеристиками кожної моделі. Окрема вимога: сайт керується з адмінки, тексти, каталог, проєкти й партнери змінюються без програміста.

SEO: підготовка до перенесення

Перенесення на нову платформу зазвичай коштує позицій у пошуку. Тому для Євроліфта SEO-підготовка була частиною проєкту від початку: адреси, редиректи й мета-дані ми готували до перенесення.

Старі адреси ведуть на нові

Адреси старого сайту (сторінки /page/…htm та index.php?n=…) віддають постійний 301-редирект на нові розділи, а версія без www і http переходить на основний https-домен з www.

Дві мови й чисті адреси

Українська й російська версії зв'язані тегами hreflang, неіснуючі адреси віддають коректну помилку 404, у сайту є карта sitemap.xml.

Тексти й структура

Мета-теги, H1 і тексти для головної та розділів каталогу, семантика за запитами клієнта й конкурентів.

Було і стало

Порівняння на тих самих типах сторінок: архівні копії старого сайту (2018–2019) і нинішній сайт.

Головна: перший екран

До
Головна сторінка старого сайту Євроліфт
Після
Головна сторінка нового сайту Євроліфт
Було

Сторінка фіксованої ширини: великі іконки «Ліфти», «Ескалатори», «Підйомники» ліворуч, один банер і колонка новин. Меню із семи пунктів і дві кнопки: «Підібрати ліфт» та «Дізнатись ціну».

Стало

Шапка з розділами меню, кнопкою «Каталог», пошуком, телефонами й постійною кнопкою «Запит вартості». Слайдер на ширину сторінки, під ним чотири категорії обладнання, далі кроки співпраці, калькулятор, проєкти й партнери.

Що це дає

Відвідувач одразу обирає тип обладнання або залишає запит, а не шукає потрібний розділ у списку моделей.

Каталог

До
Розділ «Ліфти» старого сайту
Після
Каталог пасажирських ліфтів нового сайту
Було

Розділ «Ліфти»: два виробники з логотипами й текстові посилання на назви моделей, під ними довгий текст. Фото моделей, швидкості та вантажопідйомності в списку немає.

Стало

Ліворуч дерево категорій (за призначенням, автомобільні ліфти, для людей з інвалідністю, за рішенням, за моделями), у центрі картки моделей з фото, описом, швидкістю й вантажопідйомністю та кнопкою «Детальніше».

Що це дає

Покупець порівнює моделі за параметрами одразу в каталозі, а не відкриває кожну окремо.

Мобільна версія

До
Головна старого сайту на смартфоні
Після
Головна нового сайту на смартфоні
Було

Сторінка фіксованої ширини без адаптації під смартфон: на телефоні вона стискається цілком, тому текст і кнопки дрібні.

Стало

Адаптивна версія: компактна шапка з телефоном і кнопкою «Запит вартості», меню-гамбургер, пошук і кнопка «Каталог» одразу під шапкою.

Що це дає

Запит вартості й дзвінок доступні зі смартфона без збільшення сторінки.

Пошукові позиції

Ризик

Нова структура й адреси без перенаправлень означають втрату проіндексованих сторінок і позицій.

Стало

301-редиректи зі старих адрес, hreflang для двох мов, мета-теги, H1 й тексти для розділів.

Що це дає

Старі посилання з пошуку й інших сайтів не ведуть у порожнечу, а відвідувач потрапляє в актуальний розділ.

Що зробили

Головна

Від вибору обладнання до запиту

Слайдер із перевагами, під ним чотири категорії: пасажирські, компактні й вантажні ліфти та ескалатори. Далі чотири кроки співпраці від підбору обладнання до гарантійного обслуговування, цифри компанії, калькулятор, вкладки «Чим ми корисні», проєкти з фільтром за типом об'єкта й партнери.

Головна: шапка, слайдер і категорії обладнання
Головна: слайдер і категорії
Головна: чотири кроки від підбору до обслуговування
Головна: кроки співпраці
Головна: блок з цифрами компанії
Головна: цифри компанії
Каталог і картка моделі

Моделі за призначенням і параметрами

Каталог побудований як дерево категорій: за призначенням, автомобільні ліфти, для людей з інвалідністю, за рішенням і за моделями. У картці моделі фото, короткий опис, швидкість і вантажопідйомність, кнопка «Дізнатись ціну», опис переваг і таблиця характеристик: вантажопідйомність, швидкість, кількість зупинок, висота верхнього поверху, відповідність нормам EN81, глибина приямка.

Каталог пасажирських ліфтів з деревом категорій
Каталог: дерево категорій і картки
Картка моделі ліфта Hyundai
Картка моделі
Таблиця технічних характеристик моделі ліфта
Таблиця технічних характеристик
Калькулятор

Три кроки до запиту вартості

Калькулятор вартості ліфта працює в три кроки: тип обладнання, модель і основні характеристики шахти (ширина й глибина, кількість зупинок, вантажопідйомність, швидкість, машинне приміщення, верхній поверх, приямок). Кнопка «Відправити запит на вартість» доступна на кожному кроці.

Калькулятор: крок 1, вибір типу обладнання
Крок 1: тип обладнання
Калькулятор: крок 2, вибір моделі
Крок 2: модель
Калькулятор: крок 3, характеристики шахти
Крок 3: характеристики шахти
Креслення

Підбір документації для проєктувальників

Окрема сторінка з таблицею моделей: опис і характеристики кожної, колонки «Схеми», «Креслення» й «Каталог». Фільтр за призначенням, вантажопідйомністю й швидкістю дає змогу знайти потрібну модель без перегляду всього каталогу.

Сторінка «Креслення» з фільтрами за призначенням, вантажопідйомністю й швидкістю
Креслення: фільтр і таблиця моделей
Проєкти й партнери

Реалізовані об'єкти й довіра

Проєкти розкладені за типом об'єкта: житлові будинки, котеджі, торговельні центри, готелі, ресторани, офіси й інклюзивність. У сторінці проєкту галерея фотографій. Партнери винесені в окремий розділ з логотипами.

Сторінка проєктів ліфтів з фільтром за типом об'єкта
Проєкти: фільтр за типом об'єкта
Сторінка проєкту з галереєю фотографій
Сторінка проєкту
Блок партнерів на головній
Партнери
Мобільна версія

Телефон: меню, каталог і картка моделі

На смартфоні шапка стискається до телефону, мови й кнопки «Запит вартості», розділи відкриваються меню-гамбургером, каталог і картка моделі збираються в одну колонку. Клік по знімку відкриває його повністю.

Головна на смартфоні
Меню на смартфоні
Каталог на смартфоні

Ще в проєкті

  • Дві мови: українська й російська
  • Пошук по каталогу в шапці
  • Запит вартості з кнопки в шапці й з калькулятора
  • Керування контентом з адмінки без програміста

Сайт працює як каталог і точка входу для запитів: клієнт обирає обладнання, рахує вартість або залишає запит, а проєктувальник знаходить креслення.

Потрібен корпоративний сайт з каталогом, калькулятором і кресленнями?

Створення сайту компанії