Розробка та редизайн сайту проектної організації
Про проект
Попередній сайт компанії “Базис-КР” був розроблений на одному з популярних онлайн-конструкторів, які пропонують швидке створення сайту за допомогою готових шаблонів. Однак залежність від платформи та обмежена функціональність привели до рішення розробити сайт із нуля.
Ми повністю переписали сайт, додали мультимовність, оновили дизайн та контент. Оскільки сайт «Базис-КР» є односторінковим лендингом, його розробка зайняла у нас небагато часу.
Хід роботи
Нова версія сайту розроблена на Vue.js та Node.js. Редизайн було проведено з повним збереженням вмісту, включаючи порядок та призначення інфоблоків.
Перший екран
У першій версії сайту перший екран був чітко поділений на три частини: заголовок, зображення та форма зворотного зв’язку. У новій версії ми наголосили на візуальному оформленні: ілюстрації займають більшу частину екрана, тонкі лінії відсилають до креслярської документації, а білий фоновий колір змінився теплим жовтим відтінком.
Види проектної документації
Проектну документацію, розробкою якої займається компанія, можна розділити на 3 категорії: містобудування, інженерне забезпечення та безпека. Раніше ця інформація подавалася суцільним полотном, зараз кожному розділу присвячена відповідна вкладка. Кожна послуга виділена підзаголовком та відступами, завдяки чому спрощується сприйняття тексту.
Готові проекти
У новій версії дизайну приклади виконаних робіт демонструються як сітки. Таке розміщення дозволяє демонструвати більше робіт у межах одного екрана, не жертвуючи розміром зображень.
Про компанію
Хоча вміст інфоблоку залишився незмінним, ми повністю змінили подачу. Тепер текст про компанію зафіксований за шириною і легше зчитується, числові показники краще виділяються, а основна теза збільшена і винесена окремо.
Відгуки
Цей інформаційний блок був відсутній у попередній версії сайту. Ми додали можливість розміщувати не тільки текстові відгуки, але листи подяки та фірмові бланки. Так користувач може переконатися у справжності тих чи інших відгуків.
Впровадження мультимовності
Для зручності замовників та відповідності законодавству України сайт було перекладено ще 2 мовами: українською та англійською. Переключення відбувається миттєво, без оновлення сторінки та зміни URL-адреси.
Підсумки
Проект був з нуля написаний на сучасних фреймворках, що дозволило в рази збільшити швидкість завантаження та впровадити мультимовність. Також ми повністю оновили візуальний стиль, організувавши подачу контенту у більш наочному та доступному вигляді.
