logo Fresh
УЗНАТЬ СТОИМОСТЬ САЙТА
Опишите в комментариях требования к Вашему новому сайту. Чтобы мы могли его точно просчитать

info@freshweb.agency
г.Киев, Саксаганского 33
Назад

Кейс - сайт для тимбилдингового проекта Бизнес Игры

Задача:

Создать сайт для тимбилдингового проекта Бизнес Игры

Нам предстояло:

Разработка креативной идеи

Чтобы проникнуться духом геймификации и прочуствовать азарт, которым горит наш заказчик, перед разработкой мы пришли на игру. И это действительно сработало! Зарядившись вдохновением, мы начали рисовать и вот что получилось:

Разработка сайта

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

 

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

Нам хотелось с первого момента погрузить пользователя в мир игры, а потому главная страница сделана в формате онлайн квеста, где кликая на подсвеченные элементы пользователь переносится на соответствующие страницы: клик на телефон перенесет пользователя на страницу контактов, а на настольных играх – на страницу описания игр. 

 

Также, чтобы добавить уникальности, скетч для главной страницы художник отрисовывал вручную:

На странице «Наши игры» при пролистывании меняется фоновая заставка, описание и фото/видео соответственно выбранной игре 

 

На странице «Разработка бизнес-игр», сам процесс разработки мы выполнили как поэтапно подсвечивающийся круг, внутри которого полигональне нити следуют за курсором

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

 

С каждым вопросом фигурка ведущего перемещается на 1 «ход». А чтобы антураж выглядел еще живее, вода в водопаде льется, а тучи перемещаются при вождении курсора

 

После прохождения теста появляется кнопка «Поделиться результатом», чтобы опубликовать результат на странице пользователя в соц. сети

Страница «Команда». Здесь пользователь знакомится с тренерами, может выбрать тренера для своей игры. Также при наведении курсора на тренера его выражение лица меняется.

 

Геймифицировали мы и страницу «О нас»: при клике на иконку компьютерной мыши сиксаедр начинает вращаться и «выдает» факт о компании

 

 

И даже на последней странице мы добавили анимацию: фигурка ведущего перемещается по игровым полям от почтового адреса, к номеру телефона.

Результат

У нас получился очень живой сайт. Благодаря многочисленной анимации и геймификации пользователь вовлекается в процесс игры уже при первом знакомстве и это чувство сопровождает его на каждой странице.

 

Заказать сайт