WEB
розробка

Ready-to-market

Уже понад 15 років ми спеціалізуємося на створенні складних web-платформ, індивідуально розроблених під специфіку бізнесу та амбіції клієнтів у різних нішах. При цьому наша експертиза перебуває на стику маркетингу і технологій. Будь-яка розробка означає для нас створення не просто класного і зручного сайту, а повністю готового до запуску на ринок (ready-to-market) продукту. Web-сайт може розроблятись ітераціями, але навіть найперша версія має строго відповідати певним критеріям готовності.

Готовність! 3, 2, 1…

1. Готовність за SEO. В разі міграції зі старого сайту на новий перехід зобов'язаний відбутися максимально бесшовно і безшумно. Бізнес не повинен втратити свої досягнення щодо трафіку і ключових SEO KPI. Для нових сайтів базове SEO (внутрішню оптимізацію) ми проводимо ще на етапі розробки, так що в день запуску сайт уже готовий до старту активного SEO-просування.
2. Маркетингова готовність. Аналітику і коди впроваджено, всі інтеграції із CRM- і маркетинговими інструментами клієнта підключено і перевірено. Рекламні кампанії припиняються на момент перенесення і включаються без істотних змін одразу, як тільки новий сайт стає доступним у мережі.
3. Готовність співробітників. Колеги, які працюватимуть із сайтом на боці клієнта, проходять воркшопи щодо роботи з майбутнім сайтом і в момент запуску вже самі можуть кого завгодно навчити роботі з ним.
4. Готовність за процесами. Всі бізнес-процеси клієнта (наприклад, CRM, продажі, акції, еквайринг, фінанси, логістика, склад, служби доставки тощо) новий сайт підтримує. Нові ділянки автоматизації, які реалізовано разом з новим сайтом, протестовані і теж готові до роботи.
5. Готовність контенту. Старий контент правильно перенесено. Новий контент створений агентством під ключ і розміщений на сайті.

Ми любимо
швидкість

Найбільш класний сайт, здатний завоювати серця журі міжнародних конкурсів, на наш погляд, не вартий нічого, якщо завантажується занадто довго. «Зелена зона» для декстоп- і мобільної версії сайту в Google PageSpeed Insights – це мінімум, якого ми намагаємося досягти. Використовуємо сучасні технології та рішення для збільшення швидкості завантаження розроблених нами сайтів.

• Рознесена архітектура (decoupled) – підхід, за якого зовнішній код (frontend) відокремлений від внутрішнього коду (backend). Це дозволяє швидко вносити зміни, вільно масштабувати окремі служби і компоненти без порушення роботи всього web-продукту. А найголовніше – сторінки сайту «літають» або майже «літають».
• Окрема мобільна версія сайту. З одного боку, дозволяє відв'язатися від обмежень, що накладаються адаптивною версткою (сувора послідовність розташування елементів, блоків тощо), і створити інтерфейс, ідеальний з точки зору UX/UI для користувачів смартфонів. А з іншого боку, використовує розроблені спеціально для mobile контент і верстку, що на порядок збільшує швидкість завантаження мобільної версії сайту.

Як усе відбувається?

Зазвичай ми реалізуємо будь-який web-сайт трьома спринтами: UX-прототип – UI-дизайн – програмна реалізація + тестування. На виході отримуємо інструмент ready-to-market, який може бути або повнофункціональним рішенням і включати в себе всі закладені у прототипі ідеї та інструменти, або Minimal Valuable Product (MVP) – стартовим продуктом, з яким можна відразу ж починати маркетингове просування та отримувати перші замовлення. Подальший розвиток сайту відбувається за заздалегідь запланованими етапами протягом наступних місяців. MVP дозволяє запуститися швидко і нарощувати потужність паралельно зі зростанням доходу.

Етапи розробки

1. UX-прототип

Розробляємо детальне бачення сайту, реалізуємо бізнес-вимоги і проєктуємо користувацький досвід сайту (UX, CX) у вигляді інтерактивного прототипу (технічного дизайну). Прототип включає в себе всі ключові сторінки сайту і всі елементи взаємодії з користувачем.

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

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

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

2. Дизайн

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

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

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

3. Реалізація backend и frontend, тестування

Основні вимоги до програмної реалізації:

• Сучасна програмна реалізація (у тому числі decoupled) з можливістю масштабування, реалізації бренд-контенту, конфігураторів/калькуляторів, інтеграцій, багатомовності й мультидоменності тощо.
• Повнофункціональна адмінка для управління сайтом і процесами e-commerce.
• Висока швидкість завантаження і чистий код.
• Інтеграція з внутрішніми системами замовника: склад, система обробки замовлень тощо.
• Інтеграція із зовнішніми сервісами: сервіси доставки, платіжні шлюзи та ін.
• Інтеграція з маркетинговими системами: GM, GA Enhanced e commerce, наскрізна аналітика, товарні види, SEO-функціонал, MailChimp + Mandrill, SMS, push тощо.
• Збереження поточних маркетингових результатів при переході на новий сайт.
• На всі сайти після запуску ми надаємо гарантію – 1 рік.

Технології

• Nuxt.js/Vue.js
• Next.js/React
• CMS Drupal 9/10
• PHP, Symphony Framework
• MySQL, Postgres SQL, Oracle
• Git, Docker, Composer, DevOps-сервіси
• GTM, GA Enhanced Ecommerce, наскрізна аналітика, товарні види, SEO-функціонал, MailChimp + Mandrill, SMS, push