Заказать звонок
Меню
Ваш город: Уфа
Ваш город Уфа?
Да
Выбрать другой
Задача
  • Создание и разовая оптимизация сайта пивоварни «Barinoff».
  • Использование нестандартной анимации.
Решение
  • Отрисовка прототипа и дизайна сайта.
  • Верстка десктопной и мобильной версий сайта.
  • Внедрение верстки на CMS Битрикс.
  • Проверка и оптимизация скорости загрузки каждой страницы сайта.
  • Настройка всех страниц сайта под требования SEO-продвижения.
Результат
Ленина, 70 Уфа, Россия

Основатель и идейный вдохновитель: Баринов Игорь

Создание сайта

    Что было сделано:
  • анализ деятельности конкурентов в интернете;
  • проработка структуры сайта для поисковых систем;
  • написаны статьи для продвижения;
  • разработка дизайна сайта;
  • верстка страниц под все устройства;
  • также внедрено модальное окно 18+, которое отображается при первом посещении сайта и требует подтвердить совершеннолетие;
  • оптимизировалась каждая страница сайта по сервису Google Page Speed Insights;
  • сборка сайта и наполнение;
  • поддержка и доработка сайта.
    Результат:
  • современный и удобный сайт, удовлетворяющий требованиям заказчика;
  • удобная CMS, позволяющая поддерживать сайт и оперативно вносить изменения.
Ленина, 70 Уфа, Россия
Дизайн:

При создании дизайна сайта учитывалась специфика стиля пивоварни и её продукции - имперский и шотландский.

Широко использовалась тема кельтских орнаментов, оригинальные фото и иллюстрации.

В целях поддержания винтажности и «вкусных» ассоциаций использовалась цветовая гамма «тёмный эль/светлое пшеничное» и цвет меди.

Верстка:
    Верстка сайта осуществлялась при помощи следующих технологий:
  • - Html - языка разметки веб-документа (структура документа).
  • - CSS — язык описания внешнего вида документа (стили документа).
  • - JS (JavaScript) – язык скриптов, который позволяет перехватывать события и выполнять различные действия в веб-документе.
  • - JQuery - это библиотека написанная на JavaScript, предназначенная для абстрагирования, выравнивания, исправления и упрощения скриптинга при работе с узлами HTML-элементов.
  • - Препроцессор LESS - это динамический метаязык на основе каскадных таблиц стилей CSS, предназначенный для упрощения, масштабирования и поддержки большого объёма CSS кода.
Сложности, которые нам удалось устранить:

Каждый слайд на главной странице уникальный, где
используется отдельная анимация букв и других элементов. Нам удалось сохранить четкое качество изображения.

Высота картинок разная на экране “Продукция”, это усложнило верстку, так как надпись снизу выходила за нижнюю границу изображения.
Мы привели слайд к единому виду.

Консультация эксперта по интернет-маркетингу
За наш счёт!
300+ параметров для аудита вашего сайта
Другие кейсы
Подарок
ПОДАРОК Вас ждет через:
01:00
Создание сайтов
Продвижение сайтов
Контекстная реклама
Продвижение в соцсетях
Таргетированная реклама
Интеллектуальная собственность
Разработка дизайна
Создание веб-сервисов
Продвижение маркетплейсов
Заказ звонка