Сайт Positiveclub - (с) Портфолио дизайнера Игоря Мальцева

Сайт Positiveclub

Опубликовано: иконка 03 Feb 2012 печатать Распечатать

Задача: Сделать сайт хорошего настроения Positiveclub, используя цветовую гамму и логотип, разработанные ранее... Хотелось бы сделать сайт, на котором будут  только позитивные новости, хорошие фотографии, интересные материалы. И весь контент нацелен на то, чтобы дать посетителю позитивный утренний заряд- всоего рода сайт/замена утренней газеты, которую просматривает человек за чашечкой ароматного утреннего кофе...

Задание было заказчиком сформулировано так:

О проекте

  • Веб-ресурс PositiveClub.info предназначен для всех, кто так или иначе интересуется позитивным мышлением.
  • Если вы устали от потока негативной информации, то, просто зайдя утром на PositiveClub.info, вы сможете начать свой день с хороших новостей.
  • Если вы решили добиться успеха в жизни – возможно, некоторые из советов наших экспертов и консультантов помогут вам узнать что-то новое об этом.
  • Если вы мечтаете разбогатеть – к вашим услугам довольно простые для понимания и основанные на здравом смысле подходы к решению этой проблемы.
  • Если вас интересует здоровый образ жизни – воспользуйтесь нашими рекомендациями в этой области.
  • Если вы озабочены поиском спутника жизни или построением здоровых взаимоотношений – узнайте, что об этом думают современные психологи.
  • Если же вы просто хотите быть счастливее – здесь вы можете найти несколько секретов, которые могут изменить вашу жизнь к лучшему.
  • Ну а если вам просто одиноко или вдруг взгрустнулось – побродите по нашему сайту, полюбуйтесь  счастливыми лицами и картинами природы в наших фотогалереях или просмотрите вдохновляющее видео – и возможно на душе у вас станет теплее…

Рубрики (верхняя навигация и, кроме последнего раздела, представлены в окнах на главной странице):

  • «Цитата дня» (после достижения цифры в 366 цитат нужно запустить механизм ежедневного автоматического обновления – вообще одна из главных фишек сайта в том, что посетитель каждое утро видит на главной странице кучу нового). 

  • «Полезная ссылка» (ежедневное автоматическое обновление),

  • «Видео дня» («ручное» обновление – как и все рубрики ниже),

  • «Хорошие новости»,

  • «Статьи и блоги»,

  • «Интервью и мнения»,

  • «О проекте».

Навигация по темам:

Преуспеть, Разбогатеть, Окрепнуть, Любить, Радоваться (тут можно придумать какую-нибудь анимационную фишку). 

Интерактив:

  • Можно придумать че-нить с четырехлистником клевера: 4 основные соцсети? или 4 темы (см выше) + их основа – мышление успешного человека («Преуспеть»)?

  • Опросы (поете ли вы в душе? – да, нет, иногда),

  • Розыгрыши призов ( с часами, например, – до конца розыгрыша осталось…) .

  • Опросы и розыгрыши можно объединить в одно – участники опроса принимают участие и в розыгрыше, например).

Варианты дизайна:

  • Пастельно-акварельный фон – бледно серый + бледно-зеленый – травинки, клевер или дерево…

  • Кофе, шоколад, утро,

  • Абстракция, но цвета красивые.

Вопрос:

Слайдшоу – нужно ли? Место занимает, сайт утежеляет + постоянным читателям надеодает. Но – сцуко красиво. 

RSS нужен или подписка, как думаешь? Не отжирает ли это трафик?

Работа над сайтом (из переписки с заказчиком)

Перво/наперво предлагаю уйти от стандартного уже вполне и даже слишком варианта использования слайдера. Вместо этого лучше сделать саму структуру страниц сайта более разнообразной и динамичной за счет композиции размещения модулей. Они сами по себе дадут все, что может нам предложить слайдер – динамику, «красивошность», структурность страницы (по образу абстрактной живописи, где эстетическую сущность картины являет сама законченная и умело сбалансированная и уравновешенная композиция). Правда, в дальнейшем это предъявляет повышенные требования к подготовке материалов для размещения на сайте, но я считаю, игра стоит свеч ;) Тщательность же в предварительной работе еще никому не вредила… Что касаемо эмоционального посыла, то это можно решить за счет использования фоновой подложки. Я сделаю нормальный вариант (это пока просто в качестве демонстрации намерений), в дальнейшем, если надоест, можно этот фон будет поменять.
 
Вверху над страницей сайта – на черной плашке размещены рабочие модули – связь с социальными группами (ныне не созданными), меню редактора (где размещены ссылки на аналитический сервис GoogleAnalytik – туда еще прописаться тебе предстоит и мну дать явки и пароли :), RSSканалы – источник вдохновения для редактора (какие каналы или канал туда поставить - решай), руководство пользователя (сюда выложил материалы (не все пока) для обучения работе с сайтом и пр.) ну и контакты – ссылку на мейл редактора или еще чего…)  Далее – форма регистрации посетителей и вход для членов клуба (тут вопросов не должно быть). Что касается информации, предназначенной не для всех глаз, ее можно сделать видимой только тем, кому нать, выставив соответствующие права доступа. Тогда прочие посетители эти модули видеть не будут…
 
Главное меню пока оставил для себя рабочий вариант (там пока демоверсии разверстки страниц для различных целей и пр.) – это уже в конце конкретизирую, когда структура сайта станет ясна…
Это меню – главный помощник в путешествии по сайту и его нужно продумать максимально юзабельным и предсказуемо логичным для посетителя.
 
Что касается второго меню, то это – наглядное представление структуры основных рубрик сайта. Практически, - его разделы отображают категории статей, публикуемых на сайте (оне и по названию должны быть идентичны, чтобы не путаться – сделаю, когда утрясем названия…). Т. е. мы имеем следующее: когда редактор выставляет на сайт новый новостийный материал, он задает ему категорию, к которой он относится. Таким образом, данный материал отображается  в разделе новостей на первой странице (а  там у нас стоит энное количество анонсов статей, отсортированных по дате публикации), а после того, как ему на смену приходят новые  и он смещается вконец рейтинга по дате публикации, он остается доступен в соответствующем разделе и посетитель может его найти там. При этом я попытаюсь усложнить  структуру новостей (опять же, чтобы не было скучно и чтобы динамика была) – сделать их отображение разнообразным и разбить их по блокам, которые будут брать материалы из определенных только разделов. Собственно, смотри контентную часть главной страницы…
 
Практически правая колонка - это блок рекламы. Ну легче мне мыслить блоками. Получилось, что у нас есть блок меню – шапка сайта, основная контентная часть –информационный блок и «рекламный» (условно назовем его так, хотя все несколько сложнее) блок – правая колонка. 

Это касаемо главной страницы.

На внутренних же у нас будет повторяться блок меню (это святое) – сверху, основная контентная часть, внизу которого добавим функционал, позволяющий работать с продвижением страниц и с комментированием, плюс – правая колонка в этом случае, (там где она будет уместна) будет иметь вспомогательную функцию (сюда запендюрим модули последних комментариев, вспомогательные меню и инструменты, облегчающие пользователю поиск интересующей его информации, а нам возможность сделать его пребывание на сайте долгим и плодотворным
 
Мдя, чуть не забыл еще про одну важную позицию – блок внизу, тот , что на черном фоне… Это материалы редакционные – тут вот можно ссылаться на разделы о проекте, его миссии, обратная связь, различные партнерские ссылки и программы… короче, понятно из визуально доступного:) В нижней его части дублируется для удобства рабоче меню редактора (то что в самом верху есть)

Итак, к правой колонке вернемся..  Справа/вверху может быть (как это сейчас) баннер-великан, либо блок из нескольких баннеров, или иное (например, модуль для яндекс рекламы, хотя она слишком некрасива, чтоб ея сюда ставить – лучше определить ей место внизу колонки. Сюда же что-то более позитивное, ибо место определяет…:) можно и просто картинку, что будет являться случайным выбором из прописанного энного количества соответствующего «раздела позитивных картинок».
 
Ниже блок табов – Смотри/читай/слушай  Предполагается здесь размещать предлагаемые вниманию посетителя сайта фильмы, концерты, спектакли/книги/музыкальные новинки соответственно. Функционал блоков в табе может быть различный… Можно организовать как блок из перечня анонсов (заголовок, краткий анонс, картинка, рейтинг по мнению читателя и пр. – опционально) может быть либо выборка n-нного количества последних публикаций соответствующего раздела (варианты «Зри» и «Внемли») или (вариант «Читай») – можно сделать слайдером по типу модуля «Удивительный мир» (см. ниже), естественно, анонсы интерактивные и при активации выбрасывают посетителя на страницу полного текста соответствующей публикации…
 
Модуль «Удивительный мир» сам по себе служит динамическим акцентом полосы – сюда предлагаю размещать материалы о интересных, курьезных и пр. событиях в мире, котором мы живем (позитивных, канечна ;)
 
Ну и реклама опять жа в виде анонсов или в виде ссылок (Полезные ссылки) Продавай – не хочу ! Вообще тут еще всевозможной контентной рекламы можно напихать – договаривайся с рекламодателями и вперед! Как бы только не превратить ресурс в очевидно-рекламный ;) Ну да тут твое чутье и умение подспорьем в деле…
 
Левая контентная часть страницы строится так – вверху наиболее значимые динамически обновляемые разделы – модуль «сегодня» - сегодня такой т день, в этот день есть повод порадоваться таким т событиям (праздники, памятные даты), именины и пр. Правее – рецепт(ы) дня – пошаговое приготовление какого либо, например необычного и позитивного завтрака или приготовление кофе (с мороженым и имбирем :)) То, что может дать позитивный заряд утра…

Ниже – блок анонсов «проблемных» статей – это для твоих авторских долгоиграющах материалов – типа статей, как жить хорошо, несмотря на окружающих ;) отображается n-нное количество последних публикаций, автоматически отобранных по дате. Вообще тут еще недодумано многое, продолжаю уточнять назначение и функционал… Обсудим по мере проявления ясности…
 
Ниже – цитата дня… баннер (?) и под ним блок новостей (это дайджест новостей со всего света, с указанием рубрики, к которой оне относятся (любовь, морковь, благополучие, здоровье и т. д.)) 

Сайт Positiveclub1Далее – немного про внутренние страницы сайта .. Пока есть доступные из главного меню варианты компоновки внутренних страниц сайта. Предлагаю делать верстку разнообразной для разных разделов (это сделает путешествие посетителя по страницам нашего сайта нескучным, сохранив при этом выдержанность общего стиля…) Что касается всех модулей, что присутствуют в компоновке, их можно менять местами, задавать различный функционал и пр. – это конструктор из кубиков :)
 
Внутренние страницы  имеют следующий функционал в основной части контента: навигацию (верхняя интерактивная строка навигации – определение местонахождения посетителя относительно рубрикатора сайта в каждый момент прочтения), указаны авторство, дата публикации, количество комментариев, возможность распечатки статьи, отправки на указанный пользователем адрес электронной почты. Есть возможность поставить особую метку «избранное»- ставится модератором в админке :)

Для каждого материала указывается рейтинг (по версии читателей, - «оценить материал» можно тут же… ) теги… Материалы имеют возможность интеграции в соцсети – кнопки для перепоста.
Далее – краткая информация  об авторе иего фото из профиля, ссылки на прочие публикации подобные по тегу, можно еще на самые популярные (у которых большее количество прочтений)
Далее «ОСТАВИТЬ КОММЕНТАРИЙ» - тут все понятно… на внутренние страницы в плане наличия и размещения блоков… еще буду делать, когда с главной ясность наступит, с ними отдельный разговор. 

Теперь немного пробежим по вспомогательному блоку модулей в левой колонке. Он отличен от главной, ибо здесь иные задачи и, соответственно, иное функциональное решение… Перво/наперво – здесь меню по рубрикам., блок комментариев  – инструмент отображения обратной реакции аудитории отображает N последних комментария к материалам сайта. Для вовлечения посетителя в дискуссиию. Блок «календарь» - инструмент выборки интересующих посетителя публикаций по дате. Думаю, еще сюда стоит попозже поставить блок «Архив» (отображение всех материалов, выложенных на сайт помесячно) и модуль поиска по сайту… Что будет если лишнее – уберу… Посмотрим еще…
Теги – «облако тегов» для поиска материалов (по тегам - ключевым словам) и Календарь инструмент для поиска материалов (по дате публикации). Служат для удобного и быстрого поиска
посетителем интересующей его информации. Уже ставшие традиционными инструменты.
Нужно будет везде к материалам прописать реальные ключ-слова. Я пока использовал для демонстрации приблизительные теги. Их уберем, когда будут уже конкретные значения к статьям прописаны… Такие дела :)

Пока бьюсь с функционалом всего того, уточняю структуру, думаю чего не хватает в нашем супе…Если появятся еще какие мысли – «шлите апельсины бочкам» (с) Смотри, участвуй… Успехов !

Задать вопрос автору проекта письмо автору