О проекте:

* Название проекта — Убей Рутину-2. Конец Света

* URL — ybeirutiny.ru

* Клиент — Живой Офис

* Регион — Москва, Санкт-Петербург

* Отрасль — Развлечения, офисные игры

* Тип проекта — Интерактивная игра

* Срок реализации проекта — 2 недели

* Дата публикации проекта — ноябрь 2012

* Выбор платформы — Zendframework

Проектная группа:

• Менеджер проекта
• Арт-директор
• Проектировщик
• Web-дизайнеры
• Иллюстраторы
• Верстальщики
• Технический директор
• Тестировщик
• Копирайтеры
• Контент-менеджер

Решение:

Новая версия игры приурочена к легенде о Конце Света. В рамках данной концепции разработаны все текстовые и графические материалы, рекламная и PR-кампании.

Подробное описание проекта:

Этап #1 – Разработка концепции и механики, ТЗ, проектирование сайта и системы управления

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

Этап #2 — Дизайн сайта

1. Разработка концепции дизайна в соответствии с утвержденными идеями и стилистикой игры;
2.  Визуализация  концепции на примере главной и двух внутренних страниц;
3. Визуализация персонажа;
4. Детализация концепции на примере главной и всех внутренних страниц сайта, демонстрация стилей поведения всех элементов при активностях пользователя:

• Главная:

               Правила, Легенда:

               Карта очищенной территории:

• Новости:
  

• Все задания:

• Страница задания и голосование:

• Рейтинг команд:

• Страница команды:

• Личный кабинет:
  

• Ошибка 404:

Этап #3 — Верстка макетов

• Количество макетов к верстке — 25;
• Технологии — HTML, CSS, AJAX, jQuery;
• Тип верстки — Блочная «резиновая» под разрешение 1024 — 1 800 пикселей;
• Адаптация под отображение во всех популярных интернет-браузерах и на всех популярных платформах (iOS, Android).

Этап #4 — Программирование, настройка CMSи сервера согласно ТЗ

• Технологии — PHP 5.3, Zend Framework 2, MySQL 5.1, Apache HTTP Server 2.2, YouTube API; Google Maps API;
• Сайт расположен на выделенном сервере — Intel Xeon 3.3 GHz x 8, 32 GB RAM, канал — 1 Gbit/sec. (в пиковые нагрузки на сайт во время проведения рекламной кампании достигали уровня до 15 обращений в секунду);
• Система личных кабинетов пользователей — редактирование данных, выполнение заданий (загрузка файлов всех популярных форматов);
• Система голосования и рейтинга команд;
• Новости;
• Социальные сервисы;
• Удобное редактирование 95% контента на сайте через интерфейс CMS.

Этап #5 — Итоговое тестирование и доработки

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

Перейти на сайт