info@lozhkindigital.ru
Пишите по любым вопросам
+7 991 197-84-96
Ежедневно с 10:00 до 19:00

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

разработка социальной сети мобильная версия

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

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

разработка социальной сети окно сообщений

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

разработка социальной сети основная лента постов

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

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

разработка социальной сети страница профиля

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

разработка социальной сети страница профиля при скролле

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

разработка социальной сети страница поста

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

разработка социальной сети страница поста при скролле

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

разработка социальной сети страница поста 2 дизайн

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

разработка социальной сети страница поста 3 дизайн

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

разработка социальной сети страница поста 4 дизайн

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

разработка социальной сети комментарии

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

разработка социальной сети страница настроек

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

разработка социальной сети страница настроек пруф

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

разработка социальной сети страница настроек доступы

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

разработка социальной сети страница настроек уведомления

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

разработка социальной сети страница настроек приватность

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

разработка социальной сети страница настроек черный список

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

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

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

разработка социальной сети страница авторизации

Страница авторизации пользователей.

разработка социальной сети страница регистрации

Страница регистрации пользователей.

разработка социальной сети пользовательская лента

Лента собственных постов пользователя.

А вот так лента выглядит на мобильных устройствах:

разработка социальной сети дизайн для мобильных устройств

Вам нужно повысить эффективность, увеличить продажи или у вас есть идеи классных интернет-проектов? Тогда оставьте заявку на бесплатную консультацию и наш менеджер свяжется с вами в ближайшее время

Получить бесплатную консультацию