Добавили новый интересный кейс 👉 https://whitebox1.io/cases/neos

Редизайн и верстка сайта ФК «‎Сочи»

Футбольный клуб «Сочи» обратился к нам для проведения редизайна существующего сайта, при этом ФК «Сочи» хотел, чтобы верстку выполнили так же мы.

Что не устраивало в старом сайте

  • Нагруженный визуал
  • Проблемы с юзабилити
  • Мало акцента на рекламе мерча и событий
  • Требовалось переосмысление контентой части

Подготовка


Клиент сразу же любезно предоставил нам документ, в котором описал результат, который хочет получить в итоге. Этот документ нельзя было назвать исчерпывающим, но так как мы уже имели опыт работы с этим клиентом (кейс «Интерфейс продажи билетов»), то мы решили, что информации вполне достаточно. После согласования вопроса цены и короткого обсуждения с заказчиком мы взяли паузу на планирование задачи.

Дизайн


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

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

WireFrame - страница матч-центра

WireFrame - страница матч-центра

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

Верстка и программирование


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

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

Для верстки макета идеально подходили «гриды» (CSS-grids), так как большая часть контента имеет выравнивание по сетке, но, в целях обратной совместимости с более старыми браузерами была использована комбинация Floats и FlexBox.

Сравнение ДО/ПОСЛЕ


Финальный результат понравился клиенту и нам самим.

Мнение клиента


Работа с компание WhiteBox мне очень понравилась! Ребята всегда открыты к обсуждению, профессионально работают и не боятся разумных корретировок во время работы

Есть подобная задача?

WhiteBox будет рад взяться за нее!

ОСТАВИТЬ ЗАЯВКУ