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

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

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

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

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

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

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

Заказать

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

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

Этап 1

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

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

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

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

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

Этап 2

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

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

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

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

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

Этап 3

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

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

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

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

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

Этап 4

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

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

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

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

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

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

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

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

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

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

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

Кейс

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

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

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

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

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

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

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

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

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

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

Проектирование и разработка
сайтов от Сake

Хотите сэкономить на проектировании — закажите его. Дело в том, что UX проектирование/дизайн помогает правильно организовать процесс работы: определить необходимость того или иного функционала, расставить приоритеты и не наделать ошибок. А в итоге — сэкономить время и деньги.

Цена прототипирования веб-сайта составляет 15% бюджета проекта. Но это в разы меньше перерасхода, который ушёл бы на многочисленные переделки на конечном этапе. Ведь проще исправить чертёж, чем переделать почти достроенное здание.

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