8 (8212) 55 18 12

Amenic.ru - крутая афиша новинок большого кино и расписания кинотеатров.

Приступить к чтению

С чего зародилась идея создния сайта киноафиши?

Этот кейс повествует о создании сайта-афиши расписания кинотеатров. В чем отличительная особенность этого кейса создания сайта от других? Мы работали с заказчиком самостоятельно. Amenic — это некоммерческий проект команды Nortex, в котором не было заказчика, сроков и прототипов. Был лишь творческий полет и собственное видение сайта-афиши кинотеатров на сегодняшний день. 

Задачи поставленные перед командой:

  1. Создать народный сайт, который должен быть удобнее для посетителя относительно аналогичных сайтов. 
  2. Потренировать стажеров и повысить навыки разработки наших специалистов. 
  3. Максимально автоматизировать сайт, так как потом мы не сможем уделять много времени на его поддержку.
  4. Похулиганить и раскрепоститься. 
  5. Захватить город, республику, Казань, всю Россию, Польшу, Европу, Мир и стать межгалактической империей кино. Ладно-ладно, что-то мы увлеклись).

Задача №1: Создать народный сайт, который должен быть удобнее для посетителя относительно аналогичных сайтов.

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

Одной из идей стал сервис с расписанием кинотеатров. Да-да, мы знаем что есть уже аналоги!) Но это нас не остановило и мы захотели попробовать свои силы в киношной тематике. Подметили, что не хватает толкового сайта, адаптированного под мобильный телефон. Лишний раз напомним, что на начало 2019 уже 75% пользователей выходят в интернет с мобильных устройств. 
Поэтому выбор остановился на сайте киноафиш. 

Дизайн.

Использовали принцип «Хороший дизайн − это как можно меньше дизайна». Простые цвета, не перегруженный интерфейс, только необходимый  функционал заметные кнопки — то на что сделали упор при разработке концепции сайта. Ничего не должно отвлекать пользователя от выбора кино. Чтобы вызвать эмоциональный отклик у посетителя, использовали небольшой дизайнерский прием “пространство в негативе”, чтобы складывалось ощущение погружения в глубину сайта, но не в ущерб выбору кино. 

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

А это gif-иконка загрузки страницы.

Выбор кино.

Нет ничего утомительнее, чем искать иголку в стоге сена. Без продуманных фильтров и подсказок никуда. Итак, что было сделано:

  1. Самые выгодные цены можно выделить одним движением. Теперь найти недорогой билет становится значительно проще, потому что он выделяется другим цветом в общем списке информации.   
  2. Фильтр по жанрам фильмов, кинотеатрам, форматам помогает посетителю быстро принять решение.
  3. Рейтинг, трейлер, описание поможет выбрать фильм для похода в кино.  
  4. Указано время просмотра фильма. К примеру, если вы отправляете ребенка одного на мультфильм, то сможете понять во сколько его встретить по окончанию сеанса. 

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

Когда посетитель выбрал мультфильм или кино, на которое он хочет сходить, он выбирает кинотеатр. После этого он может легко оплатить билет онлайн и не стоять в очереди. Ничего сложного — обычная схема.

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

Кроме сеансов и текущих фильмов, с тематических ресурсов парсится информация о планируемых фильмах и публикуется в разделе“Скоро в кино”, чтобы пользователь не пропустил о предстоящую премьеру.

Сроки. “когда есть свободное время”, “не в ущерб другим проектам”.

Сколько у нас по времени заняло создание этого сервиса? Идея родилась в начале октября 2017. 
— ОГО! — скажете вы. 
— А вот и не ого! — ответим мы. 

Давайте еще раз поясним, что началось все с разминочного сайта для наших специалистов и стажеров. Основную деятельность команды мы ориентируем на заказчиков и их первоочередные задачи. Есть обязательства и дедлайны. Поэтому сервис разрабатывали в свободное время, т.е. томными вечерами и на выходных. Заметим, что поесть, выдохнуть и поспать сотрудники ходили).

Если бы этот проект был бы с готовым техническим заданием и окончательным пониманием того,  что нужно реализовывать, мы бы справились с проектом за 2 месяца. Но в данном случае мы двигались по мере поступления проблем и не загадывали наперед. Проект делался намного дольше, так как решения принимались интуитивно и опытным путем — сами до конца не знали что хотим получить в итоге. Да и сейчас не знаем =). Просто хотим создать что-то удобное, полезное и интересное.

Задача №2. Потренировать стажеров и повысить навык в разработке наших специалистов.

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

Ведущий разработчик в проекте Константин комментирует: 

“Интересный и полезный опыт — однозначно. Каждый раз возвращаться к проекту, в котором фактически, у тебя полный карт-бланш — бесценно. Не дает застояться и ограничиться рамками узкой деятельности. Азарт захватывает — рекомендую, для развития самостоятельных решений.”  
 

Задача №3. Максимально автоматизировать сайт, так как потом мы не сможем уделять много времени на поддержку сайта.

Самый интересный блок с точки зрения организации сайта.

Сделали:

  • Парсерами со всех кинотеатров передается информация на сайт Amenic о фильмах в прокате, ценах и расписании. 
  • Автоматически загружается с крупных кино сервисов описание фильмов, рейтинг и трейлер.
  • Трейлер автоматически загружается на YouTube канал Amenic. Он загружается с описанием, тегами и ссылкой на фильм сайт-афишу. Это дополнительно повышает посещаемость сайта. Человек может увидеть трейлер на YouTube и перейти по ссылке купить билет на сайте. 
  • Рубрика “Скоро в кино” загружаются трейлеры и даты выходов фильмов в прокат на отдельную страницу сайта.
  • Группа Вконтакте создана для тех, кто проводит время в социальных сетях и хочет получать информацию на этой площадке в онлайн-режиме. 

Оформили дизайн и создали архитектуру группы. Наполнили ее контентом с учетом поисковых запросов и интересов кинолюбителей.

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

Виды постов:

  • Завтра премьера — напоминание для подписчиков
  • Премьера — день выхода фильма в прокат
  • Скоро в кино — для тех, кто следит за новинками
  • Уже в продаже — фильмы, которые уже во всю идут в кино.
  • Что посмотреть на выходных — список фильмов, которые в прокате на выходных.
  • Рейтинг фильмов в прокате.
  • Опрос "А как вы думаете, на какой фильм стоит сходить в кино?"

Пример автоматически сформированного поста

Теперь администратор группы практически не нужен. 

Задача №4. Похулиганить и раскрепоститься. 

Всегда в проектах мы ограничены рамками заказчика и его видением конечного продукта. Здесь были только внутренние дебаты и хардкор. Больше всего страсти кипели вокруг выбора названия будущего web-продукта.

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

  • методики НЛП;
  • методика уговаривания “ну, пожалуйста”;
  • методику гипноза по технике спирали Эриксона;
  • методика слез и жалости;
  • методики объективных и необъективных аргументов.

Сработало мало. Поэтому пошли путем голосования. 

И даже это до конца не помогло. Но из пяти названий мы пришли к двум. Голоса уравнялись.


Привлекли судьбу-злодейку в виде рандомного выбора. Судьба остановила свой выбор на Amenic.ru. 


Задача похулиганить и раскрепоститься выполнена успешно. Не один специалист-программист в ходе разработки не пострадал. 

Задача №5. Захватить город, республику, Казань, всю Россию, Польшу, Европу, Мир и стать межгалактической империей кино. 

Есть три кита на которых стоит хороший сайт:

  1. Удобство и контент интернет-продукта. Здесь мы сделали ставку на мобильную версию и на минималистичный дизайн, который не отвлекает пользователя от целевых действий. 
  2. Трафик из социальных сетей. Настроили автоматическую генерацию постов в ВК и публикацию трейлеров на YouTube.
  3. SEO-оптимизация. Провели оптимизацию сайта под поисковые запросы. Постепенно они будут индексироваться и дадут хороший эффект. 

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

Адаптивность.

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

 

Финал.

Проекты, которые не имеют коммерческого дохода обычно предаются забвению. Но, не в этот раз)

Ведущий разработчик в проекте Константин комментирует: 

 “ Сначала я просто тренил, как и все стажеры. Но этот проект стал для меня показателем моего профессионального роста. Каждый раз, когда я к нему возвращался, я видел как меняется мое видение разработки сайтов). Поэтому каждая деталь на сайте была доведена до максимального качественного уровня, так как рассматривалась с разных временных и профессиональных позиций. А еще помогла моя черта характера — упорство. И сработал принцип: я его начал, я его и закончу. )”

 

Сайт: amenic.ru

Группа Вконтакте

YouTube канал Amenic

Участники проекта: вся команда Nortex.

NORTEX: заказать сайт с расписанием или кинотеатра. 
 

 

Время прочтения:
Время прочтения 10.3 мин

Для авторов

Хотите стать со-автором блога, рассказать аудитории о новинках в мире веб и все что с ним связано? Тогда присылайте ваши материалы и мы опубликуем их.

Стать автором

Обсуждение