Заполнить бриф
Создадим вам дизайн за 24 часа, иначе скидка 30%

кейс Жби "юг"

Завод по производству железобетонных изделий (фундаментные блоки, плиты перекрытий, кольца колодцев, плиты дорожные). Работают на рынке более 5 лет. Проект повышает доверие клиентов, структурирует товар и упрощает получение заявок благодаря удобной навигации и продуманной подаче информации!
Главная / кейсы / кейс жби "юг"
ЗАКАЗАТЬ САЙТ

АЙДЕНТИКА И ИНТЕРФЕЙС

Мобильная версия

Логотип

ui kit

Основные цвета

Типография

#F9F1E0
#B85C38
#FF9368
#2A2A2A
Firs Neue
Firs Neue
для обычного текста
для заголовков
Создать сайт для компании железобетонных изделий - ЖБИ «ЮГ», который не просто презентует товар, а сразу закрывает клиента на заявку - через быстрый онлайн-расчёт стоимости и понятную навигацию по сайту

задача

Клиент
Стек
Срок
ООО "ЮГ"
2 недели
HTML5, CSS3 и JavaScript
Программирование Интерактивная логика на JavaScript: автопереключение слайдов hero, плавное появление шапки при скролле со сменой логотипа, попап-форма расчёта стоимости, бургер-меню для мобильных.

ПРОГРАММИРОВАНИЕ

Этап 4
Вёрстка сайта Семантическая HTML/CSS-вёрстка по методологии BEM: переиспользуемые блоки (шапка, подвал, карточки услуг, чат-виджет, модальное окно заявки), CSS-переменные для цветов/типографики/отступов, адаптив под десктоп, планшет и смартфон, кроссбраузерные анимации.

ВЕРСТКА САЙТА

Этап 3
Визуальный стиль на основе фирменных цветов (песочный, кирпичный, акцентный оранжевый), крупная типографика, унифицированные иконки преимуществ и услуг, брендированный подвал с кликабельными контактами.

ДИЗАЙН САЙТА

Этап 2
Спроектирована сквозная навигация между связанными товары, логика попап-формы заявки и мобильный сценарий (адаптивное меню, приоритеты контента на малых экранах). Прототипирование и структура интерфейса - в Figma.

ПРОЕКТИРОВАНИЕ

Этап 1

процесс

результат

99
10
0
2
2
6
Google
PageSpeed
Топ по выдаче на поисковиках
Подключенные CRM
Недели разработки
Критических ошибок W3C
+страниц
наполнено
Готовый многостраничный сайт из 6 экранов (главная, каталог товаров, доставка, о компании, контакты, 404) с единым фирменным стилем, адаптированный под десктоп, планшет и смартфон.
Приносящий заявки и настроен под информативный сайт-каталог, где можно оставить онлайн-заявку на товар, а также просчитать стоимость товара и доставки через калькулятор

заявка на
консультацию