Перейти до змісту
Меню

Процес

Як ми працюємо: фіксована ціна, конкретні люди, щотижневі демо

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

Шість етапів, кожен з вашим погодженням

Тривалість етапів указано для корпоративного сайту й більших проєктів. Лендинг проходить усі шість етапів за 1-2 тижні.
  1. Дослідження

    1-2 тижні

    Ми розмовляємо з вашою командою, вивчаємо аналітику й конкурентів і погоджуємо, що сайт має робити для бізнесу.

    • Нотатки з дослідження й цілі
    • Карта сайту й перелік сторінок
    • Письмова оцінка з фіксованою ціною

    Ваше погодженняВи погоджуєте обсяг і ціну або зупиняєтеся тут і залишаєте результати собі.

  2. Структура

    1-2 тижні

    Вайрфрейми для кожного шаблону сторінки зі справжніми заголовками й пріоритетами контенту замість lorem ipsum.

    • Клікабельні вайрфрейми
    • Структура контенту для кожної сторінки
    • План навігації та URL-адрес

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

  3. Дизайн

    2-3 тижні

    Арт-дирекція, дизайн сторінок і бібліотека компонентів, які ми показуємо на щотижневих демо.

    • Дизайн для десктопа й мобільних
    • Бібліотека компонентів у Figma
    • Два або три раунди правок, залежно від продукту

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

  4. Розробка

    2-6 тижнів

    Фронтенд, CMS та інтеграції на тестовому сайті, який можна відкрити будь-якого дня.

    • Тестовий сайт, що оновлюється щодня
    • CMS із вашою моделлю контенту
    • Записи щотижневих демо

    Ваше погодженняВи погоджуєте кожен шаблон на тестовому сайті.

  5. QA і контент

    1 тиждень

    Ми тестуємо за опублікованим чеклістом і допомагаємо завантажити та вичитати фінальний контент.

    • Звіт QA за чеклістом
    • Результати перевірок доступності й швидкодії
    • Інструкція з редагування й відеоогляд

    Ваше погодженняВи погоджуєте версію до запуску.

  6. Запуск і супровід

    30 днів

    Запуск у ваших акаунтах, редиректи й перевірки в Search Console, потім 30 днів моніторингу.

    • Підписаний чекліст запуску
    • 30 днів моніторингу
    • 60 днів гарантії на виправлення помилок

    Ваше погодженняВи підтверджуєте передачу, і починається гарантійний період.

Як ми будуємо: UX/UI дизайн і Next.js

Дизайн і технічний стек входять у кожен продукт, а не продаються окремо. Лендинг, інтернет-магазин і веб-застосунок проходять ту саму роботу з UX/UI дизайну й той самий стандарт розробки: Next.js за замовчуванням або стек, який ви оберете.

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

Розробка це Next.js і TypeScript за замовчуванням або стек, який ви оберете зі списку нижче, на хостингу у ваших акаунтах. Сторінки рендеряться на сервері, тож швидко завантажуються, а пошукові системи бачать їх повністю. Контент зберігається в headless CMS або в Markdown, залежно від продукту, а код достатньо стандартний, щоб його підтримувала будь-яка React- чи Vue-команда.

Якщо до дизайну потрібне дослідження, опція «UX-дослідження й тестування» (2 500 $) додає інтерв’ю з користувачами й юзабіліті-тести клікабельного прототипу. У веб-застосунок вона вже входить.

  • Вайрфрейми зі справжнім контентом до будь-якого візуального дизайну
  • Власний дизайн для десктопа й мобільних, без шаблонів
  • Бібліотека компонентів, яку ваша команда може використовувати повторно
  • Next.js за замовчуванням або стек на ваш вибір, перевірені за опублікованим чеклістом QA
  • Код, дизайн і хостинг у ваших акаунтах

Стек, на якому ми працюємо

Інструменти з наших власних робочих проєктів, згруповані за шарами. Для кожного проєкту ми радимо стек, а обираєте ви.
Мови
  • TypeScript
  • JavaScript
  • Node.js
  • Python
  • SQL
  • Bash
Фронтенд
  • React
  • Next.js
  • Vue 3
  • Nuxt
  • Astro
  • Tailwind CSS
  • shadcn/ui
  • Radix UI
  • Framer Motion
  • TanStack Table
  • React Hook Form
  • Zod
  • Pinia
  • Zustand
  • D3
  • Chart.js
Контент і локалізація
  • MDX
  • Nuxt Content
  • Fumadocs
  • Markdown in Git
  • Remotion
  • i18next
  • vue-i18n
Бекенд і API
  • NestJS
  • Express
  • Hono
  • Next.js route handlers
  • Server Actions
  • REST
  • OpenAPI
  • WebSockets
Дані
  • PostgreSQL
  • Drizzle ORM
  • MongoDB
  • DynamoDB
  • Redis
  • pg-boss
  • SQLite
  • S3
  • Cloudflare R2
Хмара та інфраструктура
  • Vercel
  • AWS Lambda
  • AWS API Gateway
  • AWS CloudFront
  • AWS EventBridge
  • AWS Step Functions
  • AWS SQS
  • AWS SNS
  • Terraform
  • Docker
  • GitHub Actions
  • GitLab CI
Якість і моніторинг
  • Playwright
  • Vitest
  • Jest
  • Cypress
  • Testcontainers
  • Supertest
  • OpenTelemetry
  • Sentry
  • Prometheus
  • Vercel Analytics
  • Speed Insights
ШІ
  • Anthropic Claude API
  • Claude on AWS Bedrock
  • Google Gemini API
  • OpenAI API
  • MCP servers
  • RAG with embeddings
  • LLM agents with tool use
  • AI vision and OCR
  • prompt-injection guarding
  • llms.txt
  • agent-ready sites
  • AI crawler analytics
Безпека й ланцюг постачання
  • SBOM
  • CycloneDX
  • SPDX
  • CVSS
  • EPSS
  • CSAF
  • purl
  • dependency scanning
  • secret management
  • WAF
  • rate limiting
Платежі
  • Stripe
  • Paddle
  • LiqPay
  • monobank acquiring
  • Fondy
  • WayForPay
  • Portmone
  • Privat24
  • NBU QR payments
  • Apple Pay
  • Google Pay
Автентифікація й вхід
  • Auth.js
  • Google sign-in
  • Microsoft Entra ID
  • Discord sign-in
  • Keycloak
  • AWS Cognito
  • OAuth 2.0
  • OpenID Connect
Пошта й сповіщення
  • Resend
  • nodemailer
  • SendGrid
  • Telegram bots
  • Viber
  • WhatsApp
  • Microsoft Teams
  • TurboSMS
Інтеграції
  • Cloudflare Turnstile
  • reCAPTCHA
  • hCaptcha
  • n8n
  • Salesforce
  • Elasticsearch
  • OpenSearch
  • Typesense
  • Google Maps
  • Leaflet
  • Google Calendar
  • Nova Poshta
  • Ukrposhta
  • GitHub API
  • Azure DevOps API
API каталогів
  • BoardGameGeek
  • Discogs
  • TCGdex
  • Rebrickable
  • Numista
  • Comic Vine
  • Open Library

Наші 14 зобов’язань

Кожне відповідає на проблему, про яку клієнти розповідали нам після роботи з іншими агенціями.
  1. Фіксована ціна, письмово

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

  2. Зміни оцінюємо до початку робіт

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

  3. Відповідь протягом 4 робочих годин

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

  4. Компенсація, якщо ми запізнюємося

    Кожен етап має дату в договорі. Якщо ми її зриваємо з нашої вини, то зараховуємо вам 5% вартості цього етапу за кожен тиждень затримки.

  5. Сайт роблять ті, з ким ви говорили

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

  6. Усе належить вам з першого дня

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

  7. Без вашого погодження далі не йдемо

    Кожен етап завершується перевіркою за опублікованим чеклістом QA і вашим письмовим погодженням. Після запуску помилки в нашій роботі виправляємо безкоштовно 60 днів.

  8. Редизайн без втрати позицій у пошуку

    Редизайн включає карту редиректів для кожної проіндексованої URL-адреси, перевірки в Search Console в день запуску й 30 днів моніторингу з виправленнями.

  9. Сайт можна редагувати самостійно

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

  10. Підтримка з опублікованими цінами

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

  11. Ви бачите прогрес щотижня

    Щотижневе відеодемо, завжди актуальне посилання на тестовий сайт, спільна дошка задач і коротка письмова записка щоп’ятниці.

  12. Після платного дослідження можна зупинитися

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

  13. Без шаблонів і готових тем

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

  14. Письмовий план безперервності

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

Коли щось змінюється

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

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

Ставки на зміни

Ставки на зміни
ЗмінаЦінаЯк це працює
Зміна, дизайн90 $ за годинуОцінюємо в годинах до вашого погодження
Зміна, розробка95 $ за годинуОцінюємо в годинах до вашого погодження
Додаткова секція, шаблон сторінки, джерело або екранВід 250 $Залежить від одиниці обсягу продукту, видно в калькуляторі
Додаткова мова12% від бази + додатковий обсягТе саме правило, що й у калькуляторі
Термінове виконання+20% або +40%Пріоритетний або терміновий графік
Зміни контенту після запускуБезкоштовноВи вносите їх самі в CMS

Наш опублікований чекліст QA

Кожен шаблон перевіряємо за цим списком, перш ніж просити вас його погодити.
  1. Дві останні версії Chrome, Safari, Firefox і Edge, а також Safari на iOS і Chrome на Android
  2. WCAG 2.2 AA: навігація з клавіатури, порядок фокусу, контраст, підписи й перевірка зчитувачами екрана
  3. Lighthouse на мобільних і десктопі для кожного шаблону, з результатами у звіті QA
  4. Core Web Vitals у межах «добрих» порогів на мобільному профілі з обмеженою швидкістю
  5. Кожна форма перевірена на валідацію, повідомлення про помилки, захист від спаму й доставку
  6. Перевірені редиректи, канонічні теги, sitemap, правила robots і структуровані дані
  7. Контент вичитаний усіма мовами, якими працює сайт
  8. Події аналітики спрацьовують і звірені з планом вимірювань

Що ви бачите щотижня

  • Щотижневе відеодемо

    20-хвилинний огляд змін у записі, щоб ті, хто пропустив, могли подивитися пізніше.

  • Посилання на тестовий сайт

    Сайт у його поточному стані за приватною адресою, яка оновлюється з кожною нашою зміною.

  • Спільна дошка задач

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

  • П’ятнична записка

    Одне коротке письмове оновлення: що зроблено, що далі й які рішення потрібні від вас.

Оплата

Дослідження оплачується наперед окремим рахунком. Фіксована ціна розробки, яку воно визначає, ділиться на рахунки за етапами, кожен з яких прив’язаний до погодженого вами етапу. Типовий розподіл: 30% на старті, 40% після погодження дизайну, 30% на запуску.

Рахунки виставляємо в USD або EUR, оплата банківським переказом або через Stripe. Банківські реквізити й умови оплати прописані в договорі.

Вихід з проєкту й повернення коштів

Ви можете зупинитися після платного дослідження й залишити собі всі його результати. Далі договір можна розірвати на межі будь-якого етапу й заплатити лише за погоджені етапи.

Ми ніколи не тиснемо й не вдаємося до пропозицій зі зворотним відліком. Якщо ми не та команда, яка вам потрібна, ми так і скажемо й підкажемо, хто може підійти.