Онлайн-дайджест о финансах "OstApp"

Fintech

Перейти на сайт

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

Основная
задача

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

  • Создать удобный онлайн журнал
  • Организовать полнофункциональную систему управления контентом
  • Проработать удобную мобильную версию доставки контента
  • Статья важнее

    Основа интерфейса - это страница одной статьи как главная точка входа.

  • Mobile first

    Свыше 80% пользователей - с мобильных устройств.

  • Human friendly view

    Обращаем внимание на детали, которые упрощают восприятие информации.

Статья - first of all

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

  • Модифицированный
    заголовок
  • Функционал позволяет помечать утратившие актуальность статьи
  • Мы добавили возможность индивидуального управления аннотацией в статье
  • Безусловно, статья не может существовать без медиа контента.
  • Немаловажный элемент в статье - выноски. Их кастомизация осуществляется через дополнительный редактор, который также был добавлен в нашу систему для этой цели.
  • У редактора журнала есть возможность выделять главное в тексте и по-разному это оформлять
  • Также интересный элемент в статье - акронимы. Для них был создан дополнительный функционал в системе.
  • Было бы не честно по отношению к читателю не дать возможность скачать или просмотреть оригинальные источники данных
  • Ну и как же в наше время без возможности поделиться полезной информацией с другими

Perfect навигация

Для упрощения взаимодействия с большим количеством контента мы проработали подсказки/ссылки/сноски
и прикрепили навигацию по статье с ее оглавлением

Clear Дизайн

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

Сетка построена с кратностью 8рх

Палитра

  • #2a3491

    Обозначили основные призывы и акценты
  • #92278f

    Добавили динамику в блоках
  • #bcb4cf

    Показали второстепенные элементы
  • #f6f5fa

    Разделили блоки по смыслу

Шрифты

  • Крупный заголовок
    в статье
  • Крупные заголовки
    в разделах
  • Для второстепенного
    заголовка
  • Для основного
    текста в статье

Другие страницы

И потом уже мы приступили к созданию остальных страниц

    Side by side сравнение
    Конфигурации наполнения статьи

    Простое управление с Fdforge

    Понимая объем контента, который необходимо обрабатывать, мы расширили функционал системы fdForge и оптимизировали его под проект

    • Кастомизированный редактор статей, с дополнительными возможностями
    • Side by side сравнение статей для редакторов
    • Умное управление статьями в категориях и автоматические подборки по теме

    Узнайте, почему клиентам так нравится работать с нами