Перейти к содержимому
UWORK.KZ

Вёрстка сайта в Алматы — адаптивная вёрстка из Figma и PSD, лендинг за 3–5 дней

Вёрстка сайта — Солдатенко Лаврентий

Вёрстка сайта в Алматы: присылаете макет в Figma или PSD — возвращаю готовый адаптивный HTML/CSS, который не едет ни на одном разрешении. Работаю с дизайнерами, студиями и владельцами сайтов, которым нужен исполнитель на конкретный этап, а не подрядчик на весь проект. Что я верстаю — лендинги целиком, включая анимации появления и слайдеры; — внутренние страницы многостраничных сайтов; — натяжку готовой вёрстки на WordPress или другую CMS; — письма для рассылок, которые не разваливаются в Outlook и Gmail. Цены на вёрстку — Первый экран — от 10 000 ₸. — Внутренняя страница — 12 000–25 000 ₸, 1–2 дня. — Лендинг целиком — 40 000–90 000 ₸, 3–5 дней. — Сложный лендинг с анимациями и интерактивом — 90 000–150 000 ₸, 5–8 дней. — Натяжка на WordPress — плюс 30 000–60 000 ₸. — Письмо для рассылки — 15 000–30 000 ₸. — Макет без мобильной версии — плюс 20% к цене: адаптив придётся придумывать и согласовывать. Считаю не на глаз, а по экранам и сложности: смотрю макет и называю точную сумму и срок до начала работы. Как я верстаю Семантический HTML5, классы по БЭМ, CSS без нагромождения чужих библиотек ради одной кнопки. Адаптив от 320 px входит в базовую цену всегда — отдельной строкой я его не продаю. Pixel perfect по макету в пределах разумного: если в макете отступы 23 и 24 px в одинаковых блоках, я приведу их к одному и скажу вам об этом. Чек-лист перед сдачей Прохожу 12 пунктов: валидность разметки, семантика тегов, адаптив на всех брейкпоинтах, картинки в webp с указанными размерами, отложенная загрузка, favicon и метатеги, состояния hover, active и focus, работа с клавиатуры, валидация полей формы, отсутствие горизонтальной прокрутки на мобильных, скорость в PageSpeed, читаемость кода. Скриншот результата PageSpeed прикладываю к сдаче. Браузеры и устройства Chrome, Safari (включая iPhone), Firefox, Edge — две последние версии каждого. Проверяю на реальном телефоне, а не только в эмуляторе: Safari на iOS регулярно преподносит сюрпризы, которых нет в режиме разработчика. Анимации и интерактив В базовую цену входят плавные появления блоков, аккордеоны, табы, простые слайдеры, мобильное меню. Отдельно считаются параллакс, сложные сценарии на скролле, canvas и всё, что требует отрисовки логики кадр за кадром. Что мне нужно от вас Макет в Figma с нормальной структурой: сгруппированные слои, подключённые шрифты с указанием начертаний, сетка, отрисованные состояния кнопок и полей, мобильная версия или хотя бы указанные брейкпоинты. PSD тоже беру. Макет в JPEG возьму, но дороже — размеры придётся восстанавливать вручную. Граница между вёрсткой и программированием Вёрстка — это внешний слой: HTML, CSS, поведение элементов на странице, валидация полей на фронте. Приём заявок, отправка на почту, личные кабинеты и база данных — уже программирование. Я делаю и это тоже, но считается оно отдельно, и мы зафиксируем это заранее, чтобы в конце не было «а я думал, что форма будет работать». Правки и гарантия 14 дней после сдачи правлю бесплатно всё, что не совпадает с макетом или поехало на каком-то разрешении, — это моя ошибка и мой счёт. Изменения самого макета (передвинули блок, добавили секцию, поменяли концепцию) — новая задача: называю цену заранее, до того как начну. Как передаю результат Архивом с понятной структурой папок или в ваш репозиторий на GitHub — как удобнее. Код комментированный, классы по БЭМ, зависимости описаны. Ваш разработчик или другой подрядчик разберётся без меня, и это главный признак нормальной вёрстки. Примеры и отзывы Показываю живые ссылки на сверстанные страницы и рядом — исходный макет, чтобы было видно точность попадания. Отзывы есть от дизайнеров и небольших студий, которые отдают мне вёрстку регулярно: для этой работы такой отзыв весомее, чем отзыв частного заказчика. Алматы, Астана и удалённо Я в Алматы, но вёрстка — работа, которой география не мешает: макет прилетает по ссылке, результат уезжает в репозиторий. Работаю с заказчиками из Астаны, Шымкента и России, часовой пояс не мешает. Если макета нет Могу сделать дизайн или собрать сайт целиком — от структуры до запуска, с админкой и интеграциями. А если нужно мобильное приложение или своя учётная система, это тоже мои услуги, посмотрите соседние карточки в профиле. Написать мне Пришлите ссылку на макет с доступом на просмотр. Посмотрю и в тот же день назову точную цену и срок — без брифов на три страницы.

FAQ

Сколько стоит вёрстка сайта в Алматы?

Адаптивная вёрстка лендинга целиком — 40 000–90 000 ₸ в зависимости от числа экранов и анимаций, срок 3–5 дней. Отдельная внутренняя страница — 12 000–25 000 ₸, первый экран — от 10 000 ₸. Натяжка готовой вёрстки на WordPress — плюс 30 000–60 000 ₸. Точную цену называю после того, как посмотрю макет.

Что должно быть в макете, чтобы вы взяли его в работу?

Figma или PSD с нормальной структурой: сгруппированные слои, подключённые шрифты с начертаниями, сетка, отрисованные состояния кнопок и полей, мобильная версия или указанные брейкпоинты. Если мобильной версии нет — сделаю адаптив на своё усмотрение и согласую, это плюс 20% к цене. Макет в JPEG тоже возьму, но дороже.

Вёрстка будет работать на телефонах?

Да, адаптив от 320 px входит в базовую цену всегда. Проверяю на реальных устройствах и в эмуляторе: Chrome, Safari на iPhone, Firefox, Edge, по две последние версии. Перед сдачей прохожу чек-лист из 12 пунктов — семантика, валидность, скорость, webp, состояния наведения, поведение форм.

Правки входят в стоимость?

14 дней после сдачи правлю бесплатно всё, что не совпадает с макетом или поехало на каком-то разрешении, — это моя ошибка и мой счёт. Изменения самого макета (передвинули блок, добавили секцию) — новая задача, считаю отдельно и цену называю заранее.

Вы подключите вёрстку к базе данных и сделаете формы рабочими?

Вёрстка — это внешний слой: HTML, CSS, поведение элементов, валидация полей на фронте. Приём заявок, отправка на почту, кабинеты и база данных — уже программирование. Я делаю и это, просто считается отдельно, и мы фиксируем это на старте.

Как вы передаёте готовую вёрстку?

Архивом с понятной структурой папок или в ваш репозиторий на GitHub — как удобнее. Код комментированный, классы по БЭМ, без чужих библиотек ради одной кнопки. Ваш разработчик разберётся без меня — это и есть признак нормальной вёрстки.

Войти

+7
или
UWORK.KZ

Установите приложение UWORK.KZ

Ярлык на главном экране — быстрый доступ к услугам и заявкам.

Поделиться

Мы используем файлы cookie для работы сайта и аналитики. Вы можете выбрать, какие cookie разрешить.

Политика конфиденциальности