давайте обсудим!
Заполнить бриф
Создадим вам дизайн за 24 часа, иначе скидка 30%
кейс Жби "юг"
Завод по производству железобетонных изделий (фундаментные блоки, плиты перекрытий, кольца колодцев, плиты дорожные). Работают на рынке более 5 лет. Проект повышает доверие клиентов, структурирует товар и упрощает получение заявок благодаря удобной навигации и продуманной подаче информации!
Главная / seo-продвижение
АЙДЕНТИКА И ИНТЕРФЕЙС
Мобильная версия
Логотип
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
PageSpeed
Топ по выдаче на поисковиках
Подключенные CRM
Недели разработки
Критических ошибок W3C
+страниц
наполнено
наполнено
Готовый многостраничный сайт из 6 экранов (главная, каталог товаров, доставка, о компании, контакты, 404) с единым фирменным стилем, адаптированный под десктоп, планшет и смартфон.
Приносящий заявки и настроен под информативный сайт-каталог, где можно оставить онлайн-заявку на товар, а также просчитать стоимость товара и доставки через калькулятор
Приносящий заявки и настроен под информативный сайт-каталог, где можно оставить онлайн-заявку на товар, а также просчитать стоимость товара и доставки через калькулятор
заявка на
консультацию
консультацию