Дизайн для информационного портала «Мегаполис»

Сайт телеканала, который выступает в роли новостного портала – таких задач в портфолио агентства давно не было. Мы с энтузиазмом взялись за реализацию проекта. По всем законам UI-UX.
Клиент
Медиахолдинг «Югра»
Теги
ИНФОРМАЦИЯ О КЛИЕНТЕ
Медиахолдинг «Югра» является крупнейшим СМИ в Ханты-Мансийском автономном округе.
Концепция
Работу начали с брифования и анализа референсов. В предварительном интервью клиент озвучил, что хотел бы современный светлый дизайн, но с нотой индивидуальности. Кроме того, важные новости и материалы должны быть акцентированы.

В анализе не стали ограничиваться только российскими примерами СМИ:
В этих примерах понравилось «блочное строение новостей», чистый дизайн, наличие интересных деталей — «скошенных» элементов в заголовках рубрик, соблюдение визуального ритма — материалов с иллюстрациями и без:
В пример выше понравились яркие цветовые акценты, работа с типографикой. Как видите, не только новостные ресурсы попали в анализ. Идеи по оформлению смотрели в корпоративных блогах, порталах и т. д.

У клиента несколько цветов в фирменном стиле — темно-серый и розовый. Эти цвета обязательно используем в дизайне:
Прототип
Рисуем прототип основных страниц. Главная страница, страница рубрики, новостей:
В целом, за исключением деталей, прототип был принят без правок. По дизайну разработали несколько концепций.
Концепция 1
Со «скошенными» элементами рубрик:
Концепция 2
С контрастными заголовками:
Финальная концепция
Клиент остановился на последнем варианте концепции.
Вот так выглядит дизайн в окончательном варианте после нескольких итераций правок:
Главная страница:
Страница новости:
Страница интервью:
Страница проектов:
Лонгрид:
Страница фоторепортажа с галереей:
404 ошибка:
Также разработали UI kit для фронтенд-разработчиков клиента, чтобы ни одна деталь не помешала визуальному восприятию будущего информационного сайта.
РЕЗУЛЬТАТ
На данный момент проект находится на стадии разработки у подрядчиков клиента
Начать проще, чем кажется. Напишите нам на sales@titansoft.ru или отправьте заявку через сайт. Мы подберём для вас подходящее решение
Хотите так же?
похожие кейсы