Ви малюєте макет. Ми віддаємо живий сайт з адмінкою.

Надсилаєте посилання на Figma - отримуєте працюючий сайт у вашому Vercel-акаунті. Тексти й фото з макета вже всередині, і ваш замовник редагує їх сам, без вас і без розробника. Зазвичай протягом 24 годин. Оцінка безкоштовна.

Оцінка безкоштовна · ціну називаємо до оплати · не вийде - повертаємо всю суму

Як підготувати файл

п’ять пунктів · дві хвилини

01
Одна сторінка у файлі

Усе, що треба зверстати, - на одній сторінці Figma. Чернетки, мудборди, концепти і смітник винесіть в інший файл. Так ми точно знаємо, що верстати, і не питаємо вас про це.

такDesign
ніDesign · Trash · Moodboard · Concept
02
Підписані фрейми сторінок

Кожен фрейм сторінки називаємо по-людськи. З цих назв будуються адреси сторінок і пункти меню в адмінці.

такГоловна · Про нас · Послуги · Контакти
ніFrame 427 · Frame 428 · Group 12
03
Мобільні фрейми поруч і з тією ж назвою

Мобільну версію робимо саме з вашого мобільного фрейма, а не «підганяємо» з комп’ютерної. Щоб ми зіставили пари, у назві має бути та сама сторінка плюс позначка мобільного.

такГоловна · Головна mobile
ніГоловна · Frame 91
04
Окремі стани - підписати явно

Якщо ви намалювали окремо бургер-меню, ховер кнопки чи розкритий акордеон - це НЕ сторінка, і ми не маємо зверстати їх як окремі екрани. Досить назви, з якої це видно.

такБургер меню · Hover - кнопка · FAQ відкритий
ніFrame 12 · Frame 13
05
Доступ «за посиланням»

У Figma: Share → Anyone with the link → Can view. Ми читаємо файл лише на читання і нічого в ньому не міняємо.

Кожен шар підписувати не треба. Досить назв фреймів сторінок і окремих станів. Решту ми розберемо самі.

Figma · макет
Макет у Figma: панель шарів і полотно
client-site.com.ua
Той самий макет живим сайтом
Живий сайт 1:1
Живий сайт, а не код
у вашому акаунті, з адмінкою і базою
Швидкість
повністю готовий сайт з адмінкою за 10 хвилин
Дешевше розробника
прозора і адекватна ціна верстки за 2 хвилини до розробки

Як це виглядає

крок 01 · ~10 секунд
Кидаєте посилання на макет.
Достатньо доступу «за посиланням» - працюємо з макетом як є.
figma.com/design/kL9x…/landing
надіслано · 14:02
крок 02 · ~2 хвилини
Бачите ціну і термін.
Оцінка безкоштовна, ціна названа до оплати і далі не змінюється.
оцінка № 0214безкоштовно
Лендінг, 8 секцій$75
Терміндо 24 годин
крок 03 · до 24 годин
Отримуєте сайт і адмінку.
У вашому акаунті, з контентом із макета всередині.
client-site.com.ua
/admin

Макет затверджено. І тут починається найгірше.

Чотири звичні варіанти, і кожен щось у вас забирає.

A
Шукати верстальника
Листування, оцінка, строки, правки через третю людину - і проєктом ви більше не керуєте, але перед замовником відповідаєте ви.
−2 тижні · −½ бюджету
B
Верстати самому
Місяці на вивчення інструмента, щоб отримати сайт, який замовник однаково не зможе редагувати без вас.
−місяці вашого часу
C
Здати макет як є
Замовник іде шукати розробника. Знаходить. І далі цей розробник - його підрядник, а не ви.
−замовник
D
«Хочу сам міняти тексти»
Найчастіше прохання замовника. Відповідь сьогодні: або підписка назавжди, або розробник на щомісяця. Обидва варіанти псують вашу угоду.
−підписка назавжди
Ми прибираємо цей вибір. Макет - і сайт з адмінкою, однією дією.
+сайт · +адмінка · +замовник ваш

Що входить

Усе перелічене вже працює і перевірено на живих замовленнях.

накладна поставки
Позицій у комплекті08
Доплат за позиції0
Власник комплектуваш замовник
01включено
Живий сайт за адресою
Next.js, прод-збірка, викочено і працює. Не архів з кодом, не «експорт», не інструкція - адреса, яку ви відкриваєте і показуєте замовнику.
02включено
Адмінка з вашим контентом усередині
Payload CMS на тому ж сайті. Замовник відкриває і бачить свій сайт, а не порожні поля. Назви полів беруться з назв шарів у вашому макеті - ви впізнаєте свою роботу. Українська за замовчуванням, дві ролі: адміністратор і редактор.
03включено
Усе у вашому акаунті
Проєкт, база даних і сховище файлів створюються у вашому Vercel-акаунті. Ви власник з першої хвилини. Ми після здачі доступу не маємо.
04Мобільна версія з мобільного макета+
Мобільна верстка звіряється саме з мобільним фреймом, а не «підганяється» з десктопної.
05Форми, які справді відправляють+
Валідація, стан «надіслано», захист від ботів. Заявки збираються в адмінці, у розділі «Звернення». Сповіщення в Telegram: вписуєте токен бота і чат - і заявки падають у групу.
06Рух на сайті+
Дев'ять готових пресетів: поява, поява по черзі, розкриття, паралакс, заповнення при скролі, біжучий рядок, набігання цифр, залипання. Для нетипових ефектів пишемо свій код за вашим описом.
07Шрифти саме з вашого макета+
1942 родини Google Fonts (294 з кирилицею) і 100 Fontshare. Якщо шрифту немає у вільному доступі - попросимо файли, а не підставимо «схожий».
08Перевірена безпека+
Заголовки, CSP, HSTS, пошук секретів у зібраному бандлі, npm audit, перевірка службових маршрутів. Перевіряється живий сайт, а не конфіг. Знайдені блокери зупиняють здачу, поки ми їх не закриємо.
демо наживо/безкоштовно

Не вірте на слово.
Дайте свій макет.

Ми безкоштовно зверстаємо одну секцію з вашого макета і покажемо її живою адресою. Приблизно три хвилини, без оплати і без домовленостей. Разом із результатом покажемо звірку: скільки елементів перевірено і скільки розбіжностей знайдено.

Спробувати на своєму макеті

демо живе ~15 хвилин · мобільна версія і адмінка - вже платна робота

прогін демо
Читаємо макет і шари00:12
Верстаємо секцію01:34
Викочуємо на живу адресу02:21
Міряємо і звіряємо з макетом02:58
demo-vash-maket.vercel.app
елементів перевірено: 214розбіжностей: 0

Замовник відкриває адмінку і впізнає свій сайт

Контент-модель будується з вашого макета: кожна секція - своя група полів. Назви полів беруться з назв шарів у Figma, а не з машинних ідентифікаторів. Тексти й фото з макета вже всередині, тому перший вхід виглядає не як порожня база, а як його власний сайт.

  • Дві ролі: адміністратор і редактор для колеги
  • Інтерфейс українською
  • Заявки з форм тут же, у розділі «Звернення»
  • Адмінка входить у ціну і живе всередині вашого проєкту. Окремих платежів за неї немає
client-site.com.ua/admin
знімок: адмінка з українськими підписами полів
Figma · шари
знімок: панель шарів Figma з тими самими назвами

Там, де з макета не видно, ми питаємо. Там, де не так, - ви показуєте пальцем.

Питання замість здогадів
робота на паузі
versta · питання

Секція «Новини»: це колекція блогу чи дванадцять окремих блоків?

A · Колекція блогу
замовник додає записи сам, список росте
B · Дванадцять окремих блоків
кожен блок редагується окремо, кількість фіксована

Ви обираєте не між словами, а між двома різними адмінками. Здогад коштує дорожче за питання: неправильно вгадана структура означає переверстку.

Режим зауважень
комп’ютертелефон
client-site.com.ua · режим зауважень
1

Кнопка нижча, ніж у макеті

розбіжність · виправимо безкоштовно

Клікаєте прямо по місцю, де щось не так, і пишете що саме. Розбіжність із макетом виправляємо безкоштовно. Хочете інакше, ніж намальовано, - називаємо вартість, а ви приймаєте її або ні.

рішення підтверджує людина · зазвичай ~25 хвилин · мовчання нічого не списує

Чим це відрізняється від того, що ви пробували

Конвертери коду
спроба 1
код або кривий імпорт, а не сайт
адмінки немає
що далі з кодом - ваша проблема
перевірки точності немає
Верстальник
спроба 2
1-3 тижні очікування
вміст редагує розробник, не замовник
адмінка за окремі гроші, правки погодинно
точність перевіряє ваше око
Webflow / Tilda
спроба 3
ваші місяці на вивчення платформи
редагуєте ви, не замовник; адмінка обмежена
$14-39 щомісяця, завжди
власник сайту - платформа
versta
те, що лишається після трьох спроб
+живий сайт за адресою, а не код
+вміст редагує ваш замовник, сам
+адмінка входить, з вашим контентом усередині
+зазвичай протягом 24 годин
+платежів потім нам - нічого, підписок немає
+точність перевіряють виміри живого сайту
+власник - ваш замовник, з першої хвилини

П’ять речей, які ми обіцяємо письмово

Гарантійний лист
чинний для кожного замовлення
§ 1

Оцінка безкоштовна. Ви бачите ціну до того, як щось платите і до того, як даєте будь-які доступи.

§ 2

Ціна не змінюється. Названа після оцінки сума фіксована, скільки б часу не зайняла робота. Ризик оцінки наш.

§ 3

Розбіжність із макетом виправляємо безкоштовно завжди. Це наш брак, а не додаткова робота.

§ 4

Не вийде - повертаємо всю суму.

§ 5

Нічого не списуємо мовчки. Будь-яка платна доробка спершу оцінюється, і доки ви не підтвердили, з вас не беруть нічого.

versta
підпис виконавця
діє
письмово
· versta ·

Де межа: розбіжність із макетом - безкоштовно. Зміна макета, тобто «хочу інакше, ніж намальовано», - окрема робота з названою ціною, яку ви приймаєте або ні.

Від посилання до готового сайту

замовлення № 0214 · відстеженнянаживо
Посилання і пошта14:02
Кидаєте посилання на макет Figma і пошту. Більше нічого.
Безкоштовна оцінка14:04
Розбираємо макет, рахуємо сторінки й секції, перевіряємо шрифти, називаємо ціну і термін. Якщо в макеті є неоднозначності - ставимо питання одразу тут.
Оплата і доступ14:11
Платите карткою у гривні. Після оплати даєте токен Vercel на один день - щоб сайт від початку будувався у вашому акаунті.
04
Роботазараз
Хід робіт видно наживо, п’ятьма групами етапів. Сторінку оновлювати не треба.
05
Готовий сайт~14:25
Отримуєте посилання на сайт і на адмінку, а також коротку інструкцію для першого входу.
06
Прийманняваш хід
Дивитесь, показуєте пальцем, що не так, приймаєте роботу в три кроки. Після приймання режим доопрацювання лишається доступним назавжди.
Чому потрібен токен Vercel і чому це безпечно

Сайт від початку будується у вашому акаунті - тому ми нічого нікуди не «передаємо» потім і не тримаємо у себе. Для цього потрібен доступ на час робіт.

  • Токен ви створюєте на один день. Через добу він не працює ні в кого, зокрема й у нас
  • Шифрується AES-256-GCM ще до потрапляння в базу і ніколи не пишеться в логи
  • Стирається одразу після завершення робіт, не чекаючи доби
  • Просимо його тільки після того, як ви побачили ціну. До оплати він не потрібен
  • Умови сторонніх сервісів приймаються автоматично - вам не треба нічого клікати

Чесно про те, кому ми підходимо

результат оцінки · лист 114:04
  • Ви дизайнер або невелика студія і продаєте замовникам сайти
  • Макет уже намальований у Figma
  • Замовник хоче сам міняти тексти і фото
  • Це лендінг, промо-сайт, сайт послуг, портфоліо, багатосторінковий сайт-візитівка
беремось
результат оцінки · лист 214:04
  • ×Вам потрібен код, а не сайт: ми віддаємо працюючий сайт, а не репозиторій
  • ×Потрібен магазин із кошиком і оплатою
  • ×Потрібні особисті кабінети, калькулятори, складна логіка
  • ×Дизайну ще немає: ми не малюємо і не пишемо тексти
чесно відмовимо

Обидва листи приходять на безкоштовній оцінці, до будь-якої оплати. Якщо ваш випадок у другому - ви дізнаєтесь про це одразу, а не після передоплати.

Що ми не робимо

можливості · вимкнено свідомо5 / 5
Малювати дизайн і писати тексти
Магазини з кошиком, особисті кабінети і калькулятори
Сторінки, яких немає в макеті
Тримати сайт у себе: після здачі доступу до нього в нас немає
Братись за макет, який не потягнемо: скажемо це на оцінці, а не після оплати
Верстати ваш макет у живий сайт з адмінкою

Питання і відповіді

v
Підтримка versta
онлайн
натисніть питання, щоб побачити відповідь
Чи буде схоже на мій макет?+
v
Ми звіряємо готовий сайт із макетом по числах: позиція, розмір, шрифт, колір, кількість рядків кожного елемента - і виправляємо розбіжності до трьох кіл. На першому реальному проєкті було 68 розбіжностей після верстки і 3 на живому сайті, критичних 0. Усе, що не збіглося з макетом, виправляємо безкоштовно завжди, і навіть через рік.
А мобільна версія?+
v
Робиться з вашого мобільного фрейма і звіряється саме з ним. Якщо мобільного макета немає - скажемо про це на оцінці.
Що саме отримує мій замовник?+
v
Адресу сайту, адресу адмінки і доступ до свого акаунта, де живе проєкт, база і файли. Усе його. Ми після здачі доступу не маємо.
Чи зможе замовник щось зламати в адмінці?+
v
Він редагує вміст, а не верстку: тексти, фото, посилання в підготовлених полях. Структуру сторінки з адмінки не змінити. Для колеги замовника є окрема роль «Редактор» з меншими правами.
Чому так недорого?+
v
Верстку робить наша система, а не команда людей: сторінка збирається за хвилини. Ми не продаємо години, тому ціна фіксована і не залежить від того, скільки часу зайняла робота.
Це AI зверстає?+
v
Частину роботи робить модель, але не вона вирішує, чи все правильно. Типографіка генерується з макета детерміновано, повз модель. Результат перевіряється вимірами живого сайту в браузері і виправляється, поки розбіжності не зникнуть. Тобто ви отримуєте не «згенеровано», а «перевірено».
Що з моїм шрифтом, якщо він платний?+
v
Родина лишається такою, як у макеті. Якщо шрифт не у вільному доступі - попросимо у вас файли. Ми не підставляємо «схожий» шрифт: це найпомітніша підміна для дизайнера.
Скільки коштує утримання сайту?+
v
Нам ви більше не платите. Хостинг, база і файли - на вашому акаунті за тарифами цих сервісів; для лендінга це зазвичай мінімальні або нульові суми. Домен купуєте окремо.
А якщо мій макет неохайний?+
v
Оцінка безкоштовна саме для цього. Ми розбираємо файл і чесно кажемо, що бачимо. Найкраще система працює на структурованому макеті з осмисленими секціями і мобільними фреймами.
Скільки це займе?+
v
Сама верстка - кілька хвилин. Готовий сайт зазвичай віддаємо протягом 24 годин.
Чи можу я показати сайт замовнику до оплати?+
v
Безкоштовно ви бачите ціну і, якщо запустите демо, одну зверстану секцію живою адресою. Повний сайт збирається після оплати - його верстка коштує нам грошей.
Що, якщо мені не сподобається результат?+
v
Показуєте пальцем прямо на сайті, що не так. Розбіжність із макетом виправляється безкоштовно. Якщо результат вас не влаштував - повертаємо всю суму.
Ви залишите собі доступ до сайту?+
v
Ні. Проєкт від початку в акаунті замовника, а токен доступу стирається одразу після завершення робіт.
Я хочу правки через півроку. Це можливо?+
v
Так. Посилання на режим зауважень живе назавжди. Розбіжність із макетом і далі виправляється безкоштовно, решта оцінюється окремо, і без вашого підтвердження нічого не списується.
Скільки сторінок можна?+
v
Скільки є в макеті. Сторінок, яких у макеті немає, ми не вигадуємо.

Почніть з безкоштовної оцінки. Ви нічим не ризикуєте.

Кидаєте посилання на макет - протягом кількох хвилин бачите ціну і термін. Ні доступів, ні оплати, ні розмов на цьому кроці не потрібно.

талон на верстку · versta№ 0215 · ваш
звідки
Макет у Figma
24 год
куди
Живий сайт
оцінка
безкоштовна
ціна
до оплати
не вийде
повернемо все
Спробувати демо