UX разработка сайта. Услуги 1С «ASB GROUP»‎

Системы автоматизации бизнеса

«ASB GROUP» услуги 1С - информационная система или система управления предприятием – это место, где собрана вся информация о компании, о ее ресурсах, бизнес-процессах, клиентах, сотрудниках, поставщиках, ситуации в целом.

Аналитика.
Исследование специфики бизнеса.

Портебности потребителя

  • Отслеживание заработка (на чем и как)
  • Отслеживание трат
  • Отслеживание задолженности
  • Следование плану
  • Сравнение показателей
  • Управление бизнесом
  • Эффективность работы сотрудников
  • Цифры и отчетность
  • Эффективность и производительность труда
  • Компания управляема
  • Сотрудники квалифицированы
  • Бизнес-процессы не носят характер хаоса

Боли потребителя

  • Некомпетентность
  • Отсутствие дисциплины
  • Нежелание сотрудников исполнять указания руководства
  • Саботаж правил
  • Много бесполезной работы
  • Непрерывные вопросы
  • Двойной ввод данных
  • Информационный вакуум
  • Ошибки
  • Низкая производительности труда

Задачи

  • Повышение лояльности существующих клиентов
  • Удобный интерфейс, структурирование
  • Раскрытие информации самых посещаемых разделов сайта
  • Добавление элементов, способствующих увлеченности пользователя
  • Увеличение целевого трафика на сайт
  • Формирование правильного контента с ключевыми запросами
  • Вовлечение через интересный контент
  • Увеличение числа повторных сессий
  • Полезные статьи
  • Интерактив

Персоны, портрет пользователя

  • Директора и руководители ИТ отделов
  • Сисадмины - лица занимающиеся ИТ поддержкой в организации
  • Компании-подрядчики, оказывающие близкие услуги
Man reading
  • а) Человек, любящий свое дело, вкладывает все силы в свою работу,
  • ответсвенный, хочет «все и сразу», любит структуру и четкость, экономит время,
  • хочет все держать под контролем
  • б) Спокойный, рассудительный, продумывает все до мелочей,
  • заботится о своей команде и комфорте
  • в) Заточен на получение прибыли

Анализ конкурентов

Shoud be four images show-case
  • Неструктурированная информация
  • Плохо продуманный UX
  • Пестрота в дизайне
  • Сложно разобраться в навигации
  • Информация представленная хаотично
  • Стилистически похожи друг на друга

Решение

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

Формирование идей

Скетч

На начальном этапе разработки для экономии времени и удобства используем наброски на бумаге. Это очень упрощает работу и помогает обнаружить неточности.

Sketch

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

Структурирование информации и сбор ее в схематичный вид

Sketch
Website

01

ASB GROUP

02

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

MAC

НАСТРО
ЙКА

MAC

03

О компании

  • Выделяем основные
  • преимущества компании
  • наглядным образом

04

Систематизация услуг
и продуктов

  • Для удобства поиска после выбора
  • услуги/продукта разделяем их на группы
Card table

05

Другие страницы

  • Некоторые типовые страницы
Card table Card table Card table Card table
Card table Card table Card table
Card table Card table Card table

ОБРА
БОТК
А
ИНФ
ОРМ
АЦИ
И

MAC

06

Главная задача

  • Максимально простой интерфейс,
  • приятный для глаза дизайн,
  • полезный контент

07

UI KIT

01. Модульная сетка

Grid 12 - Width 1140px / Offset 36px Gutter width - 30px Column width - 65 px

02. Цвета

Main

#5023CE

Secondary

#3172FD

+

#B8D9FF

Info

#3023AE

Текст

#000000

03. Tипографика

Супер заголовок/Roboto/56px/Medium

Обычный заголовок/Roboto/48px/Medium

Средний заголовок/Roboto/24px/Medium

Мини заголовок/Roboto/18px/Regular

Основной текст/Roboto/16px/Regular

Маленький текст/Roboto/14px/Regular

Текст кнопок/Roboto/16px/Regular

08

Адаптивные версии

  • Адаптированный дизайн под десктопa,
  • мобильного устройства и планшета
MAC

Cпасибо за просмотр!
С радостью обсудим ваш проект!