Иногда мне нужно отвлечься от основной работы и нарисовать что-нибудь для себя, для того, чтобы потом взглянуть на проект со свежим взглядом и понять в каком направлении продолжать чтобы получилось круто. В этот раз мне захотелось разработать дизайн для мобильного приложения, связанного с фильмами, выбор пал на кинопоиск, так как постоянно пользуюсь этим сайтом.
Для того, чтобы сделать редизайн я скачал ios-приложение и использовал его неделю, потом я нарисовал приложение, которое было бы удобно мне.
На главном экране сохранился весь функционал кинопоиска. Я изменил слайдер, поработал над расположением информационных блоков. Раздел «мой кинопоиск» я полностью переместил на экран профиля человека. Добавил tab bar для улучшения навигации.
Экран фильма передает его атмосферу, благодаря фоновой картинке позади постера. Наверх вынесена важная информация о фильме, такая как рейтинг (основной рейтинг кинопоиска), описание, скриншоты, кнопка «просмотреть трейлер» и «рецензии». Ниже основной информации, расположилась второстепенная, такая как подробный рейтинг, новости связанные с фильмом, актеры и другие разделы.
Экран с людьми по элементам остался такой-же как был раньше, но я добавил фильтр, по которому можно фильтровать людей для улучшения поиска.
Экран профиля актера обзавелся большой фотографией, более информативной биографией и рейтингом фильмографии в виде графика, сейчас такой есть в веб-версии. Список фильмов я разделил табами, они отображаются по роли человека в фильме (актер или режиссер), сделано это для удобства просмотра «простыни» из фильмов.
Экран кинотеатров обзавелся фильтром, в котором содержатся параметры: город, расстояние от вас, фильм который вас интересует, дополнительные опции (3D, iMax, парковка).
Экран кинотеатров обзавелся фильтром, в котором содержатся параметры: город, расстояние от вас, фильм который вас интересует, дополнительные опции (3D, iMax, парковка).
В открытом кинотеатре мы показываем фотографию самого кинотеатра фоном, его название и рейтинг и контакты. Рядом с адресом я расположил иконку Яндекс навигатора, для того, чтобы пользователь мог построить маршрут до кинотеатра. В ближайших сеансах можно приобрести билет с помощью сервиса Яндекс афиша.
Функционально раздел новостей не поменялся, разве что перенес косметические изменения. В открытой новости теперь фоном расположена главная картинка новости, кнопки шаринга наверху и похожие новости внизу.
Вот такой небольшой проект я сделал в 2017 году в свободное время, c целью тренировки в дизайне мобильных приложений.
Проведите конкурс среди участников CMS Magazine
Узнайте цены и сроки уже завтра. Это бесплатно и займет ≈5 минут.