Разработка шаблонов норвежской социальной сети по типу блого-платформы Proofpeople

ProofPeople — норвежская социальная сеть по типу блого-платформы, основателями которой являются выходцами из России — Артем и Сергей. Перед нашей командой ими была поставлена комплексная задача: разработать прототипы, дизайн-макеты и базовые шаблоны, чтобы все это затем пересадить на код.

В результате нами была проведена колоссальная работа итогом которой стала разработка всех видов шаблонов пользователей.

Начать стоит, пожалуй, с окна сообщений — переписок пользователей. Слева можно выбрать пользователя для начала переписки, справа — получить рекомендации, в шапке ресурса — доступ к основным разделам всего сайта. Все просто и эффективно.

А это главная страница ленты постов. На основном блоке транслируются посты, выбранные алгоритмом системы с наибольшим количеством лайков и просмотров пользователей. Слева — лента постов друзей. Также в основной блок попадают небольшие вставки постов из рекомендаций.

Лента постов «Мне нравится-Прочитать позже» — по сути аналогия закладок:
Отметил пост лайком и он появился в ленте «Мне нравится»;
Не успеваешь дочитать пост, но он показался тебе интересным, добавляешь его в интересное и он появляется в ленте «Прочитать позже».

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

Та же самая страница при скролле.

Это одна из самых интересных страниц — а именно страница поста. Основной блок с удобным выводом информации справа. И информационные блоке в сайдбаре слева. Категории, поиск и кнопка «Подписаться на автора» сохраняются сверху (вторая шапка).

А так выглядит страница поста при скролле вниз, открывая больше информации и блок с возможностью e-mail подписки на новости автора поста.

А это вторая версия дизайна шаблона страницы поста: убран фон в блоке названия, картинка выведена отдельным полем.

Третья версия дизайна шаблона страницы поста: убраны практически все отвлекающие элементы, остается только наслаждение контентом.

А это четвертая, и самая последняя, версия дизайна шаблона страницы поста: убраны все отвлекающие элементы, в том числе и иконка автора, для максимального сосредоточивания на информационной составляющей.

Также мы продумали ветки комментариев: есть возможность построения списков и прикрепления файлов. В футере поста находится поле ключевых слов и возможность поделиться постом в социальных сетях.

Страница настроек — главный раздел. Возможность редактирования основных данных пользователя.

Страница настроек — раздел настройки пруфа. Возможность редактирования информации, которая показывается в карточке пользователя.

Страница настроек — настройка доступов.

Страница настроек — настройка уведомлений.

Страница настроек — настройка приватности.

Страница настроек — настройка черного списка пользователей. В окошко сверху можно вставить ссылку на конкретного пользователя или сразу выбрать кого-то из списка друзей.

Страница настроек — настройка полномочий аккаунта. Выбор между индивидуальным или корпоративным аккаунтом для редактирования постов с большого количества устройств.