Подготовить лендинг
Макет утверждён, содержание готово — нужна страница, которую можно проверить на телефоне и передать к запуску
Вёрстка сайта
по вашему макету
Собираем адаптивные страницы из готового дизайна — с понятным поведением элементов и проверкой перед передачей
Сейчас можно подготовить вводные — приём заявок на этой странице пока не открыт
Когда дизайн уже есть,
а страницы ещё нет
Начать можно с одного лендинга, страницы услуги или набора шаблонов — сначала определим, что именно нужно реализовать
Передать дизайн разработчику
Нужно связать макеты, состояния и реальные материалы, чтобы при сборке не выбирать текст и поведение наугад
Обновить часть сайта
Есть действующая система и новый дизайн отдельных страниц — важно заранее выяснить, как сохранить нужные подключения
Понятный комплект
для дальнейшей работы
Состав результата фиксируем по вашему макету — внешний вид, поведение и технические подключения обсуждаются отдельно
Адаптивная вёрстка
Реализация согласованных страниц и правил для разных размеров экрана — с проверкой промежуточной ширины
Состояния элементов
Меню, кнопки, выбранные пункты, ошибки и ожидание — те состояния, которые входят в согласованный сценарий
Проверяемая версия
Страница для просмотра и список проверок: содержание, ссылки, управление с клавиатуры и действия пользователя
Передаваемые материалы
Согласованный комплект исходников, ресурсов и пояснений — чтобы следующий участник мог продолжить работу
Один смысл
на разных экранах
В адаптиве меняются расположение и размеры блоков — условия услуги и следующее действие должны оставаться доступными
Попробуйте переключить ширину учебного интерфейса
Пример студииРаботы · Подход · Условия
Пространство
для ваших идей
Состав услуги, примеры решений и понятный следующий шаг
Что входит
Состав работКак проверяем
Критерии результатаЧто подготовить
Вводные проекта
Состав работКак проверяем
Критерии результатаЧто подготовить
Вводные проекта
От макета
до передачи
На каждом шаге понятно, что нужно согласовать и какой результат проверить
Разбираем вводные
Страницы, содержание, адаптивы и действующая система — отмечаем готовое и открытые вопросы
Фиксируем объём
Записываем шаблоны, состояния, состав передачи и то, что потребует отдельного исполнителя или подключения
Собираем страницу
Реализуем согласованный интерфейс и проверяем его с реальными текстами и изображениями
Проверяем и передаём
Проходим сценарии, исправляем замечания и передаём согласованную версию вместе с пояснениями
Что обсудить
до оценки
Ссылка на макет помогает понять оформление, но не показывает все действия и подключения
Как подготовить макет ↗Содержание и состояния
Финальные тексты, изображения, открытое меню, ошибки и пустые состояния — что уже есть, а что нужно подготовить
CMS и внешние сервисы
Установка в систему управления, доставка форм, CRM, оплата и каталог не возникают из макета — состав этих работ определяем отдельно
Условия передачи и запуска
Кому передаём код, кто размещает сайт и кто подтверждает работу подключений на домене
Стоимость и срок
Зависят от согласованного объёма и готовности материалов — универсальный прайс по одному скриншоту здесь не заменит оценку
До начала работы
Ответы на вопросы, которые помогают определить границы задачи
Можно начать с одной страницы?
Да — сначала нужно понять её связь с остальным сайтом, состав содержания и действия, которые должны работать после реализации
Нужен ли готовый мобильный макет?
Он помогает договориться о поведении — если его нет, правила адаптации нужно разработать и согласовать отдельным пунктом, а не оставить на усмотрение вёрстки
Будет ли работать форма из макета?
Внешний вид и состояния формы относятся к интерфейсу — приём данных, доставка в почту или систему учёта требуют отдельного подключения и тестовой отправки
Как подготовиться к оценке?
Соберите ссылку на актуальный макет, список страниц и состояний, материалы и ограничения системы — бриф ниже поможет не потерять эти вводные
Разобраться до старта
Соберите вводные
в одном брифе
Страницы, состояния, содержание, подключения и критерии приёмки — файл можно заполнить самостоятельно и использовать при обсуждении проекта
Скачать бриф на вёрстку
Markdown · без регистрации и отправки заявки