01 · вёрстка и адаптация сайтов
Верстаем сайт по макету Figma под ключ и делаем мобильную версию готового сайта. Точно по макету, но без фанатизма: чистая разметка, быстрая загрузка и удобство на любом экране. Работаем в Москве и удалённо
Одним нужен сайт из свежего макета, другим — мобильная версия сайта, который работает много лет. Подход и смета у этих задач разные
Дизайн готов, верстальщика нет или он занят. Переводим макеты в код так, чтобы дизайнер узнал свою работу на любом экране
Сайт делали под монитор, а заходят с телефона. Адаптируем то, что есть, без переделки всего сайта с нуля
Одна страница, короткий срок и много внимания к первому экрану. Анимацию добавляем там, где она помогает читать
Сайт живёт на CMS, и новые страницы должны редактироваться из привычной админки, а не через программиста
У вас своя команда разработки, а вёрстка тормозит спринты. Отдаём библиотеку компонентов, которую удобно подключать
Блоки наезжают друг на друга, в Safari всё разъехалось, страница грузится долго. Находим причину, а не прячем симптом
Пять шагов, и на каждом результат виден в браузере, а не в переписке
Проверяем, всё ли нарисовано: мобильные экраны, наведение, ошибки в формах, пустые списки. Недостающее обсуждаем сразу, а не посреди работы
Сначала сетка, шрифты, цвета и повторяющиеся блоки: кнопки, карточки, поля. Страницы потом собираются из них, как из конструктора
Каждый шаблон на тестовом адресе, с настоящими текстами и картинками. Вы смотрите в браузере, а не на скриншоте
Телефон, планшет, ноутбук, широкий монитор и всё между ними. Промежуточные ширины не ломаются, даже если в макете их не было
Прогоняем по чек-листу: браузеры, скорость, клавиатура, длинные тексты. Передаём код, доступы и короткую инструкцию
Отдаём чистый HTML, компоненты для React или встраиваем вёрстку в CMS. Выбираем то, с чем вам потом удобно жить
Работаем с инструментами и системами: Figma, HTML, CSS, TypeScript, React, Next.js, WordPress, 1С-Битрикс
Если у вашей команды свои правила кода, сборка и библиотеки, подстраиваемся под них, а не приносим свои. Вёрстку должно быть легко поддерживать после нас
Макет показывает три ширины и идеальные тексты. Реальная жизнь шире, поэтому вёрстку проверяем по списку, а не на глаз
Смотрим не три размера из макета, а весь диапазон: плавно тянем окно и ловим места, где блоки наезжают или появляется прокрутка вбок
Chrome, Safari на iPhone, Firefox, Яндекс Браузер. Отдельно проверяем Safari: там чаще всего разъезжаются отступы и формы
Картинки нужного размера, шрифты без лишних начертаний, ничего тяжёлого на первом экране. Замеряем на мобильном соединении
Меню, формы и всплывающие окна проходятся клавишей Tab, фокус виден, у кнопок и картинок есть понятные подписи
Заголовок в три строки, фамилия на полстраницы, пустой список товаров. Вёрстка не ломается, когда реальный контент отличается от макета
Накладываем макет поверх страницы и сверяем сетку, отступы и шрифты. Точно, но без фанатизма: где пиксель спорит с удобством, спрашиваем дизайнера
Смотрим макет или сайт и присылаем смету на следующий день. После старта цена не меняется, если не меняется задача
от 30 000 ₽
от 3 дней
от 90 000 ₽
1–2 недели
от 200 000 ₽
от 3 недель
Присылаете ссылку на Figma или адрес сайта. Смотрим шаблоны и на следующий день присылаем смету со сроком
Верстаем сетку, компоненты и главную страницу. На ней договариваемся о точности и мелочах
Шаблоны выкладываем на тестовый адрес по мере готовности. Оплата по этапам
Передаём код, встраиваем в вашу систему. Месяц правим найденные ошибки без доплаты
Открыт 01 из 07
Не нашли свой вопрос — задайте его в Телеграме, ответим в рабочее время
Спросить в ТелеграмеЛендинг от 30 000 ₽, сайт до 10 шаблонов от 90 000 ₽
Цена зависит от числа уникальных шаблонов, а не страниц: сто одинаковых карточек товара верстаются как одна. Влияют ещё анимация, мобильные экраны в макете и система, в которую нужно встроить вёрстку. Смету присылаем на следующий день после того, как посмотрим макет
Лендинг от 3 дней, обычный сайт 1–2 недели
Большой сайт с каталогом и кабинетом — от трёх недель. Срок фиксируем в смете. Быстрее всего идёт работа, когда макет полный: есть мобильные экраны и состояния элементов
Зависит от числа шаблонов и состояния кода
Делаем не отдельный мобильный сайт, а адаптивную версию того же сайта: один адрес, одно содержимое, вёрстка подстраивается под экран. Небольшой сайт адаптируем за несколько дней. Если старый код сильно запутан, скажем об этом до старта и предложим, что выгоднее
Можно, если хватает возможностей конструктора
Онлайн-редакторы подходят для простой визитки. Когда нужен свой дизайн, быстрая загрузка, встраивание в CMS и нормальная мобильная версия, конструктор начинает мешать. Если вашей задаче хватит конструктора, так и скажем
HTML, CSS и TypeScript
Разметка на HTML, стили на CSS, поведение на TypeScript. Для команд на React и Next.js отдаём готовые компоненты, для WordPress и 1С-Битрикс встраиваем вёрстку в шаблоны. Лишних библиотек не тянем
Да, в шаблон сайта без остановки
Работаем на копии сайта, проверяем новые шаблоны и компоненты, потом переносим на рабочий сайт. Контент-менеджер продолжает редактировать страницы из привычной админки
Базируемся в Москве, работаем с любым городом
Для вёрстки встречи не обязательны: макет, созвоны и тестовый адрес работают одинаково из любого города. Москвичам можем показать результат вживую
Пришлите ссылку на макет Figma или адрес сайта, которому нужна мобильная версия. Ответим в рабочее время в течение двух часов, смету пришлём на следующий день