Все размеры экранов
Проектируем под разные разрешения, а не под один условный телефон. Проверяем на пограничных значениях, где макет ломается чаще всего.
Услуги · Дизайн
Адаптивный дизайн сайта
Сайт, одинаково удобный на телефоне, планшете и компьютере — при любом разрешении экрана.
Адаптивный дизайн — это не сжатая десктопная версия. Для каждого размера экрана мы пересматриваем порядок блоков, размеры текста и способ взаимодействия.
Проектируем на гибкой сетке с медиазапросами и гибкими изображениями, поэтому макет не ломается на нестандартных экранах.
+38 (093) 911 53 51
MobileTabletDesktopГибкая сеткаМедиазапросыРетина-графика
Мобильный экран — главный, а не второй
Большинство посетителей приходят с телефона. Если на нём неудобно, остальная работа над сайтом не имеет значения.
Гибкая сетка
Блоки строятся на сетке, которая тянется вместе с экраном. Это убирает горизонтальную прокрутку и случайные пустоты.
Медиазапросы
На каждой контрольной ширине задаём свои правила: размер шрифта, количество колонок, поведение меню.
Гибкие изображения
Графика масштабируется без обрезания и не тяжелеет без необходимости — страница остаётся быстрой на мобильном интернете.
Удобство касания
Кнопки и поля делаем такими, чтобы в них попадали пальцем, а не курсором. Важное не прячем под длинную прокрутку.
Готовность к вёрстке
Передаём макеты с описанным поведением блоков на каждой ширине — верстальщик не додумывает за дизайнера.
Частые вопросы
Сколько стоит адаптивный дизайн?
Цена зависит от количества страниц и сложности интерфейса. После технического задания называем точную сумму и сроки.
Можно ли адаптировать существующий сайт?
Да. Работаем и с сайтами, сделанными не у нас, — проектируем адаптив под существующий дизайн или обновляем его.
Под какие устройства вы проектируете?
Под телефон, планшет и компьютер с запасом на нестандартные разрешения. Перечень контрольных ширин согласуем перед стартом.
Чем адаптив отличается от мобильной версии?
Мобильная версия — отдельный сайт с отдельным адресом. Адаптив — тот же сайт, который перестраивается под экран.
Нужно ли техническое задание?
Да, с него начинается работа. Если ТЗ нет — составим вместе с вами.
Кто получает права на макеты?
Заказчик. После завершения передаём материалы и права на созданный дизайн.
Работаете ли удалённо?
Да. Офис в Харькове, но большинство проектов ведём дистанционно — встреча не обязательна.
Рассчитайте стоимость за 30 секунд
Считаем: Адаптивный дизайн сайта
Что входит в работу
Адаптив — это отдельный этап проектирования, а не автоматическое сжатие готового макета.
Признаки действительно адаптивного сайта
Без прокрутки вбок
Страница никогда не съезжает горизонтально — ни на узком экране, ни на большой диагонали.
Читаемый
Текст не приходится увеличивать пальцами: размеры подобраны под каждую ширину.
Быстрый
Мобильная версия не тянет тяжёлую десктопную графику.
Удобный для пальца
Кнопки, поля и меню рассчитаны на касание, а не на курсор.
Одинаковый
Это тот же сайт на всех экранах, а не две разные версии с разным содержанием.
Дизайн и вёрстку делаем в одной команде — поведение блоков проверяется в браузере, а не только в макете.Как проходит работа
01
Техническое задание
Фиксируем требования и устройства, под которые работаем. Помогаем составить ТЗ, если его нет.
02
Оценка
После ТЗ называем стоимость и сроки. Работу начинаем с предоплаты, официально.
03
Проектирование
Сетка, брейкпоинты и поведение блоков на каждой ширине.
04
Дизайн версий
Прорабатываем мобильную, планшетную и десктопную версии.
05
Тестирование
Передаём на проверку вам. Спорные места согласуем вместе.
06
Передача
Отдаём материалы и права на проект.
Проверим, как ваш сайт выглядит на телефоне?
Пришлите адрес — посмотрим на реальных экранах и скажем, что стоит исправить и сколько это стоит.