Верстка сайтов и интернет-магазинов

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

Сетка на большом экране

Что входит в работу

Адаптивная верстка ключевых страниц и компонентов.
Оптимизация загрузки изображений и базовой производительности.
Аккуратная подготовка интерактивных состояний для разработки.
Проверка длинных названий, ошибок форм, пустых списков и управления с клавиатуры.

Пример адаптации: на широком экране фильтры находятся рядом с выдачей, на мобильном открываются отдельной панелью.

Опыт команды

OILSHOP · КАТАЛОГПодбор
и заказ

Применение✓

Товар✓

✓В заказе

Масло для нужной задачи

Каталог с фильтрацией, оформление заказа, личный кабинет и контентные страницы. В кейсе показана мобильная адаптация.

Связанные задачи

Доработать недостающие макеты и состояния до начала вёрстки.

Связать страницы с данными и бизнес-логикой 1С-Битрикс.

Нужны исходные макеты, шрифты и изображения, список интерактивных состояний и сведения о CMS или существующем frontend.