«Имиджевый сайт пивного бренда: хардскролл, дизайн банки и три языковые версии за четыре месяца.»
«Старопражское» — сайт пивного бренда с узнаваемой упаковкой и чешскими корнями. За четыре месяца мы прошли путь от мудборда и концепта до готового сайта: отрисовали дизайн банки, собрали анимации и хардскролл. Финальный результат — три языковые версии на русском, английском и чешском.
Начали с погружения в бренд: собрали визуальные ориентиры, согласовали направление. В феврале прошли несколько итераций концепта — показывали клиенту демо по ходу работы, до финального утверждения.
Мудборд проекта (рабочая версия): референсы, цвета и шрифты — идентичен презентационному мудборду.
Концепт-борд главной страницы: несколько цветовых итераций хиро-экрана «Пиво с богатой историей» с банками на фоне Праги, десктоп и мобайл рядом.
Слайд концепции и визуальных решений Staroprazske: разбивка по этапам, концепция визуализации Праги, принципы анимации.
Расскажите о задаче — предложим архитектуру решения. Без шаблонных КП и абстрактных смет: конкретика на старте.
Логотип StaroPražske на кремовом фоне: крупная красная буква S с силуэтом пражского собора и каллиграфическим написанием бренда.
В марте перешли к вёрстке: делали анимации, разработали дизайн банки, отрисовали карту. Для запуска отдельно собрали промо-ролик бренда на нейросетях. Параллельно закрывали баги по результатам проверок — без накопления долга к релизу.
Сравнение четырёх вариантов начертания шрифта для заголовка «Пиво с богатой историей» на тёмном фоне.
Дизайн банки Staroprazske Světlé: кремовая банка с красным логотипом, силуэтом Праги и Карловым мостом, надпись «Česká pivovarnická tradice 4,5%».
Дизайн банки Staroprazske Černé: тёмно-коричневая версия с тем же пражским силуэтом и логотипом, надпись «Česká pivovarnická tradice 4,5%».
Авторская иллюстрация Праги «PRÁGME»: плоская гравюрная панорама города в зелёно-кремово-золотой гамме — Пражский Град, костёлы, мосты.
Промо-ролик бренда «Старопражское», собранный на нейросетях, — вертикальное видео для запуска.
В апреле собрали английскую и чешскую версии, внедрили хардскролл и адаптировали под него уже готовую русскую вёрстку — иначе анимации рассыпались. Заменили картинки и убрали QR-коды с банок.
Полная лендинговая страница Staroprazske Svetle: хиро с бутылками пива, видеосекция, описание продукта и навигация.
Мобильная версия лендинга Staroprazske в тёмном винтажном стиле: секции «Пиво с богатой историей», фото продукта на фоне Праги и «Процесс пивоварения».
Хардскролл добавили уже после того, как вёрстка была готова. Пришлось вернуться к русской версии и перестроить поведение прокрутки: без этого анимации не работали корректно.
При каждой правке контента или замене картинок нужно было синхронно обновлять RU, EN и CS. Структура сайта это позволяла — разрастания хаоса не было.