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