З запитом на розробку корпоративного сайту до нас звернулась Symboticware, Soft&Hardware компанія зі штаб-квартирою в Садбері (Канада) та представництвами в інших країнах. Symboticware пропонує рішення з управління продуктивністю індустріальних автопарків по всьому світу. Такі продукти компанії, як 4-Sight.ai та Squares, забезпечують моніторинг, звіти в реальному часі та практичні рекомендації на основі машинних даних та ШІ для автопарків у гірничій та лісозаготівельній галузях, сільському господарстві, будівництві та інших секторах.
Не часто трапляються проєкти, в розробці яких час та бюджет не тиснуть, а сам клієнт відкритий до R&D підходу. Розробка цього корпоративного сайту – саме той випадок. Отже, в нашої команди була можливість експериментувати, прискіпливо шукати та самостійно створювати круті веб-рішення для майбутнього сайту. Так і робили, щоб розкрити продукт і компанію ефектно, сучасно та релевантно.
Всіх вартих уваги рішень перелічувати немає сенсу, бо краще просто дослідити сайт самостійно, але про деякі фішки все ж напишемо.
Головна сторінка сайту містить 3D зображення кар’єрної вантажівки. Цей 3D об’єкт з’являється на другому екрані та супроводжує користувача до п’ятого, виконуючі різні ролі в сценарії кожного екрану. Для цього під час скролу вантажівка змінює свої ракурс, позиціонування та масштаб. Це не все, і ми пішли далі. На 3-му екрані (секція Predictive maintenance) ця ж 3D-вантажівка втрачає кольорові текстури, перетворюється на схему з єдиним кольоровим вузлом – двигун і вихлопна система. Паралельно поруч користувач бачить параметри і застереження по цьому вузлу (тиск в повітряному фільтрі, обороти, час простою та холостого ходу). В цій секції користувач може дослідити параметри ще 3 вузлів (колеса, кузов, салон), при перемиканні на кожен наступний вузол 3D вантажівка змінюватиме ракурс, а вибраний вузол буде виділеним. В такий спосіб ми продемонстрували, як саме працюють продукти Symboticware на прикладі кар’єрної вантажівки.
Всі сторінки сайту мають додану художню цінність, не оминули увагою жодної деталі. Наприклад, досліджуючи сторінки продуктів 4-Sight.ai та Squares, користувач бачить приємні анімації, які додають легкості сприйняттю контенту. А сторінка About us має розкішний таймлайн історії компанії, починаючи з 2008 року. Зміна років, їх описи та ілюстрації прив’язані до скролу, тому перегляд історії компанії приємна інтерактивна мандрівка. Користувач може натиснути кожен рік окремо і сайт плавно перемістить його на обраний рік.
Сайт об’єднав неймовірно велику кількість інформаційного контенту. Описи кейсів, Історії клієнтів, Експо події, Пізнавальні статті, Новини, сторінки всіх цих розділів формують єдину екосистему контенту корпоративного сайту. Також втілено сторінки про команду, розділ HR, Контакти з локаціями офісів, а також секція індустрій, в яких продукти та рішення компанії затребувані. Для зручності навігації, окрім комфортного меню, реалізована система тегів по всім сторінкам інформаційного контенту. Навігація по самих сторінках реалізована за допомогою лівого фіксованого сайдбару в десктоп версії, на якому залежно від типу сторінки також розміщується відповідний додатковий до навігації функціонал (хлібні крихти, заголовки, описи, теги, цитати та інше).
Для мінімізації ризиків наших клієнтів (особливо світових) на час війни в Україні ми маємо регламент для убезпечення проєктів та результатів кожного з його етапів розробки. Висловлюємо подяку Symboticware за довіру втілити цей важливий проєкт українській веб-студії, незважаючи на війну в нашій країні. Команда PUSH-K Solutions готова до нових викликів, рухаємось далі вгору!
ГОЛОВНА СТОРІНКА КОРПОРАТИВНОГО САЙТУ
ВНУТРІШНІ СТОРІНКИ КОРПОРАТИВНОГО САЙТУ
АДАПТИВНИЙ ВЕБ ДИЗАЙН КОРПОРАТИВНОГО САЙТУ ДЛЯ МОБІЛЬНИХ ПРИСТРОЇВ І БРАУЗЕРІВ
