Недорога верстка сайту з Figma: як оцінити ціну та обсяг

Що саме ви замовляєте

Верстка — це перенесення готового дизайну в HTML, CSS та JavaScript: блоки, шрифти, відступи, адаптив і погоджені взаємодії. Дизайн з нуля, база даних або система керування контентом — інші задачі, які потрібно назвати в запиті окремо.

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

Чому ціна починається від певної суми

Стартова ціна CSSBoss від 2 000 грн є орієнтиром, а не фіксованою вартістю будь-якого макета. Десять сторінок із повторюваними блоками й одна сторінка зі складною анімацією можуть мати зовсім різну трудомісткість.

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

Як зменшити бюджет без втрати основного результату

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

• Погодьте дизайн до початку верстки: зміни композиції після реалізації потребують додаткової роботи.
• Передайте готові тексти й вихідні фото, щоб не перебудовувати блоки під новий контент.
• Використовуйте спільні компоненти там, де вони логічні: однакова картка послуги чи форма спрощує підтримку.
• Замість складної анімації спочатку погодьте просту поведінку меню, кнопок і форм.
• Не виключайте мобільну версію та перевірку заявки: саме ці частини часто потрібні вашому клієнту першими.

Що порівняти у двох пропозиціях

Однакове слово «верстка» не гарантує однакового обсягу. Попросіть кожного виконавця описати результат за тим самим списком. Тоді буде видно, де ціна нижча завдяки меншому обсягу, а де — через відсутню важливу частину.

• Які сторінки, адаптивні ширини й стани входять у роботу?
• Чи буде форма надсилати звернення та хто перевіряє доставку?
• Які правки входять у погоджений обсяг і як оцінюються нові задачі?
• У якому форматі передається код і хто публікує сайт?
• Чи потрібні окремі платежі за домен, хостинг, шрифти або сторонні сервіси?
• Які строки погоджені та які матеріали потрібні від замовника?

Як перевірити готову верстку

Порівняйте сайт із погодженим макетом і перевірте його на телефоні та комп’ютері. Текст має читатися, кнопки — бути доступними для натискання, а блоки — не виходити за ширину екрана. Відкрийте меню, пройдіть усі основні посилання, перевірте форму й повідомлення про помилки.

Попросіть пояснити запуск і передачу файлів. Якщо потрібне редагування текстів через CMS, це має бути погоджено заздалегідь: наявність вихідного коду сама по собі не означає, що на сайті є адміністративна панель.

Як отримати оцінку в CSSBoss

Надішліть посилання на Figma з доступом для перегляду, перелік сторінок, потрібні функції та бажаний бюджет. Зазначте, чи є мобільний макет, куди мають надходити заявки й де плануєте розмістити сайт. Можна звернутися через форму або Telegram; ми працюємо дистанційно з Києва по всій Україні.

Якщо макета ще немає, опишіть свою пропозицію: можливо, вам потрібна розробка лендінгу, а не верстка чужого дизайну. У CSSBoss лендінги починаються від 1 500 грн. Точний формат і вартість залежать від задачі та погодженого обсягу.