Сеть магазинов «Фамилия» — один из лидеров розничной торговли. Цель проекта заключалась в создании современной, масштабируемой и безопасной платформы для улучшения взаимодействия с клиентами. Основные задачи включали разработку нового веб-сайта, создание инфраструктуры с нуля, внедрение единой системы авторизации и интеграцию современных технологий управления контентом.
Задача
Сеть магазинов «Фамилия» обратилась к нам для модернизации своего онлайн-присутствия и создания современной, масштабируемой и безопасной платформы для взаимодействия с клиентами. Заказчик пришел к нам с исследованием Customer journey Map, на основе которого мы спроектировали финальный продукт. Мы предоставили комплексное решение, включающее разработку нового адаптивного и SEO-оптимизированного веб-сайта, создание инфраструктуры с нуля с использованием передовых облачных технологий на основе Kubernetes, внедрение единой системы авторизации и интеграцию Headless CMS для управления контентом.
Описание решения
Мы предложили и реализовали комплексное решение, включающее следующие компоненты:
- Дизайн и пользовательский опыт: Создали современный и интуитивно понятный дизайн, отражающий бренд «Фамилия» и обеспечивающий оптимальный пользовательский опыт.
- Адаптивный, SEO-оптимизированный веб-сайт: Разработали сайт с адаптивным дизайном, который отлично работает на всех устройствах — от десктопов до мобильных телефонов.
- Инфраструктура с нуля:
- Сетевое решение и балансировка нагрузки: Спроектировали и внедрили инфраструктуру с балансировщиками нагрузки для высокой доступности и производительности.
- Безопасность и доступность данных: Настроили защищённые каналы для внешнего доступа, обеспечив высокий уровень безопасности данных, а также разработали стандарты безопасности на основе OWASP.
- Контейнеризация и оркестрация: Использовали Docker и Kubernetes для масштабируемости и гибкости системы.
- Мониторинг и логирование
- Prometheus и Grafana: Внедрили системы мониторинга и визуализации для отслеживания состояния сервисов.
- Loki Stack: Настроили централизованное логирование для глубокого анализа и отладки. Логи хранятся в s3 хранилище, позволяя хранить логи практически неограниченное время
- Единая система авторизации на основе Keycloak: Реализовали централизованную систему управления пользователями и доступом для всех внешних сайтов «Фамилия». Мы кастомизировали Keycloak и интегрировали его с системой лояльности и бэкофисными системами.
- Headless CMS — PayloadCMS: Внедрили современную систему управления контентом, позволяющую быстро обновлять информацию без участия разработчиков.
- Автоматический перевод контента: Интегрировали систему автоматического перевода на английский и китайский языки с использованием нейронных сетей.
Использованные технологии
- Языки программирования: JavaScript (TypeScript), Python
- Фреймворки и библиотеки: React, Node.js, Express, FastAPI
- Инфраструктура и DevOps:
- Контейнеризация и оркестрация: Docker, Kubernetes
- Мониторинг и визуализация: Prometheus, Grafana
- Логирование: ELK Stack (Elasticsearch, Logstash, Kibana)
- Управление доступом и безопасностью: Keycloak
- Система управления контентом: PayloadCMS
Истории
Разработанный конструктор «Историй» позволяет легко создавать разнообразный контент, включая интерактивные элементы (например, опросы), обеспечивая эффективный инструмент для управления контентом и повышения вовлеченности аудитории.
Профиль
Страница профиля - центр управления вашей учетной записью. Здесь собрана вся необходимая информация, представленная в современном и интуитивно понятном формате. Вы всегда будете в курсе своего баланса бонусных баллов и сможете легко отслеживать историю покупок, использовать доступные промокоды и управлять своей картой лояльности (при ее наличии). Все это оформлено в соответствии с последними трендами дизайна, обеспечивая приятный и комфортный пользовательский опыт. Управление учетной записью стало еще проще и эффективнее.
Сканер
Интегрированный сканер обеспечивает мгновенное получение информации о товаре в один клик, значительно упрощая процесс поиска и покупки, и повышая удобство использования продукта.
Магазины
В разделе «Магазины» реализована привычная и удобная динамическая верстка карты, ускоряющая и упрощающая поиск и взаимодействие с информацией о магазинах.
Подарочная карта
Конструктор “Подарочной карты” помогает создать идеальный подарок и позволяет выбрать оформление, идеально подходящее к любому празднику и получателю. Дизайн и цветовая гамма всей страницы изменятся вместе с вашим выбором, создавая праздничное настроение и помогая дарить радость близким.
Результаты
- Единая система авторизации: Пользователи получили возможность использовать один аккаунт для доступа ко всем сервисам компании.
- Отказоустойчивая инфраструктура: Обеспечена стабильная работа сайта даже во время масштабных маркетинговых акций.
- Снижение затрат на перевод: Затраты на переводчиков сведены к нулю благодаря автоматическому переводу контента.
