Дизайн сайта
на заказ
для рынка США
Дизайн сайта под аудиторию США: доступность по WCAG 2.1 AA, локальные форматы данных и форм, тёмная тема, дизайн-система и передача в разработку.
Дизайн под аудиторию США
WCAG 2.1 AA в макетах
Договор и оплата в USD
Какие задачи мы решаем
Претензия по доступности приходит юристом.
Закрываем барьеры в макетах, до вёрстки.
Сайт выглядит переводом с русского?
Переработаем структуру и подачу под местного читателя.
Формы заполняют с ошибками?
Приведём поля к американским форматам и подписям.
Нет единой системы, каждый экран свой?
Соберём дизайн-систему с токенами и компонентами.
Макеты не доезжают до вёрстки?
Передадим состояния, правила и описания целиком.
С кем мы работаем
Выход на рынок
Первый сайт компании в США: структура, подача, доверие.
- Разбор пути клиента
- Страница под спрос
- Замер заявок
Продуктовые сайты
Оффер, доказательства, путь до пробного доступа или заявки.
- Библиотека блоков
- Правила сборки
- Обучение редактора
Команды с разработкой
Дизайн-система и передача макетов спринтами.
- Единая сетка
- Типовые страницы
- Система элементов
Что входит в дизайн сайта на заказ
Карта сайта и структура
Список страниц, их назначение и порядок блоков на каждой.
Карта
Блоки
Макеты под все ширины
Телефон, планшет и компьютер, включая длинные названия и пустые состояния.
Телефон
Компьютер
Библиотека блоков
Набор готовых секций, из которых редактор собирает новые страницы сам.
Секции
Правила
Исходные файлы и права
Файлы редактора, шрифты с лицензиями и права на результат у вашей компании.
Файлы
Права
Что в дизайне для американской аудитории обязательно
Больше возможностей для вашего проекта
Мы работаем с разными задачами и форматами.
Изучите дополнительные решения, которые могут подойти вашему проекту.
Формат
Ниши
- Интернет-магазины
- Недвижимость
- Здравоохранение и стоматология
- Рестораны и кафе
- Салоны красоты
- Образование
- Строительство
- Юридические услуги
- Туризм и гостиницы
- Логистика
- Дизайн интерьеров
- Ремонт квартир
- Автосервисы
- Маркетплейсы
- Консалтинг
- Фотографы
Обсудим проект?
FAQ
Если не нашли ответа — напишите нам на info@toimi.pro.
С чего начинается дизайн?
С задач посетителя и с фактов о продукте. Мы собираем сценарии, возражения и доказательства, и только потом рисуем экраны. Дизайн, начатый с макета главной, чаще всего приходится переделывать, когда выясняется, чего на странице не хватает по существу.
Какие требования по доступности вы закрываете?
WCAG 2.1 уровня AA: контраст не ниже 4,5:1 для основного текста и 3:1 для крупного, работа с клавиатуры, видимый фокус, подписи у полей, текстовые описания изображений, зоны нажатия. Проверяем макеты в режимах имитации цветовой слепоты и отдаём чек-лист разработчику.
Что меняется в формах для США?
Формат телефона и даты, адрес со штатом из списка и ZIP, единицы измерения. Одно поле для полного имени вместо двух. Подписи над полями. Сообщение об ошибке текстом рядом с полем, с указанием, что исправить.
Нужна ли тёмная тема?
Нужна, если аудитория пользуется системной тёмной темой. Она проверяется своим проходом: свои пары контраста, иерархия без опоры на тени. Обе темы попадают в макеты. Приписка «инвертировать цвета» макетом не считается.
Кто пишет тексты в макетах?
Мы, вместе с экранами, и согласуем факты с вами. Кнопка называет действие, пустое состояние даёт первый шаг, ошибка объясняет причину. Английская подпись короче русской примерно на пятую часть, и проверяем макет на короткой и длинной версии.
Что входит в дизайн-систему?
Токены цветов, отступов и типографики, компоненты во всех состояниях, сетка и правила адаптации, иконки. Компоненты собраны как компоненты. Правка в одном месте тогда доезжает до всех страниц.
Как передаются макеты разработчику?
Экраны во всех состояниях: пустое, загрузка, ошибка, длинный текст, отсутствие прав. Токены, правила адаптации, порядок фокуса, описания изображений. Макет без состояния ошибки выглядит готовым и превращается в переписку на этапе вёрстки.
Работаете ли вы с нашей существующей системой?
Да. Разбираем, что в ней живое, что дублируется и чего не хватает, и дальше добавляем компоненты в её логике. Переписывать систему целиком предлагаем только тогда, когда её правила противоречат друг другу и это видно числами.
Как измеряется результат?
Долей доходящих до целевого действия, временем на сценарий, числом обращений в поддержку по одной причине. Базу снимаем до редизайна на действующем сайте. Без базы результат нельзя ни защитить, ни откатить, и спор превращается в вопрос вкуса.
Сколько занимает работа?
Сайт на восемь-двенадцать экранов с дизайн-системой — от четырёх недель. Исследование и тестирование прототипа добавляют время. Работаем спринтами, чтобы вёрстка начиналась с готовых экранов раньше, чем закончится вся система.
Можно ли обойтись без прототипа?
Можно, если сценарии простые и понятные. Прототип нужен там, где спор идёт о переходах и о порядке шагов: дешевле подвигать экраны в прототипе, чем переделывать вёрстку. Мы предлагаем его под конкретный спорный сценарий.
Статьи о дизайне 
Обновлено: