×EmplofyСтилистику не трогаем — она работает. Приводим в порядок то, что под ней: контраст, типографику, компоненты, состояния и адаптивы. А затем добавляем характер — акцент, графику и ритм.
Это ревью, а не полный аудит. Оно нужно, чтобы вы приняли решение о сотрудничестве, а мы показали, как думаем. Полный аудит — первый оплачиваемый шаг, если идём дальше.
Живой сайт emplofy.com целиком — главная, блог, тарифы, FAQ, футер. И макеты в Figma: структура файла, компоненты, состояния и то, как макеты соотносятся с тем, что уже стоит на проде.
Текущая стилистика — ультраминимализм, воздух, ч/б, крупная типографика. Мы её не ломаем: всё, что ниже, — про читаемость и системность, а не про смену визуального языка.
MR PORTER — основной: редакционная сетка, дисциплина типографики, товар как герой. Titan blog — работа с длинным текстом. Downey «Coat of arms» — плотность и характер графики. Инфографика — строго чёрно-белая.
Ревью проекта, чтобы принять решение о сотрудничестве. Полный аудит — следующим шагом. По формату вас интересует дизайнер примерно на два часа в день, поэтому мы описали и такой вариант.
Пятнадцать находок по макетам и живому сайту. Это бесплатная часть — забирайте её вместе с решением, работать с нами или нет.
Чистый #000000 на чистом #FFFFFF. Контраст 21:1 — это максимум из возможных, глаз на нём «звенит» и устаёт за первый экран.
РешениеПонизить чёрный до ~#2A2A2A, увести фон в тёплый off-white, увеличить кегль основного текста. Читаемость вырастет, ощущение минимализма — останется.
Ultralight-начертания. На обычных экранах штрих истончается до неразличимого, на ретине выглядит иначе, чем на офисном мониторе.
РешениеЗаменить на Light/Regular с увеличенным трекингом. Ощущение лёгкости даёт воздух вокруг текста, а не толщина штриха.
Серый текст не проходит порог WCAG AA. На слабых матрицах, при плохом освещении и для людей со сниженным зрением часть контента просто исчезает.
РешениеВвести три уровня серого с проверенным контрастом и правило: какой уровень для какой роли текста.
Состояния наведения и фокуса почти не выражены. Кликабельное неотличимо от текста — пользователь не понимает, где интерфейс, а где картинка.
РешениеПроработать все состояния: default, hover, active, focus-visible, disabled, loading. Это ядро нового UI-кита.
UI-кита нет. Компоненты живут копипастой: одна и та же кнопка нарисована в нескольких местах по-разному, правка цвета превращается в ручной обход всех экранов.
РешениеСобрать библиотеку компонентов с вариантами и связать со стилями. Дальше правка делается в одном месте.
На телефоне остаётся белый экран с мелкими серыми надписями. На улице, на солнце, это нечитаемо — а значительная часть трафика у продукта для соискателей приходит с телефона.
РешениеОтдельно отрисовать мобильные экраны: укрупнить контент, поднять контраст, пересобрать иерархию, а не «схлопывать» десктоп.
Монохром состоит фактически из трёх значений. Нечем строить иерархию: заголовок, подзаголовок, подпись и disabled выглядят одинаково серыми.
РешениеРасширить монохромную шкалу до 9–10 ступеней и закрепить за каждой ступенью роль.
Низкий контраст на фотографиях. Картинки сливаются с белым фоном и не держат внимание, хотя должны быть главным носителем настроения.
РешениеПрописать правила обработки: контраст, кадрирование, глубина теней, единый пресет. Плюс гайд по подбору — что мы берём, а что нет.
Карточки не читаются как карточки. Границы блоков размыты, взгляд не считывает, что это четыре равнозначных объекта.
РешениеСделать карточку явной: фон или рамка, внутренние отступы по системе, единая структура «иконка → заголовок → текст».
Три слайдера — три разных набора элементов управления. Пользователь каждый раз заново учится, как листать.
РешениеОдин паттерн слайдера на весь сайт: одинаковые стрелки, индикаторы, поведение, зоны нажатия и логика на тач-устройствах.
Реальные имена и должности в отзывах. Это и риск с персональными данными, и визуально утяжеляет блок.
РешениеОставить цитату и имя, убрать лишние идентифицирующие детали. Верстать как редакционную цитату — ближе к рефам.
Блок пустой: шахматная фигура висит сама по себе, вокруг ничего не происходит. Экран не работает ни как акцент, ни как переход.
РешениеСобрать на крупной типографике плюс фигура. Ультраминимализм не страдает — наоборот, это самый «редакционный» приём из рефов.
Акцентного цвета нет вообще. В ч/б интерфейсе взгляду нечем вести к целевому действию — «Sign up for free» весит ровно столько же, сколько соседний абзац.
РешениеВвести один акцент и жёсткое правило его применения: только действие. Монохром остаётся монохромом, но перестаёт быть плоским.
Нет служебных состояний: загрузка, пусто, ошибка, успех. А продукт целиком построен на откликах — именно здесь пользователь чаще всего ждёт и ошибается.
РешениеОтрисовать skeleton, empty, error, success и 404 — как часть системы, а не как исключение.
Карта размером с почтовую марку. В таком размере она не несёт информации и читается как случайное пятно.
РешениеЛибо дать карте нормальный размер и роль, либо заменить на иконку с адресом текстом.
Мы намеренно разделяем гигиену и творчество. Гигиену можно проверить линейкой и контраст-чекером — здесь спорить не о чем. Творческая часть обсуждается и утверждается вами.
Порядок в системе. Ничего не меняется на вкус — меняется на «читаемо, предсказуемо и переиспользуемо».
Характер. Здесь мы работаем со вкусом и рефами — акцент, графика, ритм, ключевые экраны.
Отдельный маленький шаг для тех, кому нужно сначала убедиться. Стоимость аудита засчитывается в пакет A, если после него мы продолжаем.
Всё, что делает систему системой. Каждая позиция — это часы конкретного дизайнера по ставке $22 в час, без коэффициентов и наценок.
Здесь появляется характер. Пакет B имеет смысл только после A — иначе красивое придётся переделывать вместе с системой.
Тёплый графит плюс один сигнальный терракотовый. Акцент разрешён только на действии — кнопка, ссылка, активный элемент. Сдержанно и по-редакционному.
Холодный монохром плюс глубокий индиго. Ближе к финтеху и премиум-SaaS, лучше держит серьёзность продукта для карьерных решений.
В основную смету не входит. Берётся по желанию — отдельно или в любой момент по ходу работы.
Проверяем свёрстанное против макетов: отступы, кегли, состояния, поведение на брейкпоинтах. Без этого шага система остаётся в Figma и не доезжает до прода.
Самая большая зона роста: в кабинете пользователь живёт, а не читает лендинг. В основную смету не заложен — посчитаем отдельно, когда договоримся об объёме. Ориентировочно от 40 часов.
Сейчас «Coming soon». Соберём страницу для второй аудитории на той же системе — от оффера до формы.
Welcome, подтверждение отклика, follow-up, дайджест. Продукт живёт в почте пользователя не меньше, чем на сайте.
Шаблон превью для соцсетей и мессенджеров плюс система обложек статей. Первое, что видит человек до перехода на сайт.
На готовых токенах делается быстро и без пересборки макетов. Имеет смысл только после пакета A.
Отметьте позиции, которые нужны именно вам, — смета пересчитается на лету. Выбор сохраняется в браузере: можно закрыть страницу, вернуться и продолжить с того же места.
Если сейчас нужен не арт-директор, а руки — мы выделяем дизайнера. Вы кидаете задачи в общий чат, он их делает и трекает время, в конце месяца приходит счёт за фактически затреканные часы.
Базовый формат — тот, о котором вы спрашивали. Хватает на поток мелких задач и планомерное закрытие гигиены.
Когда есть очередь задач и хочется видеть прогресс каждую неделю, а не каждый месяц.
Разовые задачи вне подписки. Минимальный шаг учёта — 15 минут.
Вы пишете задачу в общий чат — текстом, скриншотом, ссылкой на фрейм. Дизайнер подтверждает, что понял, и называет ориентир по времени.
Порядок задач определяете вы. Если задач больше, чем часов, дизайнер показывает очередь и спрашивает, что двигать вперёд.
Каждая задача трекается отдельно, шаг учёта — 15 минут. Вы в любой момент видите, сколько часов ушло и на что.
В конце месяца — выгрузка из трекера по задачам и счёт за фактически затреканное время. Неиспользованные часы не сгорают и не переносятся: платите за сделанное.
Чтобы не было расхождения в ожиданиях: за $22 в час вы получаете исполнителя, а не человека, который отвечает за визуальную стратегию продукта.
| Дизайнер на аутсорс | Арт-директор | |
|---|---|---|
| Что делает | Отрисовывает поставленные задачи, ведёт макеты, собирает состояния и адаптивы, поддерживает систему в порядке | Определяет визуальный язык, ставит задачи, ревьюит результат, отвечает за то, как продукт выглядит целиком |
| Кто решает, как должно выглядеть | Вы | Мы, вместе с вами |
| Кто ставит приоритеты | Вы | Мы предлагаем, вы утверждаете |
| Инициатива | По запросу | Приносит решения сам, спорит с задачей |
| Формат оплаты | Почасовой трекинг, $22 в час | Пакет работ или ретейнер |
| Когда подходит | Есть своё понимание визуала, нужны аккуратные руки | Нужен внешний взгляд и ответственность за результат |
Сколько часов в день вам нужно и на какой срок вы хотите закрепить дизайнера. Платите только за затреканное время — расчёт ниже показывает потолок.
Месяц — 20 рабочих дней. Ставка $22 в час без коэффициентов. Цифры ниже — потолок при полной выборке часов: если в каком-то месяце задач меньше, счёт будет меньше. Неиспользованные часы не переносятся и не сгорают — вы просто за них не платите.
Объём фиксированный — меняется только темп. Ниже три сценария загрузки для одних и тех же 175 ч работы.
| Режим | Ёмкость | Пакет A | Пакет B | Вместе |
|---|---|---|---|---|
| 2 часа в день | 40 ч в месяц | ≈ 2,7 месяца | ≈ 1,7 месяца | ≈ 4,4 месяца |
| 4 часа в день | 80 ч в месяц | ≈ 1,4 месяца | ≈ 0,8 месяца | ≈ 2,2 месяца |
| Выделенный дизайнер | 160 ч в месяц | ≈ 3 недели | ≈ 2 недели | ≈ 5 недель |
Ответы на эти вопросы уточнят смету — часть позиций может уменьшиться, часть добавиться.
Продукты, где визуальная дисциплина была частью задачи, а не украшением.
Приложение для мемберов бизнес-клуба: афиша, подкасты, бронирование переговорных, депозиты, внутренняя соцсеть. Премиальная подача при высокой плотности функций.
Редизайн после ребрендинга: новая визуальная подача, работа с крупными изображениями и типографикой, аккуратная упаковка проекта под премиальную аудиторию.
Платформа аналитики с личным кабинетом, подписками и избранным. Выстраивали цельный премиальный образ и сценарии для веба и мобильных одновременно.
Начать можно с малого: полный аудит — это неделя работы. По его итогам будет видно, нужен вам пакет работ целиком или достаточно дизайнера на два часа в день.
