Интернет-магазин БАДов и витаминов Nature’s Sunshine
Здравоохранение, Торговля
Украина
2024
Услуги
Технологии
Сложность
Время разработки
4 месяца до MVP, 16 месяцев — полный цикл разработки
Команда
2 PM, 2 Design, 2 Backend, 2 QA
Статус проекта
Проект продолжает развиваться и масштабироваться
О клиенте
Nature’s Sunshine Products, Incorporated (NSP) — американская компания, производящая и продающая биологически активные добавки, косметику и бытовую химию. Основанная в США, компания использует прямые продажи и сетевой маркетинг с многоуровневой системой компенсаций. Штаб-квартира находится в Лехи, штат Юта, США. NSP работает через четыре бизнес-сегмента, включая Америку (Северная и Южная), Россию, Центральную и Восточную Европу, Китай и новые рынки.
Наш заказчик — представитель NSP в Украине, нацеленный на русскоязычную и украиноязычную аудиторию.
Целевая аудитория включает людей, стремящихся к улучшению здоровья с помощью натуральных добавок и витаминов, ценящих высококачественную косметику и бытовую химию, предпочитающих онлайн-покупки и персонализированный сервис.
Заказчик, представитель Nature’s Sunshine Products в Украине, обратился к нам с проблемой устаревшего сайта. Старый сайт не соответствовал современным требованиям дизайна и функциональности, что отрицательно сказывалось на пользовательском опыте и продажах. Он хотел сделать сайт более привлекательным, функциональным, мультиязычным и провести интеграцию с внешними системами.
Основная цель проекта — создать удобный, функциональный и современный интернет-магазин для повышения продаж и улучшения клиентского сервиса. Для этого необходимо было решить следующие задачи:
1. Разработать мультиязычный сайт с поддержкой русского и украинского языков;
2. Создать современный дизайн с учетом принципов UI/UX;
3. Внедрить новые функции, такие как личный кабинет пользователя, избранные товары и модуль сравнения товаров;
4. Подключить внешние системы, включая УКРПочту для доставки и eSputnik для маркетинговых рассылок;
5. Разработать сайт на платформе WordPress с использованием WooCommerce, оптимизировать производительность сайта для улучшения скорости загрузки и общего пользовательского опыта.
Изображение проекта
Решение
Мы разработали интернет-магазин на WordPress с использованием WooCommerce. Обеспечили поддержку русского и украинского языков, создали современный дизайн, внедрили личный кабинет пользователя, избранные товары и модуль сравнения. Подключили УКРПочту для автоматизации доставки и eSputnik для маркетинговых рассылок. В результате получился функциональный, удобный и современный интернет-магазин, отвечающий потребностям клиента и его аудитории, поддерживающий рост продаж и высокий уровень сервиса.
Проект Nature’s Sunshine был для нас одновременно вызовом и возможностью для роста. Первоначально мы работали по фиксированной стоимости, что поставило перед нами ряд непростых задач. Однако, столкнувшись с трудностями, мы смогли превратить их в ценный опыт. На этапе разработки мы обнаружили, что код нуждается в существенной доработке. Вместо того чтобы идти по легкому пути, мы решили переписать его, обеспечив высокое качество работы за наш счет.
Мы гордимся тем, что смогли успешно завершить проект и запустить обновленный сайт, который теперь радует пользователей. В процессе работы мы установили крепкие отношения с клиентом и договорились о дальнейших работах по формату Time & Material (TM). Это открывает новые перспективы для совместного роста и развития. Мы уверены, что наш подход и качество выполненных работ окупятся в будущем, и мы продолжим радовать клиентов высококлассными решениями.
Реализованный фунционал
Экран регистрации по спонсорским данным
Регистрация по спонсорским данным
Регистрация по спонсорским данным на сайте Nature’s Sunshine предоставляет уникальную возможность для новых участников присоединиться к программе и получить поддержку от опытных спонсоров. Процесс регистрации включает в себя ввод данных, предоставленных вашим спонсором, что обеспечивает связь между вами и вашим руководителем. После успешной регистрации вы получаете доступ к личному кабинету, где можно отслеживать свою активность, прогресс и взаимодействовать с командой. Эта функция способствует эффективному вступлению в сообщество Nature’s Sunshine и обеспечивает поддержку на пути к достижению ваших целей.
Экран общей корзины
Режим совместного заказа
Режим совместного заказа и разделение корзины на части представляют собой инновационную функцию, позволяющую партнерам объединять свои заказы для более эффективной покупки продукции. В этом режиме несколько партнеров могут добавлять свои товары в общую корзину, что упрощает процесс планирования и совместных покупок. Эта функция может быть особенно полезной для групп партнеров, работающих в команде или совместно разрабатывающих стратегии заказа. Разделение корзины на части позволяет каждому партнеру внести свои товары или выборки, после чего система автоматически объединяет все заказы в одну общую покупку. Такой подход способствует более эффективному управлению заказами, снижению затрат и повышению совместной эффективности работы команды партнеров на платформе Nature’s Sunshine.
Разделение товаров по спискам Nature’s Sunshine
Разделение «избранных» товаров по спискам
Функция разделения избранных товаров по спискам на сайте Nature’s Sunshine предоставляет пользователям возможность организовать свой выбор продукции более структурированно и удобно. Вместо того чтобы иметь один общий список избранных товаров, пользователи могут создавать несколько списков и группировать продукты в соответствии с различными критериями. Например, вы можете создать списки для различных категорий продуктов, таких как витамины, минералы, спортивные добавки и т. д. Это позволяет быстро находить нужные товары, улучшает организацию и делает процесс выбора более эффективным. Такая функция особенно полезна для пользователей, активно интересующихся продукцией Nature’s Sunshine и регулярно пользующихся различными добавками. Возможность создавать персонализированные списки упрощает управление избранными товарами и повышает удовлетворение пользовательского опыта.
Таблица сравнения товаров
Таблица сравнения
На сайте Nature’s Sunshine реализована сложная таблица сравнения продуктов. Она включает в себя вкладки категорий для удобной навигации, слайдеры для просмотра и сравнения характеристик товаров, а также фиксацию выбранных товаров при прокрутке страницы. Эти функции обеспечивают интуитивно понятный и эффективный процесс сравнения, делая выбор продуктов более удобным для пользователей.
Многоуровневое меню Nature’s Sunshine
Многоуровневое меню
На сайте реализовано объемное 3-4-уровневое меню с алфавитным навигатором. Это меню обеспечивает многократные уровни подкатегорий для более глубокой навигации по продуктам. Алфавитный навигатор упрощает поиск, позволяя пользователям быстро перейти к интересующей их категории. Такая структура меню обеспечивает удобство использования и эффективность поиска продуктов на сайте.
Сетка товаров
Сетка товаров
Также реализована интересная сетка товаров, включающая наборы товаров и баннеры для заполнения дырок. Эта уникальная сетка предоставляет привлекательное визуальное представление продукции, где наборы товаров и баннеры используются для заполнения пространства между основными товарами. Такой дизайн придает странице динамичность, обеспечивает эстетическую привлекательность и способствует эффективному представлению разнообразных продуктов компании Nature’s Sunshine.
Меню фильтрации товаров
Сложная система фильтрации товаров
На сайте Nature’s Sunshine реализована сложная система фильтрации товаров, предоставляющая пользователям усовершенствованные возможности поиска. Эта система включает в себя разнообразные фильтры, позволяющие пользователю точно определить свои предпочтения. Фильтры могут включать параметры, такие как категории продуктов, цены, характеристики, а также особенности, связанные с здоровьем. Такая система фильтрации обеспечивает точность и быстроту поиска, позволяя пользователям с легкостью находить именно те товары, которые соответствуют их потребностям. Это значительно повышает удобство использования сайта и обеспечивает покупателям более персонализированный опыт выбора продукции.Этапы разработки
Дизайн
На этапе дизайна для Nature’s Sunshine была создана функциональная и эстетически привлекательная платформа. Разработаны уникальные элементы, такие как объемное 3-4-уровневое меню, слайдеры для сравнения товаров, а также система фильтрации для удобного поиска. Интересная сетка товаров с наборами и баннерами дополняет визуальный опыт. Каждая деталь направлена на создание удобного и привлекательного интерфейса для пользователей.
Верстка
В верстке Nature’s Sunshine использован бандлер Webpack для эффективной организации и сборки фронтенд-ресурсов. Препроцессор SCSS применяется для удобного написания стилей с использованием переменных, миксинов и других возможностей.
В разработке фронтенда задействован JavaScript, в том числе с применением jQuery для быстрой поддержки ajax-запросов и работы с бэкенд-блоками. Эти технологии обеспечивают эффективное управление кодом, улучшенную читаемость и поддержку важных функциональных элементов веб-сайта.
Бэкенд
В разработке бэкенда Nature’s Sunshine используется язык программирования PHP для обработки серверной логики. Для создания веб-сайта задействованы различные плагины WordPress, обеспечивающие удобное управление контентом и функциональностью сайта. WooCommerce применяется для реализации электронной коммерции, обеспечивая удобные средства управления продуктами и заказами.
Для настройки и контроля над email-рассылкой использован сервис E-sputnik. Этот инструмент позволяет эффективно управлять маркетинговыми кампаниями, следить за результатами и поддерживать эффективное взаимодействие с клиентами через электронную почту. Все эти компоненты взаимодействуют, обеспечивая надежную и эффективную работу бэкенда веб-сайта Nature’s Sunshine.
Тестирование
Для Nature’s Sunshine проведено тщательное ручное тестирование, включая верстку, функционал и админ-панель, без применения автотестов. QA-команда выполнила множество проверок, гарантируя правильное отображение верстки и функциональности веб-сайта. Особое внимание уделено тестированию добавления товаров, процесса оформления заказа и использования личного кабинета.
После этапа UI/UX тестирования были внесены обновления в некоторые элементы сайта с целью улучшения пользовательского опыта. Этот процесс обеспечил высокий стандарт качества для веб-платформы Nature’s Sunshine, что способствует надежной и приятной работе пользователей с сайтом.
Результаты
Результатом работы стал современный мультиязычный веб-сайт, поддерживающий русский и украинский языки, что позволило охватить более широкую аудиторию. Мы реализовали профессиональный и интуитивно понятный дизайн, обеспечивающий легкую и приятную навигацию. Сайт теперь предоставляет подробные описания продуктов, их состав и пользу для здоровья, помогая клиентам принимать информированные решения.
Интегрированный модуль оформления заказов упростил процесс покупки, сделав его быстрым и удобным. Пользователи могут создать личный кабинет для отслеживания заказов и управления данными. Функция «Избранное» позволяет сохранять интересующие товары, а модуль сравнения продуктов помогает выбрать наиболее подходящий вариант.
Обновленный дизайн создает положительное визуальное впечатление и соответствует высокому стандарту компании Nature’s Sunshine. Благодаря этим улучшениям, заказчик заметил повышение конверсии, увеличение количества заказов и прибыли, а также получил положительную обратную связь от пользователей.
