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