«Юность». Кино начинается с афиши.
Городская киноафиша, которой тесно в обычном каталоге.
Идём в кино!
Сумерки. Сага. Новолуние
18+ · Фэнтези · 131 мин.
После расставания с Эдвардом Белла сближается с Джейкобом.
Мы сделали сайт, который хочется рассматривать как городскую афишу. Тёплая бумага, густые чернила, крупные буквы — и за этой выразительностью вполне практичный вопрос: на что пойдём сегодня?
Это самостоятельная портфолио-концепция для воронежской «Юности», не заказ кинотеатра и не запущенный билетный сервис. Ниже — история её дизайна; саму афишу можно открыть отдельно.
Сначала кино. Потом всё остальное.
У «Юности» два зала и знакомый адрес в центре Воронежа — Комиссаржевской, 7. На исходном сайте уже были афиша, расписание и подробности фильмов. Но в сохранённом первом экране рекламное окружение забирало место у самого выбора.
Мы поменяли приоритеты: день, фильмы и сеансы появляются сразу. А время, зал и цена больше не разъезжаются по разным шагам.
Откуда начали Сохранённый сайт кинотеатра из исследования 13 октября 2026 года. Это исходная подача, не один из наших эскизов.
UX-ориентир: «Спартак» Местное расписание показывает зал и стоимость рядом со временем. Берём порядок информации, не золотые плашки и не сложные фильтры большой площадки.
14 октября 2026
Сеансов: 7
Наше решение можно попробовать прямо здесь: выбрать зал или вечернее время, затем открыть нужный сеанс.
Порядок строк подсмотрели и у Kino Aero; у Yorck — различие между изображением, фактами и действием. Это ориентиры удобства. За визуальным характером мы пошли совсем в другую сторону.
Не стилизация под кино. Характер печатной вещи.
Главным визуальным ориентиром стал 8b — Best Website Builder For Branding Studios, автор 8b Website Builder. Нас зацепили не отдельные цвета, а композиция: буквы держат весь разворот, изображения лежат слоями, тонкие лучи связывают свободное пространство.
Референс · 8b Website Builder Крупная типографика и радиальная графика собирают разные изображения в одну сцену. Фрагмент проекта по ссылке выше.
Встретимся
в центре
Кино здесь — с 1964 года
8 января кинотеатр открылся показом фильма «Путь на арену». Здание на Комиссаржевской построено в 1963 году по проекту архитектора Риммы Березиной.
Два зала, новые истории и знакомый адрес в центре города.
Вернуться к афише ↑Референс · 8b Website Builder Фотография и светлый лист на тёмном поле. Цветной край делает плоскую композицию осязаемой.
От портфолио студии — к развороту фильма
18+ · Фэнтези · 131 мин.
Белла, Эдвард и Джейкоб. История, к которой хочется вернуться.
Смягчили краску. Не убрали графику.
Вместо яркого красного — роза, вместо жёсткого белого — две бумажные поверхности. Тёмно-синие чернила удерживают разноцветные постеры вместе. Розовый и серо-голубой дают им разные поля, но не спорят за внимание с фильмом.
#f1e8d8#faf5e9#25334c#ba3954#d6a1a6#acb8c1Fira Sans Heavy · заголовки
Идём в кино!
Аа Бб Дд Жж Йй Фф Щщ
14 октября / 18:10
Manrope Regular / Bold · интерфейс
Выбрать свой вечер.
Малый зал · 131 мин. · 350 ₽
По фильмам / По времени
Georgia · редакционный текст
Белла, Эдвард и Джейкоб. История, к которой хочется вернуться.
В референсе нам была важна масса букв, а не попытка угадать название шрифта. Для кириллицы выбрали Fira Sans Heavy. Время, цены и навигацию набрали Manrope; короткий редакционный текст получил спокойный голос Georgia.
Лучи, растр и зерно собраны локальными SVG/CSS. Цветные края и наклон остаются частью композиции; текст не наклоняется вместе с каждым постером. Получается ощущение печати без необходимости превращать весь интерфейс в декоративную картинку.
Аккуратно — ещё не значит выразительно.
Ранние варианты хорошо раскладывали данные, но теряли замысел. В одном получился ровный каталог, в другом — коллаж наверху и почти нейтральный список ниже. Мы пересобрали не только обложку, но и весь ритм страницы.
Ранний вариант · mockup-taste-v2 Информация на месте. Но одинаково спокойная типографика и плоские поля не дают той печатной выразительности, за которой мы пришли к референсу.
Было · наш ранний эскиз Небольшой постер, много пустоты и слабо связанная с ним информация. Коллаж на первом экране не спасал остальную афишу.
Мероприятие · 18+ · Ужасы · 106 мин.
О мероприятии
Молодая женщина обнаруживает, что может перемещаться в небытие и приносить оттуда в наш мир зловещих призраков.
Подробности на сайте кинотеатра ↗Мероприятие · 12+ · Боевик · 145 мин.
О мероприятии
Четыре года назад мир забыл Питера Паркера. Он посвящает себя борьбе с преступностью в Нью-Йорке, но его способности начинают меняться, а новая цепочка преступлений приводит к опасному противнику.
Подробности на сайте кинотеатра ↗16+ · История, драма · 121 мин.
О фильме
История последних лет Николая II и его семьи: от царствования и отречения до ссылки. В центре фильма — отношения с близкими и испытания, выпавшие на их долю.
Трейлер на странице кинотеатра ↗Мероприятие · 18+ · Ужасы · 106 мин.
О мероприятии
Молодая женщина обнаруживает, что может перемещаться в небытие и приносить оттуда в наш мир зловещих призраков.
Подробности на сайте кинотеатра ↗18+ · Триллер · 97 мин.
О фильме
Джакс отправляется на опасный горный маршрут в Таиланде, следуя мечте погибшей сестры.
Трейлер на странице кинотеатра ↗Крупные постеры, ровные начала рядов, отдельные сеансы. Даже второстепенные фильмы больше не выглядят сносками к первому экрану. Каждый разворот можно попробовать, не уходя из статьи.
У плаката появилась ручка управления.
Статичный коллаж уступил место раскрывающейся галерее. Один фильм получает пространство для сюжета и сеанса, остальные остаются видимыми полосами с названиями.
Никакого таймера: выбранный фильм не уедет, пока человек читает. Галерея переключается нажатием и с клавиатуры; на телефоне полосы становятся горизонтальными.
До галереи Статичный коллаж из раннего mockup-behance. Визуальный жест уже есть, но выбор ограничен одним вынесенным сеансом.
Сумерки. Сага. Новолуние
18+ · Фэнтези · 131 мин.
После расставания с Эдвардом Белла сближается с Джейкобом.
Здесь не скриншот: переключите фильм или нажмите на его время. Мягкая подложка отделяет галерею от фона, а выбранный фильм остаётся на месте, пока вы его рассматриваете.
На телефоне — другая композиция, не уменьшенная копия.
Название, краткий сюжет и билет собираются под изображением. Остальные фильмы остаются достаточно крупными для касания. А длинное «Приключения Мамонтёнка. В поисках мамы» переносится целиком — без потери последней строки и цены.
6+ · Анимация · 73 мин.
О фильме
Мамонтёнок Пушистик просыпается после тысячелетнего сна и отправляется искать маму в Африке. Его спутником становится птенец Тупик, мечтающий выступить на музыкальном конкурсе.
Трейлер на странице кинотеатра ↗Длинное название проверяет систему лучше, чем короткое слово «Кино».
Идём в кино!
Сумерки. Сага. Новолуние
18+ · Фэнтези · 131 мин.
После расставания с Эдвардом Белла сближается с Джейкобом.
Живая мобильная композиция. Та же афиша, новый порядок пространства — фильмы и сеансы переключаются прямо здесь.
Красивая плашка обязана быть полезной.
Референс · 8b Website Builder Материальность ценника: светлая поверхность, контрастная цифра, смещённый слой.
Не только цена, но и точное время, зал и понятное действие. Этот билетный элемент работает: нажмите и выберите места, чтобы увидеть пересчёт суммы.
Для концепции взяли датированную выборку: 14 октября 2026 года, 11 фильмов, 15 сеансов, 250–400 ₽. Цена относится к конкретному показу. А 00:05 честно подписан 15 октября — полночь не должна незаметно менять день посещения.
Рассмотреть фильм. Выбрать сеанс. Вернуться.
Постер и название открывают подробности, время — конкретный показ. В открытой карточке остаются синопсис, возраст, длительность и сеансы. Трейлер не загружается фоном: подтверждённая ссылка ведёт на страницу кинотеатра; для мероприятий без такого подтверждения оставлены только подробности.
Мероприятие · 18+ · Ужасы · 106 мин.
О мероприятии
Молодая женщина обнаруживает, что может перемещаться в небытие и приносить оттуда в наш мир зловещих призраков.
Подробности на сайте кинотеатра ↗Откройте описание или выберите сеанс. Два места по 350 ₽ дают 700 ₽ — эту арифметику можно проверить самому. Схема и занятость иллюстративные: выбор остаётся локальным, без бронирования и оплаты. После закрытия вы возвращаетесь к тому же элементу статьи.
Афиша с характером. И с уважением к зрителю.
Нам нравится, что здесь не пришлось выбирать между выразительной обложкой и рабочим расписанием. Лучи, тяжёлые буквы и печатные слои продолжаются по странице, а настоящие названия, цены и действия удерживают их в реальности.