![](https://cdn.cases.media/image/wide/d98de1d0-1189-4ff7-9983-aaf4d545bca9.jpg)
Редизайн платформи для аналізу, дослідження та прогнозування американського фентезі-футболу
The Gradient занурились у вивчення зручності використання, ролі користувачів та UX-дизайну набагато глибше, ніж будь-яка інша дизайн-агенція, яку я знаюДжош Мур, засновник 4for4
![](https://cdn.cases.media/image/wide/09a6903c-26d7-482b-b4aa-fac98bcb8d11.jpg)
![](https://cdn.cases.media/image/wide/59449cb2-79e3-46a4-a3f5-15aacc90f715.jpeg)
Підхід як у журналі
4for4 – не типовий новинний сайт. По-перше, він містить різні види контенту: від останніх новин про гравців до аналітичних статей, інструменти опрацювання великих даних та рейтинги гравців із щоденним оновленням. По-друге, вміст сайту оновлюють залежно від ігрового дня. Щоб оптимізувати взаємодію з контентом платформи 4for4, ми використали підхід друкованого журналу. Тобто найважливіші оновлення закріплені у верхній частині сторінки протягом ігрового тижня, тоді як решта новин є у стрічці з фільтром за видом контенту.
![](https://cdn.cases.media/image/wide/f5975510-3e92-4c5f-b148-913da54c31c7.png)
![](https://cdn.cases.media/image/wide/20027125-9414-4460-9411-7cae2633cb4e.png)
![](https://cdn.cases.media/image/wide/b9e3725d-caf4-4fe9-b4fa-491d91ae2a2a.png)
Дизайн великих даних
Оскільки майже половина аудиторії (43 %) заходить на сайт із мобільних пристроїв, ми адаптували структуру візуалізації даних так, щоб забезпечити зручний доступ до використання ресурсомістких аналітичних інструментів на будь-якому пристрої.
![](https://cdn.cases.media/image/original/9c3bae88-7db4-4410-aef1-fc82fff0defb.gif)
![](https://cdn.cases.media/image/wide/313c537a-13bb-4ea6-ab96-696d6fbd3845.jpg)
![](https://cdn.cases.media/image/wide/3e57621d-981b-4213-b8c2-0999bd4661a3.png)
Призначений для конверсій
Одне з наших завдань – збільшити кількість підписників, адже 4for4 працює за моделлю передплати. Спочатку ми запустили декілька сезонних цільових сторінок, щоб збільшити відвідуваність. Відтак оптимізували сторінку з варіантами передплати, щоб полегшити вибір, а також процес оплати замовлення з мобільних пристроїв. У результаті, протягом року від моменту запуску коефіцієнт конверсії збільшився майже вдвічі.
![](https://cdn.cases.media/image/original/915c8cf1-d439-422e-89c7-50053da52375.gif)
![](https://cdn.cases.media/image/wide/8497d510-fe63-4017-b7f0-a65709f835ef.png)
Додаток для синхронізації ліги
Також ми розробили мобільний додаток, який дає підписникам змогу швидко імпортувати статистику з віртуальної футбольної ліги та отримувати рекомендації щодо складу команд. Крім того, вбудували контент сайту в додаток, щоб користувачі могли в одному місці отримувати інформацію про гравців та ухвалювати на її основі рішення.
![](https://cdn.cases.media/image/wide/ef381af4-a282-40f2-a91e-eba59606ac09.jpg)
![](https://cdn.cases.media/image/original/3f834136-4d02-4cd5-bcfb-b983af9ffb73.gif)
Результати
- 300 000 - нових користувачів через рік після запуску
- 87 % - збільшення коефіцієнта конверсії у передсезонний період
- 51 % - збільшення конверсії мобільного трафіку