Сайти та вебзастосунки

Хорошому проєкту потрібен хороший цикл.

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

добрийЦикл() {
  зрозуміти();
  спланувати();
  зібрати();
  перевірити();
  запустити();
  покращити();
}

01 / Зрозуміти

Починаємо із задачі, а не зі стеку.

Іноді ТЗ займає двадцять сторінок. Іноді є два повідомлення та посилання на конкурента. Для старту годиться і те, і інше. Спочатку з’ясовуємо, що має запрацювати, для кого і що варто випустити першим.

поганийСтарт() {
  вгадати();
  обратиСтек();
  початиКодити();
}

добрийСтарт() {
  запитати();
  визначитиРезультат();
  обратиОбсяг();
}

02 / Спланувати

Робимо роботу видимою, поки зміни ще дешеві.

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

01бриф()

02сценарії()

03екрани()

04дані()

05реліз()

03 / Зібрати

Кілька звичок економлять багато часу.

Не вигадувати наново звичні речі

Форми, навігація, маршрутизація та базова сітка не потребують нового винаходу щопонеділка.

Короткий зворотний зв’язок

Показуємо робочі частини рано, поки змінити напрям ще недорого.

Перевіряти у справжньому браузері

Адаптивність, доступність і помилкові стани входять у звичайну розробку.

Залишати місце для змін

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

04 / Перевірити

Збираємо робочий шматок і дивимося, як він поводиться.

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

зібратиЧастину();
перевірити();
виправити();
продовжити();

01 · Робочий сценарійОдин завершений шлях корисніший за п’ять напівготових екранів.

02 · Справжній контентТексти й дані змінюють верстку, тому підключаємо їх рано.

03 · Перевірка перед релізомПитання просте: чи може людина нормально скористатися цим зараз?

05 / Попередні запуски

Робота приходила з різних місць.

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

01 / Вибрані роботи

Вибрані клієнтські роботиЗ 2019 року?

RUN #001 · Велика Британія · Ізраїль

06 / Послуги02 / Послуги

Що можемо зробити?

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

Сайт

Лендинги, корпоративні сайти, сторінки проєктів і великі контентні збірки.

Вебзастосунок

Кабінети, панелі, внутрішні інструменти та власні робочі процеси.

WordPress / CMS

Нові сайти, власна логіка, інтеграції та успадковані системи.

Готовий проєкт

Виправлення, розширення, міграція, прибирання або наступний реліз.

SEO та редакційні тексти

Статті, дослідницькі матеріали й тексти, підготовлені для пошуку та публікації.

Продуктовий контент

Сторінки послуг, пояснення продукту, interface copy та структуровані комерційні тексти.

Сценарії та презентації

Сценарії для відео, виступів, презентацій і production briefs.

Локалізація та публікація

Адаптація між аудиторіями, мовами та форматами публікації.

Frontend

Адаптивні інтерфейси, інтерактивність, доступність і поведінка в браузері.

WordPress / PHP

Теми, плагіни, власна логіка, інтеграції та успадковані інсталяції.

Backend та інтеграції

API, потоки даних, внутрішні інструменти та бізнес-логіка проєкту.

Інфраструктура та реліз

Хостинг, деплой, DNS, production-виправлення та постійна технічна робота.

07 / Винятки

Можна прийти ще до того, як усе придумано.

03 / Запитання та відповіді

якщо (!тз.є) визначитиРазом();
якщо (старийПроєкт.є) спочаткуПеревірити();
якщо (бюджет.обмежений) зменшитиОбсяг();
якщо (реліз.працює) продовжитиВчитись();

Потрібне готове ТЗ?

Ні. Для першої розмови достатньо зрозумілої проблеми. Робочий обсяг можемо зібрати разом.

Працюєте з уже готовими проєктами?

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

Можна почати з малого?

Так. Невеликий перший реліз часто найкраще показує, куди варто вкладатися далі.

Що після запуску?

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

Це всі ваші роботи?

Ні. Це вітрина, зібрана саме для створення сайтів і вебзастосунків, тому тут свідомо показана лише вибрана частина досвіду. Більш повне портфоліо є на web.zhovten.games ↗. Ігри, над якими ми працювали або працюємо зараз, зібрані на zhovten.games/projects ↗. Найповніший професійний контекст команди розкритий у персональних профілях: Sam Starling · LinkedIn ↗ та Oksana Dubinetska · LinkedIn ↗.

Як розраховується ціна?

Правило: географічна база прив’язана до локального рівня вартості життя замовника. Беремо публічний living-wage / прожитковий benchmark, але ніколи не опускаємося нижче законної мінімальної погодинної оплати.

B(g) = max(L(g), M(g))
R(s,g) = round(B(g) × K(s))
Ціна = R(s,g) × години + прямі витрати

Україна, 2026. Прожитковий мінімум для працездатної особи — 3 328 грн/міс.; мінімальна погодинна зарплата — 52 грн. Тому робоча географічна база — 52 грн/год. Джерело ↗

Washington, DC, 2026. MIT оцінює living wage для одного дорослого у $26.72/год, що вище за minimum wage $17.95/год, тому база — $26.72/год. Джерело ↗

Робота	K	Типові години	Україна	Washington, DC
Верстка / збірка	2.00	4–12	416–1 248 грн	$214–641
Figma → адаптивна верстка	2.50	8–24	1 040–3 120 грн	$534–1 603
Програмування / власна логіка	3.00	4–40	624–6 240 грн	$321–3 206
Під ключ	3.25	8–24	1 352–4 056 грн	$695–2 084
Деплой / інфраструктура	2.00	1–4	104–416 грн	$53–214
Написання / редактура текстів	1.75	1–8	91–728 грн	$47–374

Дуже простий сайт на конструкторі для українського замовника може вкладатися приблизно у 8–11 годин «під ключ»: близько 1 350–1 860 грн без сторонніх витрат. За готових текстів і матеріалів орієнтир до 2 000 грн є свідомою ціновою політикою, а не винятком.

AI-assisted розробка рахується інакше:

Ціна_AI = B(g) × 2.0 × години людської перевірки
        + фактична вартість agent/model/tool
        + інфраструктура

Вартість токенів та інструментів береться з фактичного запуску агента; людський час — це постановка задачі, orchestration, review і testing. Хостинг, домени, платні плагіни, SaaS та ліцензії також ідуть як прямі витрати.

08 / Повернення04 / Контакт

Можна починати.Поговорімо.

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

RETURN

цикл.завершено();
повернути добрийЦикл();

Хорошому проєкту потрібен хороший цикл.

Починаємо із задачі, а не зі стеку.

Робимо роботу видимою, поки зміни ще дешеві.

Кілька звичок економлять багато часу.

Не вигадувати наново звичні речі

Короткий зворотний зв’язок

Перевіряти у справжньому браузері

Залишати місце для змін

Збираємо робочий шматок і дивимося, як він поводиться.

Робота приходила з різних місць.

Glenbotal · контракт

Верстка для Оксфорда · фриланс

Контент для Shifton · фриланс

EMBO Studio · контракт

Стаття про Берат · фриланс

SEO-статті: Ліндеманн і Ноєр · фриланс

Копірайтинг для gambling-проєкту · фриланс

SEO-стаття для iGaming · фриланс

Контент для спортивних прогнозів · фриланс

Тексти та сценарії · фриланс

Telegram-контент про вебдизайн · фриланс

50 текстових слотів · фриланс

Написання текстів · фриланс

Helpsinistre · контракт

Сайт InterDead · студійний проєкт

IRONCREED Security · сімейство плагінів

Гейм-/продуктова робота для QUOKKA · контракт · NDA