Хороший дизайн виден сразу. Отличный — незаметен.
Дизайн сайта в процессе Studio West начинается после согласования целей, структуры и функций. Сначала проектируем путь пользователя и содержание экранов, затем определяем визуальную систему. Это позволяет обсуждать не субъективное «нравится», а конкретные решения: заметен ли основной сценарий, достаточно ли данных для выбора, понятно ли состояние формы.
От структуры к макету
На основе аналитики собираем прототипы ключевых страниц. В прототипе фиксируем заголовки, смысл блоков, навигацию, формы и переходы. Для магазина отдельно рассматриваем каталог, карточку товара, корзину и оформление заказа. Для веб-приложения — рабочие экраны, роли, статусы и ошибки.
После согласования прототипа готовим визуальные макеты. Используем фирменные материалы заказчика или формируем правила нового интерфейса: типографику, цвета, кнопки, поля, карточки, таблицы и состояния элементов. Дизайн создаём под проект, а не перекрашиваем готовую тему.
Что входит в результат
- Прототипы. Содержание и последовательность ключевых экранов.
- Визуальная концепция. Пример страницы, по которому согласовывается направление.
- Макеты. Экраны, необходимые для разработки согласованной версии.
- Состояния. Меню, формы, ошибки, пустые списки и другие важные варианты.
- Адаптивная логика. Решения для телефона, планшета и широкого экрана там, где они различаются.
Число макетов не равно числу URL. Новости или карточки каталога обычно строятся на общих шаблонах. До оценки определяем именно набор уникальных типов страниц и состояний.
Как проходит согласование
Показываем решение по контрольным точкам: прототип, концепция, комплект макетов. Обратную связь лучше собирать единым списком от ответственного лица. Изменение согласованной структуры после отрисовки может затронуть несколько экранов, поэтому сначала оцениваем влияние на объём и срок.
Референсы помогают понять контекст, но не служат заданием «сделать так же». Проверяем, подходят ли чужая навигация, плотность и сценарии конкретному продукту. Декоративный эффект не добавляем, если он ухудшает чтение, скорость или управление с телефона.
Передача в разработку
Разработчик получает согласованные макеты, компоненты и правила поведения. Спорные состояния уточняются до вёрстки. После реализации дизайн проверяется на реальном содержимом и устройствах: макет задаёт систему, но финальная страница должна работать с фактическими заголовками, изображениями и данными.
Вопросы о дизайне
Можно принести готовый фирменный стиль?
Да. Нужны логотип, цвета, шрифты и правила использования. Проверим, как перенести их в интерфейс и адаптивные состояния.
Показываете несколько вариантов главной?
Обычно сначала согласовываем одно обоснованное направление. Несколько независимых концепций увеличивают объём и отдельно закладываются в смету.
Можно заказать только макеты?
Можно обсудить отдельный дизайн-проект, если требования и состав экранов уже определены. Вёрстка и программирование в таком случае оцениваются отдельно.