о проекте

о проекте

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

цели

цели

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

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

проблематика

проблематика

в медиафутболе нет определения «медийности». важно донести это понимание до аудитории, чтобы объективно оценивать популярность игроков и команд

в медиафутболе нет определения «медийности». важно донести это понимание до аудитории, чтобы объективно оценивать популярность игроков и команд

команда

команда

ux-исследователь, копирайтер, графический и продуктовый дизайнеры, дизайнер на ревью

ux-исследователь, копирайтер, графический и продуктовый дизайнеры, дизайнер на ревью

исследование

исследование

определение архетипа

определение архетипа

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


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

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


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

сбор референсов

сбор референсов

на следующем этапе исследования мы с командой собрали несколько референсов. собранные референсы помогли нам с определением визуальной стилистики разрабатываемого продукта.

на следующем этапе исследования мы с командой собрали несколько референсов. собранные референсы помогли нам с определением визуальной стилистики разрабатываемого продукта.

основные выводы на основе референсов:

  • минимализм и акценты — четкие акценты на важных элементах поддержат архетип героя;

  • геометрические формы и динамика — использование геометрических линий и динамичных композиций поддержат архетип искателя;

  • дизайн с крупными изображениями подчеркивает индивидуальность и достижения;

основные выводы на основе референсов:

  • минимализм и акценты — четкие акценты на важных элементах поддержат архетип героя;

  • геометрические формы и динамика — использование геометрических линий и динамичных композиций поддержат архетип искателя;

  • дизайн с крупными изображениями подчеркивает индивидуальность и достижения;

визуальная концепция

визуальная концепция

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

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

согласование концепции

согласование концепции

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

итоговое решение

итоговое решение

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

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

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

результат

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

что дальше?

  • углубленный анализ пользовательского поведения: провести A/B тестирование, чтобы определить наиболее эффективные элементы интерфейса и улучшить их.

  • разработка новых функций: внедрить возможность интеграции дополнительных социальных сетей для более точного расчета медиарейтинга.

  • оптимизация мобильной версии: доработать мобильный адаптив с учетом обратной связи пользователей для повышения удобства.

Create a free website with Framer, the website builder loved by startups, designers and agencies.