ARTHand История дизайна Кинопоиск: от каталога к экрану просмотра

Кинопоиск: от каталога к экрану просмотра

Досье № 07 · История российского интерфейса

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

Период
2007—2021
Главы
5
Кадры
10

Содержание

Пять поворотов в истории проекта

Визуальная хроника

Десять подтверждённых кадров

У каждого кадра есть дата, автор и ссылка на публикацию. Изображения открываются во весь экран, чтобы детали интерфейса можно было рассмотреть без лишних технических пометок.
01

Главная Кинопоиска, 2007

Премьеры, новости, рейтинги и поиск собраны как насыщенный журнал для киномана, где почти каждая ссылка ведёт глубже в базу.

Интерфейс — Кинопоиск; публикация — PikabuИсточник: Кинопоиск в подборке сайтов Рунета 2007 года ↗
02

Главная перезапуска 2015 года

Большие кадры и кинематографичная подача радикально меняют тон сервиса, отодвигая привычную энциклопедию на второй план.

Кинопоиск; публикация — HabrИсточник: Как вернуть старый Кинопоиск ↗
03

Витрина нового Кинопоиска

Подборки и крупные обложки предлагают смотреть, а не исследовать базу — новый приоритет заметен уже по первому экрану.

Кинопоиск; публикация — HabrИсточник: Как вернуть старый Кинопоиск ↗
04

Поисковая выдача перезапуска

Белое пространство и крупные карточки делают экран спокойнее, но меняют привычную плотность и скорость просмотра результатов.

Кинопоиск; публикация — HabrИсточник: Как вернуть старый Кинопоиск ↗
05

Страница фильма в новой версии

Видео и ключевое действие занимают верх, а подробная фильмография и пользовательские данные уходят глубже.

Кинопоиск; публикация — HabrИсточник: Как вернуть старый Кинопоиск ↗
06

Тематическая главная

Промофон и большие афиши придают странице характер онлайн-кинотеатра, но спорят с ожиданиями от справочного сервиса.

Кинопоиск; публикация — HabrИсточник: Как вернуть старый Кинопоиск ↗
07

Возвращённый привычный интерфейс

После отката энциклопедическая сетка снова становится основной точкой входа, а просмотр развивается постепенно рядом с ней.

Кинопоиск; публикация — HabrИсточник: Как вернуть старый Кинопоиск ↗
08

Новый знак Кинопоиска

Буква «К» превращается в метафору притяжения историй и работает как компактная метка на разных экранах.

Команда медиасервисов Яндекса и партнёрыИсточник: Кинопоиск представил новый визуальный стиль ↗
09

Типографика и цвет

Выразительный шрифт и дополнительные акцентные цвета расширяют язык бренда за пределы привычного оранжевого.

Команда медиасервисов Яндекса и партнёрыИсточник: Кинопоиск представил новый визуальный стиль ↗
10

Айдентика на разных носителях

Знак, постеры и интерфейсные поверхности собираются в систему для телефона, телевизора, кинотеатра и собственных премьер.

Команда медиасервисов Яндекса и партнёрыИсточник: Кинопоиск представил новый визуальный стиль ↗