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