Выделяем действия посетителя
Разбираем, что человек читает, сравнивает и выбирает на каждой странице.
Дальше: Прорабатываем макетыДизайн сайта
Дизайн сайта для компьютера и телефона: макеты страниц, навигация, подача предложений и кнопки. Готовим веб-дизайн и материалы для разработчика.
Из наших проектов
Гигант
Посмотреть работуВаша задача
Проектируем макеты страниц для компьютера и телефона: расположение текста и изображений, навигацию, сравнение предложений, кнопки и состояния интерфейса. Согласуем набор экранов и готовим материалы для разработчика.
Когда это полезно
- Структура и содержание сайта понятны, нужен дизайн для реализации.
- Существующий сайт неудобно читать или трудно использовать с телефона.
- Добавляете новые страницы и хотите сохранить цельный вид сайта.
Веб-дизайн в проектах
Работы агентства с реальными экранами. В каждом разборе — что сделано на сайте и как устроен интерфейс.
метркухни
Сайт «метркухни» для кухонь на заказ в Ярославле: каталог с реальными ценами, истории заказчиков, визуализатор по фото и запись на замер.
Залесов Детейлинг
Сайт для студии «Залесов Детейлинг» в Ярославле: восемь направлений с ценой «от» и сроком, работы с фото «до/после», запись на оклейку, полировку или химчистку.
Что входит в работу
- Разбор содержания и основных действий посетителя
- Визуальное направление и макеты выбранных страниц
- Адаптация макетов под согласованные размеры экранов
- Подготовка материалов для передачи в разработку
Что подготовить
Отметьте, что уже есть. Остальное обсудим на первом разговоре.
Как идёт работа
От первого разговора до передачи результата.
Прорабатываем макеты
Собираем композицию, типографику и элементы интерфейса на реальном содержании.
Дальше: Готовим передачуГотовим передачу
Проверяем согласованные экраны и состояния, упорядочиваем макеты и необходимые материалы.
Обсудить мой проектДоговоримся до старта
- Сроки и объём
- Срок зависит от числа типов страниц, экранов и состояний интерфейса.
- Как обсуждаем работу
- Макеты экранов, переходы между ними и пояснения для разработки.
Видео и разборы по теме
Посмотрите, как подходим к похожим задачам и что учитываем в работе.
-
7:29 «Диски красим»: обзор сайта под рекламу
Пример сайта компании по порошковой покраске дисков из Ярославля.
-
8:33 «Панда»: сайт детейлинга для китайских автомобилей
Обзор разработанного сайта детейлинга, который работает с китайскими автомобилями.
Разобраться перед стартом
Короткие материалы о выборе решения и вопросах к подрядчику.
Перед началом работы
Веб-дизайн включает разработку работающего сайта?
Результат этой услуги — согласованные макеты и материалы для реализации. Разработка, публикация, формы и интеграции требуют отдельного состава. Если нужен готовый сайт, удобнее сразу обсудить общую задачу, чтобы дизайн учитывал ограничения разработки и реальные сценарии.
Можно начать веб-дизайн без текста?
С черновым содержанием можно начать структуру, но точный макет требует реального объёма текста, изображений и условий. Иначе при наполнении меняются блоки и переносы. До детального дизайна определяем, кто готовит материалы и какие факты должен проверить бизнес.
Что передаётся разработчику после веб-дизайна?
Согласованные страницы и адаптивные варианты, состояния важных элементов, изображения и пояснения к поведению. Состав зависит от сайта: каталог, форма или фильтр требуют своих состояний. До начала фиксируем, какие экраны и сценарии рисуем, чтобы ожидания дизайнера и разработчика совпали.
Обсудим задачу
Расскажите о вашей задаче.
Тимофей Куин уточнит задачу, обсудит состав работы и подключит нужного специалиста.
С чего начать сообщение
- Что за бизнес и для кого вы работаете.
- Что хотите сделать или изменить.
- Ссылка на сайт или сообщество, если есть.
Откроется переписка с Куин Маркетинг.
Подготовить первое сообщение
Можно скопировать заготовку и заменить многоточия. Если задача пока не ясна, просто опишите ситуацию.
Здравствуйте! Хочу обсудить проект. Мой бизнес и город: … Что хочу сделать: … Сайт или сообщество: … Смотрел эту страницу: https://kuintim.ru/dizajn/veb-dizajn/