Дизайн
8 февраля 2019 Матвей Ананьев , MatveyAn Design

Концепт редизайна приложения Кинопоиска

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

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

Основной смысл редизайна приложения:

  1. Более современный дизайн;
  2. Улучшение навигации внутри приложения;
  3. Более тесная интеграция с сервисами яндекса;
  4. Оптимизация информации которая выдается пользователю;
  5. Проработанная анимация переходов и элементов в приложении.

Главный экран

На главном экране сохранился весь функционал кинопоиска. Я изменил слайдер, поработал над расположением информационных блоков. Раздел «мой кинопоиск» я полностью переместил на экран профиля человека. Добавил tab bar для улучшения навигации.

Открытый фильм

Экран фильма передает его атмосферу, благодаря фоновой картинке позади постера. Наверх вынесена важная информация о фильме, такая как рейтинг (основной рейтинг кинопоиска), описание, скриншоты, кнопка «просмотреть трейлер» и «рецензии». Ниже основной информации, расположилась второстепенная, такая как подробный рейтинг, новости связанные с фильмом, актеры и другие разделы.

Люди

Экран с людьми по элементам остался такой-же как был раньше, но я добавил фильтр, по которому можно фильтровать людей для улучшения поиска.

Открытый человек

Экран профиля актера обзавелся большой фотографией, более информативной биографией и рейтингом фильмографии в виде графика, сейчас такой есть в веб-версии. Список фильмов я разделил табами, они отображаются по роли человека в фильме (актер или режиссер), сделано это для удобства просмотра «простыни» из фильмов.

Кинотеатры

Экран кинотеатров обзавелся фильтром, в котором содержатся параметры: город, расстояние от вас, фильм который вас интересует, дополнительные опции (3D, iMax, парковка).

Кинотеатры

Экран кинотеатров обзавелся фильтром, в котором содержатся параметры: город, расстояние от вас, фильм который вас интересует, дополнительные опции (3D, iMax, парковка).

Профиль кинотеатра

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

Новости

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

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

Обсуждение