Головна/Процес

Як ми працюємо.

П'ять етапів, прозорі дедлайни, спільна Notion-кімната. Без чорних ящиків і «надішлемо коли буде готово».

Етапи5 фаз
Термін6 — 12 тижнів
Команда4 — 8 людей
СінкLive-сесії 2x / тиждень
Карта процесу

Все обертається навколо результату — а не довкола брифу.

Ціль
Live
продукт
від брифу до запуску
01

Стратегія

1 — 2 тижні
02

Структура

2 — 3 тижні
03

Дизайн

2 — 4 тижні
04

Розробка

3 — 5 тижнів
05

Запуск

1 — 2 тижні
Розбір по етапах

Що відбувається всередині
кожної фази.

Контракт фіксує дедлайни кожного етапу. Ви бачите прогрес у Notion-кімнаті в реальному часі.

01
Стратегія
1 — 2 тижні
2 live-сесії

Розуміємо бізнес до того, як відкрити Figma.

Глибокий бриф із засновниками, аудит ринку й конкурентів, постановка цілей у вимірних метриках. На виході — позиціонування й дорожня карта.

Brief deckAudit (8-14 ref.)PositioningKPIRoadmap
stage-01.briefv.1.2 · ready
briefзаповнено
audit14 ref.
kpiвизначені
roadmapv.1.2
02
Структура
2 — 3 тижні
4 live-сесії

Перевіряємо логіку до візуалу.

UX-мапа, інформаційна архітектура, прототип у Figma. На цьому етапі дешево змінити структуру — на наступних коштує тижнів.

SitemapUser flowsWireframesContent blocksPrototype
stage-02.flowv.3 · approved
screens28
flows6 шляхів
wiresv.3
a/b варіантів12
03
Дизайн
2 — 4 тижні
4 — 6 live-сесій

Концепт, система, ключові екрани.

Два альтернативні візуальні напрямки → один обраний → повна дизайн-система. Затвердження екранів у Figma з inline-коментарями та live-демо.

Mood / concept x2Design systemTokensMotion specsAsset kit
stage-03.designv.2.4 · review
напрямки3 / 1
tokens142
screens38
motion8 specs
04
Розробка
3 — 5 тижнів
щоденний staging

Чистий код, performance >= 95.

Front + back, CMS, аналітика та інтеграції українського e-commerce-стеку: monobank, LiqPay, Нова Пошта, KeyCRM, Rozetka / Prom і Checkbox. Кожен PR проходить дизайн-рев'ю — поки команда розробки фокусується на швидкості, дизайнер слідкує за пікселями.

Next.js / ХорошопGA4 + GTMmonobankНова ПоштаKeyCRM / Checkbox
stage-04.buildstaging.live
stackNext.js
cmsHeadless
perf98 / 100
qa0 critical
05
Запуск
1 — 2 тижні
+ 30 днів care

Реліз — це не кінець, а початок зростання.

Деплой у прод, технічний SEO, фіксація аналітики. Перший місяць — на гарячій підтримці: фіксимо, тестуємо A/B, передаємо команді клієнта.

Production deployTechnical SEOA/B setup30d hypercareHandover
stage-05.launchlive · day 12
launchпрод
seoіндексація
a/b3 live
handoverscheduled
Принципи роботи

Шість правил, від яких ми не відступаємо.

Це не «методологія» — це чек-лист, який кожен у студії знає напам'ять.

01 — Прозорість

Жодних чорних ящиків.

Клієнт бачить Notion-кімнату проєкту в реальному часі — поточний статус, blockers, наступні кроки. Завжди.

02 — Ремесло

Pixel-perfect і performance.

Кожна сторінка проходить через QA-матрицю: дизайн, доступність, швидкість, SEO. Lighthouse >= 95 — мінімум.

03 — Швидкість

Менше зустрічей, більше деки.

2 живі сесії на тиждень + асинхронні апдейти в Loom. Решта часу — робота. Дедлайни фіксовані контрактом.

04 — Жодного фронту

Команда — співвиконавці.

Один контракт, один потік відповідальності. Жодних «передачі дизайну розробникам» — ми сидимо в одному каналі.

05 — Ритм

Щотижнева демо.

Кожна п'ятниця — 30-хвилинна live-демо прогресу. Без надиктованих презентацій. Просто заходимо у файл і коментуємо.

06 — Після релізу

Ми не зникаємо.

30 днів hypercare безкоштовно. Далі — місячна підтримка з SLA або сезонні апдейти. Як клієнт обере.

Матриця артефактів

Що ви отримуєте на кожному етапі.

Кожен артефакт — у форматі, придатному для передачі іншій команді.

Артефакт
01 Strategy
02 Structure
03 Design
04 Build
05 Launch
Стратегічний док
-
-
-
-
Sitemap + Wireframes
-
-
-
-
Дизайн-система (Figma)
-
-
-
-
Motion-специфікації
-
-
опц.
-
Кодова база + Git-доступ
-
-
-
Аналітика (GA4 + панель)
-
-
-
SEO-аудит запуску
-
-
-
-
Hypercare-звіт (30 днів)
-
-
-
-
Стратегічний док
01 Strategy
Sitemap + Wireframes
02 Structure
Дизайн-система (Figma)
03 Design
Motion-специфікації
03 Design04 опц.
Кодова база + Git-доступ
04 Build05 Launch
Аналітика (GA4 + панель)
04 Build05 Launch
SEO-аудит запуску
05 Launch
Hypercare-звіт (30 днів)
05 Launch
Часті питання

Що питають до підпису.

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

А якщо в нас уже є дизайн-система?+

Чудово — починаємо одразу з 02 етапу або беремо нашу команду тільки на розробку. Ми вміємо працювати у вашій Figma, поважаючи токени й компоненти.

Як ми контролюємо бюджет?+

Фіксована вартість за етап, фіксований дедлайн. Якщо ви додаєте новий скоп — оформляємо як change order з окремою оцінкою.

Хто володіє правами на дизайн і код?+

Ви — після фінальної оплати. До цього моменту ми залишаємо за собою право показувати роботу у портфоліо й використовувати в маркетингу.

Що відбувається, якщо проєкт зупиняється посеред дороги?+

Передаємо все, що зроблено на момент паузи: Figma, код, аналітику, доступи. Контракт передбачає кілька форматів паузи або handover.

Чи можна замовити лише один етап — наприклад, тільки дизайн?+

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

Чи беретесь за підтримку після релізу?+

Так — місячна SLA-підтримка або сезонні рев'ю + апдейти за фікс-чек. Часто супроводжуємо клієнтів роками.

Готові почати?

Заповніть бриф — повернемося впродовж робочого дня з попередньою оцінкою, складом команди та проєктним графіком.

Подивитися кейси