Точность композиции
Сохраняем иерархию, ритм отступов и характер типографики.
BIG FISH / Вёрстка сайта
Вёрстка сайтов и интерфейсов
Реализуем дизайн в браузере: адаптивная сетка, компоненты, состояния и анимация. Следим за точностью подачи и тем, как сайт ведёт себя при реальном содержимом.
от 120 000 ₽ · оценка по задаче
UI COMPONENT / 01
Проект / Север
Один компонент. Разные состояния.
Открыть проектДИЗАЙН × РАЗРАБОТКА × БИЗНЕС
Красиво — в деталях.
Продумано — целиком.
Рабочие состояния
Прорабатываем загрузку, ошибку, фокус и отсутствие данных.
Готовность к интеграции
Согласуем компоненты и контракт данных с серверной частью.
ПОПРОБУЙТЕ СЦЕНАРИЙ
Посмотрите, как это работает.
Переключайте варианты, чтобы увидеть, как меняется решение. Это демонстрация подхода на условных данных.
01 / Вёрстка сайта
Обычное состояние
Компонент показывает содержание и доступное действие.
Как оценивается работа ↘UI COMPONENT / 01
Проект / Север
Один компонент. Разные состояния.
Открыть проектUI COMPONENT / 02
Проект / Север
Один компонент. Разные состояния.
Загрузка…UI COMPONENT / 03
Проект / Север
Один компонент. Разные состояния.
✓ Проект открытПРОЦЕСС БЕЗ НЕИЗВЕСТНОСТИ
Видите результат.
На каждом этапе.
- 01
Разобраться
Обсуждаем бизнес, аудиторию, материалы и ограничения. Фиксируем цель первой версии.
- 02
Спроектировать
Согласуем структуру, ключевые сценарии и визуальную концепцию до основной разработки.
- 03
Реализовать
Разрабатываем согласованный объём, подключаем данные и показываем результат по этапам.
- 04
Проверить и запустить
Проверяем рабочие сценарии, передаём доступы и согласуем дальнейшее сопровождение.
СТОИМОСТЬ РАБОТ
Понятный объём.
Обоснованная цена.
Стартовая стоимость услуги — ориентир для обсуждения. Итоговая цена зависит от объёма уникальных страниц, сценариев, исходных материалов и интеграций. Состав работ и дополнительные расходы фиксируем в предложении до начала проекта.
Вёрстка сайтаот 120 000 ₽
Точную стоимость определяем после обсуждения задачи.
Страницы
Уникальные шаблоны и объём материалов
Функции
Подбор, формы, роли и состояния
Связи
CRM, оплата, учёт и перенос данных
ПОДРОБНО / 01
Что нужно для старта
Проверяем макеты, шрифты, изображения, мобильные версии и описание взаимодействий. Выявляем состояния, которых нет в исходном дизайне.
До оценки уточняем, нужна ли только вёрстка или также интеграция с CMS и серверными методами.
ПОДРОБНО / 02
Система компонентов
Повторяющиеся элементы получают общую реализацию: карточки, кнопки, поля, меню и диалоги. Это снижает расхождения при добавлении новых страниц.
Компоненты проверяем на длинных строках, пустых данных и разных размерах окна.
ПОДРОБНО / 03
Движение и доступность
Анимация должна объяснять смену состояния и поддерживать визуальный образ. Предусматриваем управление клавиатурой, видимый фокус и уменьшение движения.
Основное содержимое не должно исчезать из-за отказа декоративного скрипта.
ПОДРОБНО / 04
Приёмка в браузере
Проверяем согласованные страницы и сценарии в выбранных браузерах, сопоставляем с макетом и исправляем расхождения.
Состав поддержки браузеров, требования к скорости и формат передачи кода фиксируем заранее.
FAQ
До начала работы.
Работаете с чужими макетами?
Да. Сначала проверяем полноту, адаптивы, права на материалы и описание поведения.
Подключение к CMS входит в вёрстку?
Только если это указано в составе работ. Статический интерфейс и интеграция с системой управления — разные задачи.
Можно добавить сложную анимацию?
Да, после оценки сценария, производительности и мобильного поведения. Основные действия должны оставаться удобными.
BIG FISH / РАЗРАБОТКА
Найдите решение
для своей задачи.
СЛЕДУЮЩИЙ ШАГ
Обсудим вашу задачу.
Можно начать с идеи, ссылки на текущий сайт или списка того, что хочется изменить. Поможем определить следующий шаг и состав работ.