11 000+ товаров каталога на новом сайте
куда идём? — городской гид по событиям и местам Казани
Афиша Казани — городской интернет-гид о событиях и местах. сделали его с нуля: исследование, дизайн, портал, админка и билеты партнёров. запустили в 2022.
результаты
- 9 разделов событий: от кино до ночной жизни
- 6 разделов мест на запуске
- 5 типов событий из билетного сервиса
- 3 окружения: разработка, тест и рабочее
история
с чем пришли
городу нужен был не каталог, а гид с лицом и голосом: события, места и подборки от экспертов в одном месте — от кино и концертов до парков, музеев и ночной жизни.
публичного сайта до нас не было, портал делали с нуля. хотелось широкий сайт с воздухом, где у каждого раздела своё настроение, а билет покупается прямо на сайте.
как делали
-
прототипы и схема данных
в июле 2021 начали с прототипов и схемы данных: какие бывают события и места и как они связаны с разделами.
-
бэкенд заново
в январе 2022 пересобрали бэкенд с нуля на Laravel, API — на GraphQL, админку — конструктором страниц.
-
финальный релиз
с февраля по май 2022 сверстали 4 уровня страниц и собрали поиск, фильтры, избранное, рекламный кабинет и мобильную версию.
-
CI/CD и облако
в июле 2022 настроили CI/CD на 3 окружения и перенесли портал в Яндекс Облако.
что получилось
в 2022 запустили портал с афишей событий, местами и подборками: конструктор разделов со своей цветовой темой, поиск и фильтры, рекламный кабинет и билеты сервисов-партнёров прямо на сайте — в версии для компьютера и телефона.
исследование и аналоги
цель горожанина — быстро понять, куда пойти. прошли сценарии аналогов, из улучшений собрали итоговый сценарий и концепции главной
прототипы и умная лента
серые прототипы страниц и отдельное исследование — «умная лента» с оценками «нравится / не нравится»
прототип раздела «Кино» 
умная лента — исследование на этапе прототипов: в финальный дизайн не вошла 
лента «для меня» и «новое» дизайн и фирменный стиль
малиновая колонка с вертикальным логотипом, трафареты и огромные даты. потяните разделитель: прототип и дизайн первого экрана
портал и админка
4 уровня страниц, конструктор разделов со своей цветовой темой и админка, где редакция ведёт события, места и подборки
главная 
админка: карточка фильма интеграции
события, сеансы, фильмы и экскурсии приходили из 3 сервисов-партнёров, а билет покупался в окне прямо на сайте
облако и передача кода
CI/CD на 3 окружения, перенос в Яндекс Облако и исходный код фронтенда и бэкенда — клиенту
механики
что умел портал
7 механик, на которых держался гид: от фразы-фильтра до кабинета редакции
-
разделы со своим оформлением
страницы событий и мест собирали из блоков конструктора. у раздела — своя цветовая тема и свои трафареты для фото, поэтому один блок выглядит по-разному
-
«куда идём?» — поиск и фильтры
вместо длинной формы — фраза-фильтр «куда» и «когда», подсказки по группам и выдача по разделам. на телефоне фильтр открывался листом с чипами
-
кино и билеты
стена постеров, рейтинги Кинопоиска и IMDb, сеансы по кинотеатрам и датам. билет покупали прямо на сайте, не уходя к партнёру
- Rambler Kassa
- Afisha.ru
-
места и парки
карточка места, карта города и иллюстрированные схемы парков: на схеме — локации, рядом — список с часами работы
- Tripster
-
личный кабинет
избранное с крупными датами, вход через соцсети или почту и «добавить локацию»: новое место появлялось на сайте после модерации
-
рекламный кабинет
баннеры по разделам и тегам, расписание показов, просмотры и клики — всё в одной таблице админки
-
админка
редакция сама вела события, места и подборки: разделы, порядок в меню, превью страницы и темы до публикации
интеграции
3 сервиса, из которых приходили события, фильмы и экскурсии
выставок в билетном сервисе не было — их наполняла редакция
Афиша Казани
портал: события, места, билеты
-
Rambler Kassa
события и сеансы 5 типов — от концертов до спорта, покупка билета в окне на сайте
-
Afisha.ru
данные фильмов для карточки: описание, страна, рейтинги
-
Tripster
экскурсии и кнопка «купить» — переход к той же экскурсии
ключевые экраны
как это выглядит
технологии
что внутри
функции
- конструктор разделов со своей цветовой темой
- 4 уровня страниц
- фильтр-фраза «куда идём?»
- поиск по всему сайту
- сеансы кино по кинотеатрам и датам
- карты мест и иллюстрированные схемы парков
- избранное и вход через соцсети
- «добавить локацию» с модерацией
- рекламный кабинет: баннеры, расписание, показы и клики
- мобильная версия
интеграции
- Rambler Kassa
- Afisha.ru
- Tripster
стек
- Laravel
- GraphQL
- Nuxt
- Elasticsearch
- Яндекс Облако
- CI/CD
- 3 окружения
после запуска
после запуска перевели портал в облако и передали код клиенту.
- июль 2022
перенос в Яндекс Облако и отдельное окружение для разработки.
- август–сентябрь 2022
передали клиенту исходный код фронтенда и бэкенда.
- до октября 2022
гарантийное сопровождение.
другие проекты
все проекты
6 вариантов цен: 2 категории × 3 оптовых уровня
