Лучшие статьи и кейсы стартапов
Включить уведомления
Дадим сигнал, когда появится
что-то суперстоящее.
Спасибо, не надо
Вопросы Проекты Вакансии
Многофункциональный интернет-сервис для людей с ограниченными возможностями
Рекомендуем
Продвинуть свой проект
Лучшие проекты за неделю
39
Битрикс24

Битрикс24

www.bitrix24.ru

30
Отследить-посылку

Отследить-посылку

отследить-посылку.рф

13
WebResidentTeam

WebResidentTeam

webresident.agency

12
Логомашина

Логомашина

logomachine.ru

11
Devicerra

Devicerra

devicerra.com

11
Flowlu

Flowlu

flowlu.ru

10
GIFTD

GIFTD

giftd.tech

9
Aword

Aword

Приложение для изучения английских слов

9
ADN Digital Studio

ADN Digital Studio

adn.agency

9
Eczo.bike

Eczo.bike

www.eczo.bike

Показать следующие
Рейтинг проектов
Подписывайтесь на Спарк в Facebook

Представляем вам дизайн профиля!

408 0 В избранное Сохранено
Авторизуйтесь
Вход с паролем
Приветствуем сообщество!
И снова мы подводим вас, продолжая нарушать сроки раз за разом.
Наша поездка в Москву, о которой мы писали в прошлый раз, увенчалась успехом - у нас появились новые друзья, готовые поддержать наш проект на его пути. Но запись не об этом.
Сегодня, в качестве извинения за очередную задержку, мы хотим показать вам конечный вариант дизайна на примере профиля моей супруги - Яны.

Встречаем!
b_5372127ca208d.jpg
Общая идея

Изначально, когда мы разрабатывали концепцию дизайна, перед нами стояла задача : оригинальность решения, отличающая наш проект от других социальных сетей, но при этом удобство, интуитивно понятный интерфейс. Задача не из легких. Усложнялось все тем , что в силу специфики предполагаемой аудитории, элементы дизайна должны быть достаточно крупные, но при этом вписываться в концепцию. Потому частично были заимствованы идеи стиля Metro, за что мы выражаем благодарность корпорации Microsoft.
Плиточный дизайн смотрится современно, а работать с таким сайтом достаточно просто даже новичку.

Пробежимся по функционалу и элементам управления.

Левое меню, на наш взгляд, получилось на "отлично" - простые, запоминающиеся иконки, гармонирующие с остальным дизайном, оставляют приятное впечатление и смотрятся стильно (кнопка "друзья" находится в состоянии наведения курсора мыши). Схожее решение использовалось на Google+ и произвело на нас впечатление.
Блок информации о пользователе для удобства и компактности разбит на вкладки (вкладка "Интересы" - наведен курсор мыши), работающие на основе технологии Ajax. Если говорить о российских социальных сетях, то нам никогда не нравилась "простыня" на странице пользователя ВКонтакте, как и неудачная попытка решить эту, на наш взгляд, проблему (спойлер).
Блоки, находящиеся под информацией, тоже присутствуют неспроста - в первом выводятся последние записи пользователя в дневнике, а вот на втором остановимся подробнее. Сервис "Услуги" - доска объявлений, где пользователи могут рассказать о своих навыках, условиях работы и ценах на услуги. Упрощенная фриланс биржа. Все мы знаем, как сложно инвалиду найти хорошую работу, а "кушать хочется всегда". И если он, находясь в поиске работы, умеет ремонтировать компьютеры - почему бы не подзаработать на этом? Услуги разбиты на множество категорий, от ремонта бытовой техники до дизайна интерьеров, от установки ПО до написания музыки - абсолютно каждый найдет для себя соответствующую рубрику. Но вернемся к блоку на профиле. Работает он так же, как и соседний блок дневника - выводит последние услуги, добавленные пользователем. Таким образом, размещая этот блок в столь видном месте, мы хотим сразу же, при первом посещении страницы, привлечь внимание посетителя - потенциального клиента - к навыкам человека. Продумывая структуру профиля мы хотели чтобы она была максимально информативной, показывающей далеко не только видео и фото, загруженные пользователем. И считаем, что у нас получилось.

А теперь внимание - фишка!

Фотография, находящаяся справа от аватара пользователя, отнюдь не является обычным User Cover.
Это - слайдер из последних загруженных пользователем фотографий. Между собой мы называем его Photo Timeline. Кстати, о таймлайне, придуманном умельцами из Facebook - вещь, несомненно, интересная, но на наш взгляд не рассчитанная на русский менталитет. Мы отказались от идеи использовать такой подход в организации пользовательского контента, сделав выбор в пользу классической "стены", а взамен Хронике разработали слайдер, являющейся по сути иллюстрированным путеводителем по последним событиям в жизни пользователя. На скриншоте профиля, который мы представили в этой записи, показано, как выглядит слайдер при наведении курсора - плавно появляются стрелки навигации по бокам и информационная прозрачная панель, дающая краткую информацию о просматриваемой фотографии. Точно такая же панель появляется и при наведении курсора на фотоальбом.

Просьба к читателям

Пожалуйста, расскажите о ваших первых впечатлениях при ознакомлении с нашим дизайном, какие вы видите недостатки, что бы вы изменили, а что вам наоборот нравится? Как вы считаете, будет ли наш сайт вызывать нежелательные ассоциации с другими социальными сетями?
Нам очень важно ваше мнение.

С уважением, команда СредиСвоих.

+1
Добавить в избранное Сохранено
Авторизуйтесь
Вход с паролем
Комментариев еще не оставлено
Выбрать файл
Читайте далее
Загружаем…
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать