WEB-дизайн
forsmi logo
Работа над проектом проходила в несколько этапов. Первым из них стала разработка нового логотипа для информационного портала. Последующие же этапы были посвящены прототипированию и дизайну обновленной версии портала.
32 уникальные
страницы
45 чашек
кофе
24 тысячи
пикселей

Этап первый

Редизайн логотипа

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

Финальные варианты

forsmi logo final

Основные цвета

C:7  M:99  Y:98  K:1 C:0  M:0  Y:0  K:0 C:70  M:68  Y:66  K:80 C:80  M:27  Y:6  K:0 C:19  M:15  Y:15  K:0

Этап второй

Прототипирование

Прототип включал в себя абсолютно все страницы, так как даже,
казалось бы, несущественные страницы требовали детальной
проработки и анализа.
  • Страница
    фоторепортажей
    По сути, это те же новости с одним лишь отличием —
    главным контентом тут являются фотографии.
    На странице размещаются по 3 фоторепа
    для каждой из подкатегорий, таких как
    «политика», «бизнес», «наука» и т.д.
    Страница фоторепортажей ФОРСМИ
    В верхней части располагается
    крупная фотография «Фотореп дня», что,
    по сути, является такой же новостью дня.
  • Страница
    анонса
    На странице анонса размещается вся необходимая
    информация, такая как информация об аккредитации,
    контактные данные, список участников, а также
    прикрепленные изображения.

    Анонс отображается в двух вариантах:
    для тех, кто зарегистрирован в системе
    и тех, кто не имеет аккаунта.
    Страница анонса ФОРСМИ
    Любой анонс можно: добавить
    в свой календарь, распечатать или сохранить
    в свой медиаплан, при наличии расширенного
    аккаунта. Также можно делиться анонсами
    в соц. сетях, что приносит баллы.
  • Главная
    страница
    Главная страница разбита на четыре основные части.
    В левой колонке отображается лента анонсов,
    отсортированная по убыванию даты.

    В нижней части расположены прошедшие
    анонсы. Таким образом создается
    постоянно обновляющаяся
    лента анонсов.
    Главная страница ФОРСМИ
    В верхней и правой части
    страницы расположены блоки
    с промотируемыми пользователями
    анонсами, которые размещаются там
    за дополнительную плату.

Этап третий

Создание дизайна

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

Примеры страниц

  • Анонсы
  • Фоторепы
  • Объявления
  • Справочник
  • Добавить анонс

Примеры страниц

Как мы уже говорили, всего было разработано 32 уникальные страницы,
не считая экранных форм. Вот некоторые из них.

Иконки

Был создан набор иконок для функциональных кнопок на карточках анонсов, релизов
и т.д., для фильтра «Тема» и «Вид объявления», а также иконки соцсетей.
Добавить
в календарь
Добавить
в медиаплан
Отправить
на печать
Скачать
медиаплан
другие проекты