Пятый фактор
Обсудить задачу
UX, формы и мобильная версия

Мини-дизайн-система разросшегося сайта

Фиксируем цвета, типографику, отступы и состояния как дизайн-токены. Собираем восемь повторно используемых компонентов с основными состояниями. Подключаем компоненты к трем согласованным шаблонам. Оформляем пример страницы и правила использования.

Срок: 7–12 дней

Когда стоит обратиться

Обычно к нам обращаются в таких ситуациях:

  • Одинаковые кнопки, поля и карточки выглядят по-разному на разных страницах.
  • Нужно унифицировать базовые элементы без полного редизайна сайта.
  • Ключевой пользовательский сценарий нужно сделать понятнее на компьютере и телефоне без переделки всего сайта.

Что именно мы сделаем

01

Фиксируем цвета, типографику, отступы и состояния как дизайн-токены.

02

Собираем восемь повторно используемых компонентов с основными состояниями.

03

Подключаем компоненты к трем согласованным шаблонам.

04

Оформляем пример страницы и правила использования.

05

Проверяем компоненты на телефоне и компьютере.

Что входит в стоимость

34 900 ₽ за всю работу

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

Что будет готово

Материалы

Передадим вам

  • Набор дизайн-токенов.
  • Библиотека из восьми компонентов.
  • Пример страницы с правилами.
Проверка

Перед сдачей проверим

  • В библиотеке присутствуют ровно восемь согласованных компонентов.
  • Компоненты подключены к трем согласованным шаблонам.
  • Пример страницы показывает основные состояния каждого компонента.
Схема работы: Мини-дизайн-система разросшегося сайта. Четыре этапа.

Как это выглядит на практике

Кнопка

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

  1. 01

    Открываем страницу примера.

  2. 02

    Сравниваем обычное и неактивное состояния.

  3. 03

    Проверяем компонент в одном из трех шаблонов.

Что понадобится для работы

От вас

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

Если у вас немного другая ситуация

Небольшие уточнения, которые помогают довести согласованный результат до рабочего состояния, уже учитываем в цене. Если по ходу работы появится отдельный крупный блок или понадобится платная лицензия, сначала обсудим варианты и стоимость. Расскажите о своей ситуации — подстроим план под неё.

Стоимость работ 34 900 ₽ полная стоимость известна заранее
  1. 3 000 ₽после подписания договора через Диадок
  2. 31 900 ₽после выполнения, демонстрации и приёмки результата

Предоплата входит в общую стоимость. Оставшуюся сумму оплачиваете после демонстрации и приёмки готовой работы.

Часто спрашивают

Об этой услуге

С чего начать, если одинаковые кнопки, поля и карточки выглядят по-разному на разных страницах?

На первом этапе фиксируем цвета, типографику, отступы и состояния как дизайн-токены. После этого собираем восемь повторно используемых компонентов с основными состояниями.

Что проверим после изменений?

На первом этапе подключаем компоненты к трем согласованным шаблонам. Дальше оформляем пример страницы и правила использования. Проверяем компоненты на телефоне и компьютере.

Какие экраны и материалы будут готовы?

В комплект войдут: набор дизайн-токенов; библиотека из восьми компонентов; пример страницы с правилами.

Что протестируем после доработки?

Передаём результат после итоговой проверки: в библиотеке присутствуют ровно восемь согласованных компонентов; компоненты подключены к трем согласованным шаблонам; пример страницы показывает основные состояния каждого компонента.

Цена и изменения по ходу работы

Цена на странице окончательная?

Да. Перед началом мы сверяем исходные данные и фиксируем результат в договоре. Указанная на странице сумма покрывает согласованную работу целиком, даже если её техническая реализация потребует больше времени, чем ожидалось при оценке.

Что означает резерв незапланированных работ?

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

Резерв рассчитывается по формуле: стоимость услуги × 30% ÷ 1 500 ₽. Для услуги за 30 000 ₽ это 6 часов. Эти часы относятся только к дополнительным, заранее незапланированным уточнениям. Они не являются сроком проекта и не ограничивают время на основную работу: согласованный результат мы выполняем полностью.

Можно уточнять детали уже во время работы?

Да. Небольшие связанные изменения обычно помещаются во включённый резерв и не требуют доплаты. Если новая идея заметно меняет результат или превращается в самостоятельную задачу, сначала обсудим подход и стоимость. Любое решение согласуем до выполнения.

Начало работы и оплата

Как оформляются договор и оплата?

Подписываем договор через Диадок. Предоплата составляет 3 000 ₽ и входит в общую стоимость услуги. Остаток оплачивается после демонстрации и приёмки готового результата.

Когда начинается срок выполнения?

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

Как учитываются платные лицензии и внешние сервисы?

До старта проверяем, нужны ли тарифы, лицензии, сертификаты или дополнительные ресурсы внешних систем. Если они потребуются, заранее покажем варианты и стоимость. По возможности аккаунты и лицензии оформляются сразу на заказчика.

Проверка результата и гарантия

Как принимается готовая работа?

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

Какая гарантия действует после сдачи?

На выполненные изменения действует гарантия 3 месяца. Если в изменённой нами части обнаружится ошибка нашей реализации, проверим и исправим её без дополнительной оплаты. Переданные материалы, настройки и код остаются у заказчика.

Следующий шаг

Опишите задачу

Расскажите, что происходит сейчас и какой результат хотите получить. Можно указать сайт, CMS, 1С, CRM, ERP или другую систему. Если подходящую услугу выбирать рано, просто опишите ситуацию — мы разберёмся и предложим следующий шаг.