;-)
Сайт Киоск
1.0 2.0

Создание второй версии сайта сети кинотеатров «Планета кино»

Описание• Процесс

Изучаем вводную информацию, описываем целевую аудиторию, составляем сценарии пользователей.

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

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

Спустя несколько итераций находим нужную версию главной страницы. Еще раз проверяем всю функциональность.

Разбираемся с другими страницами прототипа.

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

Приступаем к отрисовке. Арт-директор просит делать макеты на 1000 пикселей. Рисуем главную. Вроде все нормально. Утверждаем направление у заказчика, переходим к остальным страницам.

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

Работаем над двумя версиями расписания и страницами стилей.

Не находим достаточно изящного решения для выбора мест на мини-схемах и отказываемся от этой идеи.

Приводим в порядок навигацию. Рождается идея спрятать список фильмов в выпадающее меню — так на любой странице будет доступен весь репертуар кинотеатров и появится возможность перейти к нужному кино. Тестируем — работает. Рисуем.

Возвращаемся к личному кабинету. Завершаем прототип. Параллельно начинаем верстать.

Утверждаем прототип личного кабинета, рисуем главную страницу с билетами.

Арт-директор вариант не принимает, перерисовываем. Работаем над страницей настроек.

Арт-директору по-прежнему не нравится ни то ни другое. Переносим лейблы полей влево, как того просит арт-директор, и «чистим» билеты.

Все равно что-то не то. Долго и упорно ищем, что же не так и как это сделать правильно.

Не забываем о функции отправки билетов друзьям.

Вспоминаем о затее с мини-картами — находится подходящее техническое решение. Решаем распространить его и на страницу расписания сеансов. Переверстываем.

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