Отдел front-end

Наши верстальщики превращают макеты в быстрые страницы, которые одинаково хорошо работают на телефоне и компьютере.

Отдел front-end Marketing MIX переводит макеты дизайнеров в код: адаптивная вёрстка, интерфейсы на React и Next.js, анимации и формы. Отвечаем за то, чтобы страница быстро открывалась на телефоне и проходила Core Web Vitals.

Коротко

Вёрстка по макетам из Figma под телефон, планшет и компьютер.
Интерфейсы на React и Next.js, лёгкие страницы на HTML и CSS.
Скорость: Core Web Vitals, сжатие и отложенная загрузка картинок.
Доступность: контраст, размер кнопок, работа с клавиатуры.
Лендинг до 3 рабочих дней после согласования ТЗ.

Чем занимается отдел

Верстальщики собирают страницы по макету и проверяют их на реальных устройствах. Мобильную версию собираем и проверяем первой, затем расширяем до планшета и компьютера. Картинки переводим в WebP, задаём размеры, подключаем отложенную загрузку, чтобы первый экран открывался быстро.

Отдел готовит разметку под SEO: один H1, правильная структура заголовков, alt у изображений, микроразметка schema.org. Для Telegram Mini Apps и веб-приложений делаем интерфейсы на React.

Сроки

Лендинг мы делаем до 3 рабочих дней, сайт-визитку или корпоративный сайт до 10, интернет-магазин и первую рабочую версию мобильного приложения до 15 рабочих дней. Срок считаем от согласования ТЗ и получения материалов. Проекты с интеграциями оцениваем после ТЗ.

Что нужно от вас для старта

Макеты в Figma или пример сайта, который нравится.
Тексты и изображения для страниц, логотип, фирменные цвета.
Доступ к хостингу или CMS, если вёрстку нужно встроить в готовый сайт.

Частые вопросы

Вы верстаете по чужим макетам?

Да. Берём макеты из Figma от вашего дизайнера, проверяем мобильные версии и недостающие состояния элементов, потом называем срок.

Как вы проверяете скорость страницы?

Смотрим Core Web Vitals в PageSpeed Insights и в отчёте Search Console, проверяем страницу на реальных телефонах. Картинки переводим в WebP и подключаем отложенную загрузку.

Можно ускорить уже работающий сайт?

Да. Сначала замеряем, что тормозит: картинки, шрифты, скрипты или сервер. Затем правим по списку и повторяем замер, чтобы показать разницу.

Проекты

Проекты, где работал отдел:

Связанные услуги

О студии

Marketing MIX работает с 2014 года, это более 10 лет. Работаем по договору. D-U-N-S 68-606-2061, NCAGE A3G3J. Отзывы клиентов — на GoodFirms и в Google Картах. Офис: Киев, ул. Большая Васильковская, 77. Подробнее — на странице О нас.

Пришлите макет или пример страницы, и мы назовём срок вёрстки.

Обсудить вёрсткуTelegramWhatsApp

Дегодюк Александр

Front-end разработчик

Front-end разработчик создает архитектуру пользовательского интерфейса. Переводит дизайн из макета в язык доступный браузерам (HTML, CSS), а также оживляет дизайн и придает ему динамичность с помощью JavaScript.

Сотрудники отдела