Serotoninn
Custom WordPress e-commerce, connecting the designed storefront with product and content management.
Втілюємо ваш дизайн. Від першої взаємодії до систем, що стоять за нею.
/керівник Дмитро Грачов
Custom WordPress e-commerce, connecting the designed storefront with product and content management.
Сайт студії Web3-продуктів з історією, що розгортається під час прокрутки, і 3D.
Перебудова сайту: міграція бази даних, адмінка WordPress, багатомовний контент і посилений захист.
Портфоліо бренд-студії з відео, 3D та анімацією прокрутки.
Інтерфейс на Next.js, підключений до адмінки Directus і зовнішніх API, з анімацією по всьому продукту.
Плануєте сайт чи вебпродукт?
Обговорімо проєктДмитро Грачов — ваша єдина контактна особа, він веде проєкт від брифу до запуску. Четверо інженерів створюють інтерфейс, CMS і серверну частину та працюють безпосередньо з вашим дизайнером або командою, без менеджерів-посередників.
Познайомитися з ROOKSВи спілкуєтеся з людьми, які пишуть код вашого проєкту.
Позначаємо технічні ризики та зайву складність, поки обсяг робіт ще формується.
Більшість проєктів мають фіксовану вартість і графік, на який можна спиратися.
До передачі перевіряємо адаптивність та взаємодії на реальних пристроях і в браузерах.

Поговоріть із Дмитром, інженером, який веде ваш проєкт.
Розбираємо цілі, дизайн і технічні вимоги. Визначаємо обсяг робіт, готуємо оцінку та виявляємо ризики, які варто усунути до початку розробки.
Ви отримуєте:
Разом із вашим дизайнером опрацьовуємо макети, адаптивність і анімацію. Зберігаємо задум і продумуємо, як він працюватиме на різних пристроях.
Ви отримуєте:
Інтерфейс, анімація, серверна частина та CMS. Показуємо прогрес на робочих демоверсіях, які можна перевірити.
Ви отримуєте:
До передачі перевіряємо верстку, взаємодії та контент на реальних пристроях і в браузерах. Це зменшує кількість зайвих правок для вашої команди.
Ви отримуєте:
Готуємо контент до запуску, передаємо сайт з інструкцією та включаємо перший місяць підтримки.
Ви отримуєте:
Те, що люди бачать і чого торкаються: верстка, анімація, 3D.
Де ваша команда редагує контент, товари й замовлення.
Логіка, дані та сервіси під капотом.
Не знайшли свого запитання? Дмитро відповість особисто.
ROOKS — студія веброзробки: четверо інженерів на чолі із засновником Дмитром Грачовим. Ми створюємо сайти, інтернет-магазини та вебпродукти для дизайн-студій, агенцій і бізнесу — від інтерфейсу й анімації до CMS, серверної частини та інтеграцій. Більшість проєктів мають фіксовану вартість, а спілкуєтеся ви напряму з інженерами, які пишуть код.
Так, розробка за готовим дизайном — наша основна робота. Беремо ваші макети з Figma чи іншого інструмента, разом із вашим дизайнером розбираємо їх і узгоджуємо адаптивність та анімацію ще до початку розробки. Мета — зберегти задум і зробити так, щоб він працював на будь-якому екрані. Дизайнер залишається в процесі, а прогрес ви бачите на робочих демоверсіях.
Вартість залежить від обсягу робіт: кількості шаблонів сторінок, анімації та 3D, CMS, інтернет-магазину й інтеграцій. Більшість проєктів мають фіксовану ціну. Після знайомства з проєктом ви отримуєте чіткий обсяг робіт, оцінку й терміни ще до старту розробки. У формі заявки бюджети — від «до $5 тис.» до «від $40 тис.». Якщо ще не визначилися, оберіть «Ще не визначено» — допоможемо сформувати обсяг.
Більшість проєктів займають від 4 до 13 тижнів. Для орієнтиру: сайти студій NOAR і OneZero з 3D та анімацією під час гортання — 4 тижні, оновлення сайту Molfar Institute з міграцією даних — 11 тижнів, інтернет-магазин Serotoninn і вебпродукт Manava — 13 тижнів. Терміни ви отримуєте після знайомства з проєктом, а ризики, що можуть їх зсунути, ми позначаємо ще під час формування обсягу робіт.
Так. Дизайн-студії та агенції — ті, для кого ми працюємо насамперед: ви проєктуєте, ми розробляємо. Працюємо напряму з вашим дизайнером або командою, без менеджерів-посередників, а Дмитро Грачов — ваша єдина контактна особа від брифу до запуску. Серед прикладів — сайти брендингової студії NOAR і студії Web3-продуктів OneZero. Детальніше — на сторінці «Агенціям».
Інтерфейси створюємо на React, Next.js, TypeScript і Vite, анімацію та 3D — на GSAP і Three.js. Для контенту й продажів використовуємо WordPress, Payload CMS, Directus і Shopify Hydrogen, для серверної частини — Node.js, API та інтеграції. CMS обираємо за тим, хто й як редагуватиме сайт: WordPress — для звичного редагування та інтернет-магазинів, Payload CMS або Directus — для нестандартної структури контенту, Shopify Hydrogen — для headless-магазинів на Shopify.
Ми готуємо контент до запуску, передаємо сайт з інструкцією для вашої команди та включаємо перший місяць підтримки. До передачі кожен сайт перевіряємо на реальних пристроях і в браузерах, тож перевірка з вашого боку починається з мінімумом зайвих правок. Подальші доопрацювання, нові функції чи підтримку після проєкту робимо на платній основі — на умовах, які погоджуємо разом.
Надішліть опис проєкту через форму нижче або напишіть на hello@rooks.team: що потрібно створити, на якому етапі дизайн і що важливо для запуску. Дмитро Грачов відповідає особисто протягом 1–3 робочих днів. На першому дзвінку обговорюємо технічний обсяг і розуміємо, чи підходимо одне одному. Якщо так — на етапі знайомства з проєктом ви отримуєте обсяг робіт, оцінку й терміни.
Розкажіть, що потрібно створити, на якому етапі дизайн і що важливо для запуску. Обговоримо технічний обсяг і зрозуміємо, чи підходимо одне одному.
Обрати час
Дмитро ГрачовЗасновник, відповідає особисто