Разработка e-commerce сайта с множеством интеграций
- 0
- 0
- Опубликовано: 2024-02-26
Компания Акварель, основанная в 2001 году, специализируется на путешествиях по России, Европе и всему миру. С ростом объема заказов компания столкнулась с ограничениями в масштабировании бизнеса. Нам предложили разработать новый сайт компании для повышения качества предоставляемых клиентам услуг.
Описание задачи
Перед нами стояла задача создать новый глобальный канал продаж для непосредственного взаимодействия с клиентами через Интернет. Нам необходимо было спроектировать и реализовать сайт с онлайн-бронированием туров, отелей, круизов, с удобной системой управления контентом и онлайн-оплатой, сохраняя основной стиль старого сайта и SEO-позиции. Также требовалось обеспечить интеграцию с внутренней CRM-системой так, чтобы исключить дублирование и ошибки, упростить работу и продажи.
Техническое решение
Так как задача была сложной, при выборе технических решений мы проводили тестовые испытания различных технологий.
В качестве «движка» мы выбрали фреймворк Next.js (на базе React.js), а в качестве системы управления контентом (CMS) решили использовать CMS WordPress в headless-режиме (т.е. без реальной отрисовки страниц на стороне WordPress).
При этом необходимые для Next-приложения данные загружаются из разных источников, в том числе из внутренней CRM-системы, написанной на PHP с использованием фреймворка Symfony.
Команда использовала комбинацию инструментов дизайна, включая Figma для проектирования и прототипирования, Adobe After Effects с Lottie для создания анимации и Webflow для разработки маркетингового веб-сайта в соответствии с утвержденными дизайнами и прототипами.
Next.js ориентирован на создание сверхбыстрых и чрезвычайно оптимизированных для SEO сайтов. Поэтому наш выбор — это стратегический шаг, когда контент сайта требует частых обновлений или поддержки публикации в реальном времени, что делает его идеальным выбором для многопользовательских сайтов. Кроме того, есть возможность генерации страниц на стороне сервера, что позволяет скрыть определенные детали внутренней реализации проекта.