01Frontend

Frontend-разработка дизайна без потери типографики, ритма и адаптива

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

Обсудить задачу
Стоимость
от 40 000 ₽
Срок
после оценки макетов
Формат
Поэтапно, с проверкой

02Кому подходит

Когда этот формат уместен.

01Дизайнер с готовыми макетами02Студия без свободного frontend-ресурса03Бизнес с устаревшей вёрсткой04Промо-сайт с аккуратным motion05Статический или контентный сайт

03Что входит

Результат работы

Получается рабочий интерфейс, который не разваливается на 320 px, не зависит от случайных магических значений и сохраняет смысл при отключённой анимации.

  1. 01Аудит макетов и состояний
  2. 02Семантичная адаптивная вёрстка
  3. 03Интерактив и формы
  4. 04Клавиатура и focus-состояния
  5. 05Технические метаданные
  6. 06Функциональный и визуальный QA

04Как работаю

Как будем собирать сайт.

  1. Сначала разбираюсь

    Зачем нужен сайт, кто на него придёт и что человек должен понять. Если подходящий формат пока неясен, начинаем с этих вопросов.

  2. Смотрю вокруг

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

  3. Собираю идею

    Думаю о сайте целиком. Как будут связаны страницы, текст и изображения, какое настроение у них общее.

  4. Пробую и пересматриваю

    Собираю первый вариант и смотрю на потенциал. Что уже складывается? Что стоит упростить или попробовать ещё раз?

  5. Довожу до сайта

    Работаю со шрифтами и деталями, пишу код, проверяю экран телефона, кнопки и ссылки. Если нужно, возвращаюсь к макету.

  6. Смотрю ещё раз

    Мне важно почувствовать, что всё на своём месте. Затем проверяем готовый сайт и договариваемся о запуске.

05Связанный кейс

06FAQ

Частые вопросы.

С какими технологиями работаете?

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

Можно ли добавить сложную анимацию?

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

Входит ли backend?

Полноценный backend, CRM и платёжные сервисы не подразумеваются автоматически. Границы интеграций фиксируются до начала разработки.

Как проверяется результат?

Сайт проходит проверку на нескольких размерах экрана, клавиатурную навигацию, формы, ссылки, overflow, метаданные и ошибки консоли.

На связи · Кирилл

Расскажите о своей идее.

Можно прислать ссылку, описание или несколько вопросов. Сначала поймём, подходит ли вам этот формат.

Напишите мне