Разработка сайта для Клуба маркетологов Дагестана

Задача. Создать новый сайт

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

Информация

Для разработки сайта из студии участвовали 3 дизайнера. Для утверждения концепции и дизайна в Клубе была создана маленькая группа из 6 участников.

Дизайнер № 1

Описание концепции

Выбрано темное тональное решение.

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

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

Плавные формы web элементов - исходя из такой себе ассоциации как гибкость, что, по моему мнению, должно быть присуще маркетингу. Естественно все может быть красиво заанимировано, с наездами блоков друг на друга (параллакс) с красивой анимации текстов и т.д.  

Слайдер сделан максимально универсальным, он будет занимать весь первый экран. В нем без проблем меняется контент, для примера я сделал 2 слайда, в едином стиле сайта.

Ну и в целом, это концепция, ее еще можно и нужно дорабатывать. 

0010 marketing.dagestan.ru concept 1

Обратная связь от каждого из 6 участника: 

  1. Какая нафиг завеса тайны... у нас не орден тамплиеров. Логотипа цвета трогать категорически нельзя. Темный читать тяжело;
  2. Слишком тяжелые цвета. Для постоянного чтения и нахождения на таком сайте это очень плохо;
  3. Слишком много сбивающих с толку элементов в дизайне - мельтешит;
  4. На любителя и темная;
  5. Мрачные темные цвета, кроме верхней шапки ничего не понравилось;
  6. Темный.

Дизайнер № 2

Описание концепции.

Современный дизайн сайта с использованием градиентов и фотографий хорошего качества. Основные цвета взяты с лого.

Для привлечения внимания к элементам взаимодействия был использован контраст. В качестве контрастного основным цветом выбран жёлтый.

Так как таймер корректнее использовать для акций и специальных предложений в качестве дополнительного стимула подтолкнуть посетителя сайта совершить действие и так как перегружать слайдер дополнительными элементами не рекомендуется, вместо классического таймера использована строка текста. Будет правильнее использовать эту строку для отсчёта оставшихся ДНЕЙ до конца регистрации.  

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

Видео и фото хорошего качества будут сопровождать блоки на главной и на внутренних.

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

Данная концепция может быть доработана, изменена и усовершенствована.

0011 marketing.dagestan.ru concept 2

Обратная связь от каждого из 6 участника: 

  1. То, что надо:
  2. Очень милый и красивый концепт. Тренд;
  3. Мне нравится этот вариант: легко воспринимается, ближе к логотипу, достаточно удобный, несложный.... Но овал (фото) в углу я бы поменяла на другую форму - раздражает;
  4. Самый оптимальный вариант;
  5. Яркий, сочный, молодежный. В целом нравится кроме капли 
  6. Лучший вариант.

Дизайнер № 3

Описание концепции.

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

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

Так же своей простой и гибкостью отличается баннер афиши ближайших мероприятий.

0012 marketing.dagestan.ru concept 3

Обратная связь от каждого из 6 участника: 

  1. Никогда больше не показывайте этот вариант 
  2. Тут есть смысл.
    1. Слайдер событий на вверху, он будет не всегда т.к. события у клуба не так уж и много. Значит дизайнер учел, что при его отсутствии дизайн сайт абсолютно не страдает. Так же сам слайд сделан не плохо, учитывая что это все лишь концепция.
    2. Светлые и легкие цвета, будет удобно читать на таком сайте. Последние материалы отображены очень удобно с учетом того, что сам администратор будет искать фотоматериал.
    3. Изюминка замочек улыбающийся это прям круто. Ведь клуб закрытый и есть ссылка на вступление в клуб и она там. Также везде где будет закрытый материал только для клуба (новости, отчеты, мероприятия). Она всегда будет напоминать посетителям, что контент закрытый и нужно вступить. 
  3. Нагромождено и оранжевый цвет лишний;
  4. Просто картинки будто бы накидали;
  5. Самый колхозный вариант дизайна, аля 90 года, но понравились решения с хаштегами и нижней плашкой про рассылку, хотя бы понятно зачем подписываться ;
  6. Тоже вариант но 2 лучше;

Куратор  

Результат опроса после голосования за концепцию

result opros

 

Дизайнер №2

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

0020 marketing.dagestan.ru home page

Куратор

Не учтены моменты которые понравились в 3 концепции.

Все события будут отображаться на слайдере. На данный момент нарисовано события «мероприятие».  Нужно еще показать простое событие у которого не будет:

  1. Дата и время;
  2. Категория (мастер-класс);
  3. Счетчик конца регистрации;
  4. Кнопка регистрации.

Как будет выглядеть на слайде обычное событие (новость, статья или еще что нибудь). Еще один слайд нужно презентовать.

Дизайнер №2

Главная страница, учтены пожелания.

0021 marketing.dagestan.ru home page 2

Три варианта слайда, мероприятие закрытое, мероприятие с регистрацией, новость-статья.

Внутренние страницы сайта

О компании

0030 marketing.dagestan.ru about marketing club

Страница для оставления заявки на членство в Клубе

0031 marketing.dagestan.ru become member marketing club

Контакты

0032 marketing.dagestan.ru contacts marketing club

Страница одного мероприятия

0033 marketing.dagestan.ru event one marketing club

Список мероприятий

0034 marketing.dagestan.ru events marketing club

Галерея

0035 marketing.dagestan.ru gallery marketing club

Участники Клуба

0036 marketing.dagestan.ru membership marketing club

Проекты

0037 marketing.dagestan.ru projects marketing club

Страница одного материала

0038 marketing.dagestan.ru publication one marketing club

Список публикаций

0039 marketing.dagestan.ru publications marketing club

Мобильная версия

0040 marketing.dagestan.ru mobile 320px marketing club

 

Куратор: Имран Ильясов
Дизайнеры:

Артем

Эльмира

Сулейман

HTML-верстальщик: Нурлан
Программист: Заур