Угадай что… правильно, куки!
Настройки куки
Обязательные куки — обязательны (вау). Они нужны чтобы сайт и формы обратной связи работали правильно.
Куки аналитики и плееров можно выключить.
Куки аналитики и плееров можно выключить.
2 место в номинации «Развлечения и спорт» Рейтинга Рунета
Новый сайт
футбольного клуба
«Зенит»
Новый сайт должен решить как коммуникационные, так
и коммерческие задачи клуба: болельщики должны с первого же экрана получить
необходимую им информацию, а редакция должна иметь возможность управлять
приоритетами контента, влияя на путь пользователя по сайту.
и коммерческие задачи клуба: болельщики должны с первого же экрана получить
необходимую им информацию, а редакция должна иметь возможность управлять
приоритетами контента, влияя на путь пользователя по сайту.
Главная страница должна начать отыгрывать
свою роль — быть витриной всего сайта.
свою роль — быть витриной всего сайта.
Концепция
Страница новостей
В клубе всегда происходит великое множество интересных событий, а значит, и новостей на сайте будет большое количество. Мы руководствовались принципами, которые используют при разработке новостных порталов: отсутствие тупиковых страниц, рекомендации новостей, чистота страницы и легкость чтения.
Главная страница
Главную страницу было решено поделить на зоны — витрины
ключевых разделов сайта, откуда пользователь может
получить всю ключевую и актуальную информацию с возможностью перейти в раздел за детальной информацией.
ключевых разделов сайта, откуда пользователь может
получить всю ключевую и актуальную информацию с возможностью перейти в раздел за детальной информацией.
Редакция сможет легко управлять зонами — переставлять местами, добавлять их или удалять, чтобы управлять приориетами контента
для пользователей
и рассказывать им необходимую в данный момент информацию
для пользователей
и рассказывать им необходимую в данный момент информацию
Матч-центр
Блок на главной странице, который отражает всю ключевую информацию о матче. Матч-центр представлен в 3-х состояниях: до матча, во время матча и после матча. В каждом состоянии представлена актуальная информация на заданный момент времени
Проектирование
После определения концепции, структуры сайта и информационной архитектуры, мы разработали прототип интерфейса. Здесь вы можете увидеть процесс прототипирования
Дизайн
Для начала работ над макетами, мы определили 3 ключевые части любой дизайн копцепции
Цвет
Проведя анализ контента мы нашли процентное соотношение светлых и темных оттенков для зон страницы
На сайте много информации для чтения, поэтому преобладает белый цвет
42% Белый
#ffffff
04% Черный
#000000
Темный фон использовался на зонах с видео и фотографией, визуально на темном они лучше воспринимаются
26% Серый
#393b44
06% Синий
#0550a5
14% Голубой
#009ee1
Шрифт
Для заголовков нужен был заметный гротеск, мы использовали Futura Demi, и подобрали к нему шрифт для текста — PT Sans
Графика
Вся графика выполнены в
Pixel Perfect, они векторные и идеально отображаются при любом масштабе. Иконки были придуманы через метафоры на тип контента, который они сопровождают
Pixel Perfect, они векторные и идеально отображаются при любом масштабе. Иконки были придуманы через метафоры на тип контента, который они сопровождают
Главная страница
Матч-центр
Страница новостей
Перед матчем слайдер меняется на матч-центр, чтобы можно было отслеживать оперативную информацию о матче.
Технологии
Мы всегда поддерживаем свои знания в актуальном состоянии и используем все новые достижения в области разработки ПО и IT в целом. При разработке сайта мы использовали все прогрессивные методы, подходы и технологии, которые в связке с осознанным анализом, прототипированием и дизайном помогли создать современное решение, достигающее поставленных перед ним целей
Сайт полностью оптимизирован для поисковых систем, учтены все требования самих поисковков и требования заказчика, которые формулировались им на протяжении всей работы старого сайта.
За счет лаконичного синтаксиса, jade файлы разрабатываются намного быстрее HTML. С помощью jade описывается структура документа, а HTML генерируется автоматически. Это позволяет не только повысить скорость работы, но и сократить количество ошибок при верстке такого высокого уровня сложности.
Использование jade файлов для повышения скорости верстки и внесения изменений
Клиент
И, конечно же, наш клиент. Только при плотном взаимодействии с Клубом мы смогли создать такой невероятный сайт. А сколькому мы научились у ребят — словами передать невозможно.
«Когда мы думали про новый клубный сайт, мы решали несколько задач.
Во-первых, нам нужно было лучше представить на сайте уже существующие сервисы и контент. Скажем, у нас самая точная и подробная статистика „Зенита". Сейчас она спрятана где-то глубоко в глубине сайта. А мы бы хотели, чтобы все наши пользователи о ее существовании знали и могли бы легко с ее помощью узнавать интересные для себя факты.
Во-вторых, мы хотели, чтобы контент, который создают наши пользователи, тоже стал бы заметнее на сайте. Больше доступного болельщикам контента — более интересный и эффективный для клуба сайт.
Нам кажется, что Func. помогли нам воплотить в жизнь все задачи.»
Даниэль Лурье,
Главный редактор ФК «Зенит»
Во-первых, нам нужно было лучше представить на сайте уже существующие сервисы и контент. Скажем, у нас самая точная и подробная статистика „Зенита". Сейчас она спрятана где-то глубоко в глубине сайта. А мы бы хотели, чтобы все наши пользователи о ее существовании знали и могли бы легко с ее помощью узнавать интересные для себя факты.
Во-вторых, мы хотели, чтобы контент, который создают наши пользователи, тоже стал бы заметнее на сайте. Больше доступного болельщикам контента — более интересный и эффективный для клуба сайт.
Нам кажется, что Func. помогли нам воплотить в жизнь все задачи.»
Даниэль Лурье,
Главный редактор ФК «Зенит»