Nature’s Sunshine

Интернет-магазин БАДов и витаминов

Год запуска: 2023

E-commerce платформа для крупной международной компании по выпуску и продаже биологически активных добавок и витаминов.

Целевая аудитория

Люди, активно заботящиеся о своем здоровье и благополучии;
Те, кто придает важность естественным и биологически активным компонентам в продуктах;
Люди, сталкивающиеся с конкретными проблемами по здоровью и ищущие специализированные решения;
Международная аудитория, готовая использовать качественные продукты для поддержания своего здоровья.

Задачи проекта

1. Разработка мультиязычного E-commerce вебсайта, который поддерживает несколько языков, обеспечивая удобство и доступность для международной аудитории.

2. Разработка каталога, включающего все продукты Nature’s Sunshine, с детальными описаниями, характеристиками и изображениями.

3. Создание удобной системы для посетителей сайта, позволяющей легко и безопасно оформлять заказы на продукцию компании.

4. Разработка персонализированных профилей для пользователей с возможностью отслеживания заказов, управления личной информацией и настройками.

5. Внедрение функционала, который позволяет пользователям добавлять товары в избранное и сравнивать их, упрощая процесс выбора и принятия решений.

Команда

1 PM, 2 Design, 2 Frontend, 2 Backend, 1 QA

Основной стек

WordPress + WooCommerce

Время разработки

10 месяцев

Статус проекта

Проект поддерживается и развивается

Экран регистрации по спонсорским данным

Регистрация по спонсорским данным

Регистрация по спонсорским данным на сайте 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.

Nature’s Sunshine

Целевая аудитория