Создание интерактивного прототипа

UX/UI проект Создание интерактивного прототипа сайта в программе Axure «Сайт-визитка для шахматного клуба».

Описание проекта по созданию интерактивного прототипа сайта


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

Основная идея сайта - объединение любителей шахмат в Клубе, в котором они могут повышать свой профессиональный уровень, общаться на различных мероприятиях. Поэтому основным призывом к действию на сайте будет «Вступить в Клуб». Для общения и организации шахматистов мы должны будем создать соответствующий функционал. Например, календарь событий. Можно также в дальнейшем подключить форум.

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

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

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

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

    Выражение миссии и ценности Шахматного Клуба.

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

    Организовать единый интернет-вход для всех, кто интересуется шахматами и тем, что предлагает Шахматный Клуб.

    Обеспечить наличие отличительных особенностей, которые будут стимулировать вступление в Шахматный Клуб.

    Предоставить быстрый и удобный доступ к информации о компании. Чем занимается Шахматный клуб? Как получить дополнительную информацию?

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

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

    Повышать знания в области шахмат, развивать профессиональное мастерство, обеспечивая любителям шахмат возможность победы в различных шахматных турнирах. Обеспечение цели: создание блога с тематическими разделами, теговая разметка контента, установка формы поиска, организация подписки и установка формы.

    Подтолкнуть любителей шахмат вступить в Шахматный клуб и/или записаться на платные обучающие курсы.

Планируем расположение контента веб-сайта.

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

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

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

Далее идет представление услуг по обучению шахматам в виде карусели. Ссылка ведет на страницу с описанием главной миссии Клуба и подробным описанием услуг.

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

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

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

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

Возможно, что даже без перехода на внутреннюю страницу блог «Мир шахмат» подтолкнет посетителя вступить в клуб и тогда он может спуститься чуть ниже и нажать на волшебную кнопку. А если еще есть сомнения, то он может также перейти на форму контактов и задать вопрос, ответ на который он еще не нашел, зайдя на веб-сайт. Или он может вернуться с этого места обратно, на самый верх домашней страницы, нажав на маленькую кнопочку со стрелкой.

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



В начало

UX/UI дизайнер

UX/UI дизайнер. Разработка осмысленного, функционального дизайна сайтов. Дизайн и верстка Landing page.

Название проекта:
Chess club

Цели проекта:
1. Создать тему веб-сайта, которая поможет объединить шахматистов и дать им возможность заработать на обучении игре в шахматы и проведении шахматных соревнований.
2. Добавить функции дизайна, которые отобразят список сервисов, календарь событий, фото и видео материалы с шахматных мероприятий, покажут любителям шахмат отзывы/рекомендации членов Клуба, создать блог обучения шахматам онлайн (поднять авторитет) и оставаться на связи.
3. Создать простой, минималистичный и эстетичный дизайн.

Навыки:
Photoshop, Illustrator, Affinity Design, Axure, Microsoft Visio

сбор информации о проекте и его аудитории, анализ ключевых слов (SEO) и конкурентов, разработка концепции, карты сайта;

создание персонажей, проектирование пользовательских сценариев;

разработка стиля, составление руководств по шрифтам, цветам и размерам;

создание скетча, вайфрейма, дизайн-макета и интерактивного прототипа;

отрисовка интерфейса в графических редакторах.