Задача
Агентство Total готовило для фармацевтической компании конференцию сотрудников в Crocus City Hall. Компания хотела показать, в каких регионах она лидирует, и сделать так, чтобы каждый сотрудник нашёл на этой карте себя и свою команду.
Мы сделали интерактивную карту России для большого экрана-стены с сенсорным столом перед ним: от дизайна до админки и работы на площадке. От согласования макетов до показа прошёл месяц.
Карта лидерства
На первом экране — вся Россия. Регионы окрашены по позиции компании: синие — первое место на рынке, зелёные — первое место в одном из терапевтических направлений.
Москву и Петербург на карте сделали крупнее, чем в жизни, и отделили от областей — иначе в них не попасть пальцем. А чтобы увеличенные города всё равно узнавались, дизайнер дорисовал им контуры с изгибами настоящих границ.
Достижения региона
Касание открывает регион: его достижения — до шести, но чаще два-четыре — и список подразделений. Достижения работают как вкладки: у каждого свой набор команд, которые к нему причастны.
Цвета вкладок согласовывали дольше всего. Для клиента было принципиально, чтобы фон оставался белым и у выбранной вкладки, а цветной текст не читался как «достижение не выполнено».
Своя команда
В подразделении — вкладки команд и карусель фотографий: сначала общие снимки команд, потом портреты по восемь на слайд. Рамки, поворот и размытый фон под фото вёрстка добавляет сама, поэтому любые снимки выглядят на экране одинаково аккуратно.
Над командой — плашка достижения, из которого в неё пришли, чтобы было понятно, за что команду отметили.
В кадрах кейса — вымышленные имена и фотографии, позиции на рынке тоже заменены.
Поиск региона
Не все сразу находят свой регион на карте, поэтому по просьбе клиента мы добавили поиск по названию — с экранной клавиатурой прямо на сенсорном столе.
Фото от сотрудников
Фотографии собирали заранее: сотрудники сами загружали их через форму — регион, подразделение, имя и фамилию, личное фото или снимок команды, с согласием на обработку персональных данных. Портреты — квадратные, снимки команд — 4:3.
Кто не прислал фото, всё равно остаётся на карте: для них дизайнер нарисовал заглушки — для сотрудника, сотрудницы и команды. В админке организаторы правили регионы, достижения, подразделения и команды и проверяли загруженные фото.
На конференции
29 января карту поставили в фойе Crocus City Hall и прогнали вместе с клиентом, правки по данным вносили удалённо прямо во время монтажа. 30 января гости выстроились у стенда в очередь, чтобы найти на карте свои фотографии.
По словам техника, который работал на площадке, из всех активностей, что он видел на мероприятиях этой компании, наша карта произвела наибольший фурор.