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