Как мы разрабатывали сайт для лучшей пивоварни Barinoff
Хочешь также или даже лучше? Оставляй заявку и наша команда сразу начнет работать над твоим проектом
01
Клиент
Пивоварня Barinoff — это российская пивоваренная компания, специализирующаяся на производстве крафтового пива. Она основана на принципах высококачественного производства и оригинальных рецептах. В ассортименте Barinoff можно найти различные сорта пива, включая эли, лагеря и стауты, каждое из которых отличается своим уникальным вкусом и ароматом. Пивоварня активно поддерживает шотландские традиции и использует натуральные ингредиенты.
02
Задачи и цели
1
Создание и разовая оптимизация сайта пивоварни «Barinoff»
2
Использование нестандартной анимации и нетипичной сетки для построения
3
Передать дух Шотландии, сайт визуально должен отражать ценности пивоварни
03
Что было сделано
- Анализ деятельности конкурентов в интернете
- Проработка структуры сайта для поисковых систем
- Написаны статьи для продвижения
- Разработка дизайна сайта
- Верстка страниц под все устройства
- Также внедрено модальное окно 18+, которое отображается при первом посещении сайта и требует подтвердить совершеннолетие
- Оптимизировалась каждая страница сайта по сервису Google Page Speed Insights
- Сборка сайта и наполнение
- Поддержка и доработка сайта
04
Результат
- Современный и удобный сайт, удовлетворяющий требованиям заказчика
- Удобная CMS, позволяющая поддерживать сайт и оперативно вносить изменения
- При создании дизайна сайта учитывалась специфика стиля пивоварни и её продукции - имперский и шотландский. Широко использовалась тема кельтских орнаментов, оригинальные фото и иллюстрации. В целях поддержания винтажности и «вкусных» ассоциаций использовалась цветовая гамма «тёмный эль/светлое пшеничное» и цвет меди.
- Сайт входит в топ-5 по запросам: «крафтовое пиво Уфа», «шотландский бар», «пивоварня в Уфе»
05
О разработке
Верстка сайта осуществлялась при помощи следующих технологий:
- Html - языка разметки веб-документа (структура документа)
- CSS — язык описания внешнего вида документа (стили документа)
- JS (JavaScript) – язык скриптов, который позволяет перехватывать события и выполнять различные действия в веб-документе
- JQuery - это библиотека написанная на JavaScript, предназначенная для абстрагирования, выравнивания, исправления и упрощения скриптинга при работе с узлами HTML-элементов
- Препроцессор LESS - это динамический метаязык на основе каскадных таблиц стилей CSS, предназначенный для упрощения, масштабирования и поддержки большого объёма CSS кода
Сложности, которые нам удалось устранить:
- Каждый слайд на главной странице уникальный, где используется отдельная анимация букв и других элементов
- Нам удалось сохранить четкое качество изображения
- Высота картинок разная на экране “Продукция”, это усложнило верстку, так как надпись снизу выходила за нижнюю границу изображения
- Мы привели слайд к единому виду
06
Над проектом работали
SEO-специалист
Поднимает сайт в поисковиках и увеличивает число заявок.
Дизайнер
Создаёт современный и удобный пользователям дизайн.
Программист
Создаёт функционал любой сложности на всех популярных языках.
Верстальщик
Переводит дизайн-макет в WEB-форму, делает его функциональным.
Копирайтер
Пишет тексты, которые нравятся людям и поисковым системам.
Руководитель проекта
Связующее звено между вами и техническими специалистами.
Консультация эксперта по интернет-маркетингу за наш счет!
300+ параметров для аудита вашего сайта
Бесплатный аудит
