2020

strategalyans.ru

Case

UX+UI
Front-end
Back-end

Альянс
Стратег

Информационный портал
для консалтинговой компании

About

О проекте

Альянс «Стратег» помогает собственникам бизнеса выйти из операционного управления

Антон Шаповал

Основатель федеральной компании Альянс-стратег, бизнес-тренер

Проблемы

Отсутствует единое web-пространство для всех участников Альянса «Стратег»;
Новый, малоизвестный продукт;
Быстрый рост организации;
Нецентрализованное продвижение мероприятий и продуктов Альянса локальными центрами;
Отсутствует единая стилистика бренда;

Наша цель

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

Prototyping

User Experience

Перед началом работ мы проанализировали конкурентов и аналогичные проекты. Дальнейшая работа разделилась на несколько этапов:

Предприниматель, владелец бизнеса

Администратор портала

Сотрудник предпринимателя

Что хочет от сайта:

Боль:

Сценарий:

1. Пользовательские сценарии

Определили основные типы пользователей и их цели, проработали User Story.

Масштабирование бизнеса

Автоматизация

Обучающие программы СА

2. Информационная архитектура

Сформировали информационную архитектуру. С её помощью становится понятно количество страниц, их примерное наполнение и некоторые бизнес-процессы.

Light version

Главная

Обучающие программы

Личный кабинет

main page

3. Прототипирование

Разработали более 20 прототипов страниц портала. Благодаря этому стало понятно, какой контент потребуется от заказчика в процессе разработки.

software page

personal area

20+
прототипов

Design

User Interface

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

Античность

Минимализм

Поиск идей

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

Контрасты+геометрия

Современность

Надежность

Стратег

Презентация концепции

После обсуждения идей с заказчиком были определены основные направления для создания общего стиля сайта, разработана и презентована концепция:

Inner pages

Особенности

Сайт состоит более чем из 20 страниц и имеет особенности, на которых хочется сконцентрировать внимание:

Программы подготовки

Главный продукт компании Альянс Стратег — это система внедрения стратегического управления. В ней два блока программ: базовый и продвинутый. В целом 13 модулей.

Для визуализации каждого модуля были нарисованы иконки, отражающие их суть

Кейсы

Чужой успех вдохновляет на собственные свершения!

Для визуализации кейсов использовали сразу два формата: видео и текст. Кроме впечатляющих результатов предпринимателя показываем пройденные им программы.

еще 6 программ

Базовый уровень

Продвинутый уровень

Диагностика

Тестирование является важнейшей составляющей при записи на программу, поэтому тесту отводится отдельная страница.

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

Данные тестирований хранятся в базе и привязываются к e-mail. Доступ к результатам доступен по e-mail и паролю.

Сотрудник компании

Мероприятия

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

Mobile interfaces

Адаптивный дизайн

Сайтом должно быть удобно пользоваться на всех современных устройствах. Кроме десктопа на 1920px дизайн был нарисован на разрешения 375px (IPhone X) и 768px (Ipad)

375 px

768 px

1920 px

Style guide

Стиль

Используя фирменный стиль компании и вводную информацию от клиента создали запоминающиеся элементы и построили на них концепцию

Цвета

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

Background color

Text color

Buttons color

Accent color

Accent color 2

Шрифты

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

PT Root UI Web

Основной текст

PT Root UI Web

Заголовки

Стратег

Атмосфера

Для создания нужной атмосферы стратегического планирования использовали карты, стрелки и флажки

Иконки и иллюстрации

В ситуациях, где нельзя было использовать фотографии, для поддержания общего стиля сайта отрисовали Outline‑иконки и иллюстрации

42
иконки

В результате:

Сделали отличный портал для консалтинговой фирмы. Здесь осуществляется продажа основных продуктов компании, публикуются новости, статьи и мероприятия, а также поддерживается бизнес-коммьюнити!

Посмотреть сайт

АльянсСтратег