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.
• Высокая скорость загрузки и чистый код.
• Интеграция с внутренними системами заказчика: склад, система обработки заказов и пр.
• Интеграция с внешними сервисами: сервисы доставки, платежные шлюзы и пр.
• Интеграция с маркетинговыми системами: GTM, GA Enhanced Ecommerce, сквозная аналитика, товарные фиды, 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