Сайт-каталог ліфтів «Євроліфт»: калькулятор вартості й креслення для проєктувальників
Корпоративний сайт-каталог компанії «Євроліфт» (Київ). Ми створили його 2019 року замість застарілого статичного сайту: каталог ліфтів, ескалаторів і підйомників, калькулятор вартості, креслення для проєктувальників, проєкти й партнери, українською та російською.
- КлієнтТОВ «Євроліфт», Київ
- ГалузьЛіфтове й підйомне обладнання
- Що зробилиUX/UI-прототипи, дизайн, верстка, CMS, каталог і калькулятор, SEO-підготовка до перенесення
- Сайтeurolift.com.ua
Завдання
Старий сайт 2016 року був статичним: сторінка фіксованої ширини, меню із семи пунктів, каталог у вигляді списку моделей. Потрібен був сайт, який веде покупця від вибору типу обладнання до запиту вартості й водночас підходить проєктувальникам: з кресленнями та технічними характеристиками кожної моделі. Окрема вимога: сайт керується з адмінки, тексти, каталог, проєкти й партнери змінюються без програміста.
SEO: підготовка до перенесення
Перенесення на нову платформу зазвичай коштує позицій у пошуку. Тому для Євроліфта SEO-підготовка була частиною проєкту від початку: адреси, редиректи й мета-дані ми готували до перенесення.
Старі адреси ведуть на нові
Адреси старого сайту (сторінки /page/…htm та index.php?n=…) віддають постійний 301-редирект на нові розділи, а версія без www і http переходить на основний https-домен з www.
Дві мови й чисті адреси
Українська й російська версії зв'язані тегами hreflang, неіснуючі адреси віддають коректну помилку 404, у сайту є карта sitemap.xml.
Тексти й структура
Мета-теги, H1 і тексти для головної та розділів каталогу, семантика за запитами клієнта й конкурентів.
Було і стало
Порівняння на тих самих типах сторінок: архівні копії старого сайту (2018–2019) і нинішній сайт.
Головна: перший екран


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


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


Сторінка фіксованої ширини без адаптації під смартфон: на телефоні вона стискається цілком, тому текст і кнопки дрібні.
Адаптивна версія: компактна шапка з телефоном і кнопкою «Запит вартості», меню-гамбургер, пошук і кнопка «Каталог» одразу під шапкою.
Запит вартості й дзвінок доступні зі смартфона без збільшення сторінки.
Пошукові позиції
Нова структура й адреси без перенаправлень означають втрату проіндексованих сторінок і позицій.
301-редиректи зі старих адрес, hreflang для двох мов, мета-теги, H1 й тексти для розділів.
Старі посилання з пошуку й інших сайтів не ведуть у порожнечу, а відвідувач потрапляє в актуальний розділ.
Що зробили
Від вибору обладнання до запиту
Слайдер із перевагами, під ним чотири категорії: пасажирські, компактні й вантажні ліфти та ескалатори. Далі чотири кроки співпраці від підбору обладнання до гарантійного обслуговування, цифри компанії, калькулятор, вкладки «Чим ми корисні», проєкти з фільтром за типом об'єкта й партнери.



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



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



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

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



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



Ще в проєкті
- Дві мови: українська й російська
- Пошук по каталогу в шапці
- Запит вартості з кнопки в шапці й з калькулятора
- Керування контентом з адмінки без програміста
Сайт працює як каталог і точка входу для запитів: клієнт обирає обладнання, рахує вартість або залишає запит, а проєктувальник знаходить креслення.
Потрібен корпоративний сайт з каталогом, калькулятором і кресленнями?
Створення сайту компанії