Структура и навигация
Определяем разделы, связи между страницами и путь к целевому действию.
AGINEER / WEB DESIGN
Дизайн сайтов.
Понятно о главном.
Проектируем сайты, которые помогают понять ваш продукт, найти нужное и обратиться в компанию. От структуры до адаптивных макетов.
Обсудить задачу ↗Корпоративные сайты · Каталоги · Сервисные страницы
О компании · Решения · КонтактыСложный продукт.
Сложный продукт.
Ясное предложение.
Обсудить задачу ↗
КомпетенцииПодходРешения
Иллюстрация подхода · не клиентский проект
UX-проектированиеВизуальная концепцияАдаптивные макетыПередача разработке
01 / СОСТАВ РАБОТ
Сайт начинается
с задачи посетителя.
Прототипы страниц
Расставляем приоритеты: предложение, доказательства, ответы на вопросы и обращение.
Визуальный язык
Соединяем типографику, сетку, графику и фирменный стиль в единую систему.
Мобильная версия
Прорабатываем размеры экранов, меню, формы и читаемость длинных материалов.
02 / ВНИМАНИЕ К ДЕТАЛЯМ
Один сайт.
Разные намерения.
Что предлагает компания?
Первый экран объясняет продукт и аудиторию. Основной переход ведёт к подходящему решению.
Как понять, что подходит?
Страница услуги раскрывает задачи, состав работ и результат. Связанные разделы помогают уточнить выбор.
Что произойдёт дальше?
Форма запрашивает только необходимые данные, показывает ошибки и подтверждение отправки.
Сценарий демонстрирует подход к проектированию.
03 / РЕЗУЛЬТАТ
Макеты для дальнейшей реализации.
Страницы и состояния
Согласованный набор экранов для компьютера и телефона, включая меню и формы.
Компоненты и правила
Повторяющиеся элементы, стили и комментарии о поведении интерфейса.
Вёрстка, программирование и публикация сайта оцениваются отдельно. При совместном проекте связываем дизайн с требованиями разработки.
04 / ПРОЦЕСС
От содержания
к визуальной системе.
Погружение
Изучаем продукт, аудиторию, материалы и ограничения.
Структура
Согласуем карту страниц и прототипы ключевых сценариев.
Концепция
Выбираем направление и раскрываем его на остальных страницах.
Передача
Готовим адаптив, компоненты и пояснения для разработчиков.
05 / ОЦЕНКА ПРОЕКТА
От чего зависит стоимость.
Оцениваем не только количество страниц, но и их различия, сложность содержания и объём подготовки материалов.
- Число уникальных типов страниц
- Готовность текстов и фирменного стиля
- Сложность графики и интерактивных состояний
Стоимость и сроки определяем после согласования объёма работ.
06 / ВОПРОСЫ
Перед началом работы.
Можно заказать дизайн без разработки?
Да. Перед началом уточним требования вашей команды разработки и формат передачи макетов.
Можно использовать существующий фирменный стиль?
Да. Проверим, каких правил достаточно, а какие элементы нужно дополнить для цифровой среды.
Включено ли наполнение текстами?
Объём работы с текстами согласуем отдельно: от размещения готовых материалов до помощи со структурой содержания.
СЛЕДУЮЩИЙ ШАГ
Расскажите, каким должен стать ваш сайт.
Начнём с продукта, аудитории и главного действия посетителя.
Обсудить проект ↗Что подготовить для обсуждения
Подготовьте описание бизнеса, ссылку на текущий сайт при наличии, список нужных разделов и примеры, которые вам близки.
