Редизайн и верстка сайта ФК «Сочи»
Футбольный клуб «Сочи» обратился к нам для проведения редизайна существующего сайта, при этом ФК «Сочи» хотел, чтобы верстку выполнили так же мы.
Что не устраивало в старом сайте
- Нагруженный визуал
- Проблемы с юзабилити
- Мало акцента на рекламе мерча и событий
- Требовалось переосмысление контентой части
Подготовка
Клиент сразу же любезно предоставил нам документ, в котором описал результат, который хочет получить в итоге. Этот документ нельзя было назвать исчерпывающим, но так как мы уже имели опыт работы с этим клиентом (кейс «Интерфейс продажи билетов»), то мы решили, что информации вполне достаточно. После согласования вопроса цены и короткого обсуждения с заказчиком мы взяли паузу на планирование задачи.
Дизайн
Работу над дизайном мы традиционно начали с разработки и согласования черно-белых макетов, чтобы определиться с компоновкой страниц и расположением основных элементов и контента.
Основной упор мы сделали на ясность и удобство пользования сайтом, что должно выгодно отличать разработанный дизайн от дизайна сайтов других футбольных клубов, которые в своем большинстве перегружены и неудобны.
WireFrame - страница матч-центра
Когда дизайн был готов и согласован - настала пора работы над версткой.
Верстка и программирование
Интеграция кода в CMS должна была выполняться силами заказчика, поэтому наша задача состояла исключительно в верстке и разработке необходимых фронтэнд компонент.
Основной задачей было сделать вёрстку качественно, используя компонентный подход для возможности переиспользования блоков в любом месте, а также сделать верстку легкой для интеграции.
Для верстки макета идеально подходили «гриды» (CSS-grids), так как большая часть контента имеет выравнивание по сетке, но, в целях обратной совместимости с более старыми браузерами была использована комбинация Floats и FlexBox.
Сравнение ДО/ПОСЛЕ
Финальный результат понравился клиенту и нам самим.
Мнение клиента
Работа с Object8 мне очень понравилась! Ребята всегда открыты к обсуждению, профессионально работают и не боятся разумных корретировок во время работы