REACT.JS
STRAPI
POSTGRESQL
FIGMA
GOOGLE ANALYTICS
Nyan Heroes
  • переработать сайт их AAA-игры, находяющуюся в стадии пользовательского тестирования, сделав его более свежим и нацеленным на их основную аудиторию 17-25 лет, с учетом параллельно разрабатывавшейся айдентики;
  • настроить индивидуальную административную панель для оперативного изменения управления контентом на сайте — заменой изображений, текста, видео, добавлением/управлением ленты новостей;
  • настройкой инструментов просмотра метрик пользователей сайта.
К нам обратилась международная игровая студия из Сингапура с запросом:
Провели анализ конкурентов — студий создателей подобных игр, изучив структуру, дизайн, используемые дизайн-элементы на их сайт и пришли к предварительному выводу о том, как должна выглядеть постраничная и поблочная структура сайта.
UX-анализ
+
Создали прототипы страниц сайта без подробной структуры и точного расположения элементов друг относительно друга.
Low-Fi UX-дизайн
+
После корректировки прототипов исходя из пожеланий студии сформировали прототипы высокой степени проработанности (hi-fi) с частично подготовленным текстом.
Hi-Fi UX-дизайн
По итогам утверждения hi-fi прототипов подготовили концепты главной страницы сайта, исходя из которой строился бы основной дизайн сайта.
UI-концепты
+
+
Исходя из выбранной концепции, подготовили дизайн десктопной и мобильной версий сайта. Создали UI Kit, который можно использовать в других продуктах Nyan Heroes.
UI-дизайн десктопной и мобильной версий, создание UI Kit
После утверждения макетов сайта разработали сайт, используя технологии React.js, PostgreSQL, Strapi.
Административная панель, собранная с помощью Strapi, позволила редактировать практически каждый раздел сайта без дополнительной необходимости обращаться к разработчикам за техподдержкой.
Frontend, backend-разработка, тестирование
Общий срок создания сайта— 3 месяца.
В результате обновления количество посетителей увеличилось на 42%, а количество кликов по целевому действию — добавлению в лист ожидания игры — на 400%.
Сканирование сайта на выявление возможных угроз,подключение Google Analytics и публикация на домене