Задача: Нарисовать дизайн новой стандартной темы для LiveStreet.

Недавно к трудовому коллективу нашей веб студии присоединился очень хороший дизайнер Олег Уласюк. В основном он работает :), а в промежутках читает умные книжки и рисует красивые дизайны для opensource движков.

Первым был дизайн для темы Wordpress, а второй работой стал дизайн новой темы Street Spirit для LiveStreet.

Главная страница

Первое, что бросается в глаза — это заголовки топиков. Пользователь может без труда пройтись взглядом по заголовкам, не останавливаясь на содержании записей.

Достаточно важную роль на сайте играет поиск т.к. это один из способов навигации. Ему выделили место в верхней части страницы и сделали его более заметным за счет контраста с фоном.

Иконки добавления в избранное оформлены в виде привычных пользователям звездочек. После добавления топика в избранное сразу видно общее количество «залайкавших» эту запись.

Голосование за топики решили сделать в виде текстовых ссылок «это интересно» и «не интересно», чтобы все пользователи четко понимали, что это и для чего. Соответственно в меню пункт «Хорошие» переименовали на «Интересные».

Прямой эфир в сайдбаре переработан и разложен по полочкам — каждому элементу информации своя строчка (полочка). Также мы добавили вывод аватаров пользователей (это более информативно чем просто иконка пользователя), а вместо ника пользователя будет отображаться имя пользователя (если оно указано в профиле).

Топик

Так как LiveStreet используется в качестве движка для сообществ, то интеграция с популярными соц. сетями должна быть по умолчанию. Для этого в панель под топиком вынесли кнопки публикации/лайка в вКонтакте/facebook/twitter.

В дефолтных темах некоторые элементы управления довольно маленькие, например, кнопки рейтинга или анкор на комментарий. Решено было их увеличить, чтобы кликать было удобно даже на мобильных устройствах и планшетах :).

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

Профиль пользователя

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

Результат

Тема доступна для скачивания в каталоге расширений LiveStreet. Она получила множество положительных отзывов и используется на многих сайтах.