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

Сайты с ясной логикой и продуманным функционалом. Сильный UX-дизайн и никакой магии.

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

Начнём со сбора и анализа данных: от задач бизнеса и обзора конкурентов до портретов пользователей

02.

Создадим карту сайта: продумаем структуру и навигацию, ключевые разделы и функционал.

03.

Разработаем прототип — модель сайта, в которой учтены все возможности интерфейса. Всё готово для дизайна!

04.

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

UX‑дизайн сайта от Cake

Дизайн сайта начинается вовсе не с подбора цветов. Прежде чем создавать внешний вид продукта, нужно проработать его логику. В этом суть услуги UX‑дизайн или проектирование взаимодействия.

Этап 1

Исследование

Анализ данных

Важно всё: от ваших бизнес-задач, пользователей и конкурентов до технических требований к сайту. Главная цель — понять аудиторию и контекст использования продукта.

Сценарий использования

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

Этап 2

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

Структура сайта

Проектируем структуру сайта в виде Mind Map с учётом всех разделов и их взаимодействия. Результат — навигационная модель будущего интерфейса.

Основной функционал

Намечаем основные возможности будущего интерфейса: что должен уметь сайт, чтобы пользователь решил свои задачи.

Этап 3

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

Вайрфрейм-прототип

Делаем схематичные прототипы страниц сайта, на которых показано расположение основных блоков и их функционал.

 

Интерактивный прототип

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

Этап 4

Тестирование

Тестирование прототипов

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

Тестирование готового сайта

После запуска оцениваем эффективность сайта с помощью систем аналитики Яндекс.Метрика и Google Analytics. Есть проблема — оптимизируем. Всё идеально? Поздравляем заказчика с готовым проектом!

Этика UX-дизайнера

Интересы бизнеса

Ориентация на результат — когда сайт работает на целевое действие.

Индивидуальное решение — когда всё учитывает специфику бизнеса.

Удобство пользователей

Ясная логика и структура — когда нет непонятных ситуаций.

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

mask

Пример проектирования и разработки сайта для архитектурной студии «Мера»

Кейс

Проектирование сайта Creautz

Шведская компания Creautz (Кроиц) производит запорно-регулирующую арматуру, а от сайта ждёт прежде всего функциональности и удобства. Старый сайт Creautz никак не вписывался в образ современной компании и требовал полной переработки.

 

Старая и новая версии сайта

Сначала выявляем целевую аудиторию сайта. Это предприниматели, заинтересованные в новых партнерах, и снабженцы, которые хотят заказать оборудование. У каждой из групп — свои потребности, что мы и будем учитывать при проектировании.

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

 

Информационная архитектура сайта

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

В финале тщательно протестировали прототип от лица двух групп пользователей: предпринимателей и работников отдела снабжения. Тестирование прошло без заминок, а значит — пора делать дизайн.

 

Прототипы сайта

Привлекательное лицо компании и мощный коммерческий инструмент — всё это новый сайт Creautz.

Давайте начнём

Хочу проектирование от Cake

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