Комплексное развитие интернет-магазина на Shopify

Задача

Проект реализован на платформе Shopify. На момент начала сотрудничества сайт уже существовал, а нашей задачей стало его последовательное развитие: проектирование новых интерфейсов, разработка дополнительных разделов, внедрение маркетинговых инструментов и расширение возможностей платформы.

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

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

Екатерина МихайловаUx/Ui designer

Shopify и кастомная разработка

Несмотря на широкие возможности Shopify, многие задачи проекта требовали нестандартных решений. Для реализации необходимого функционала мы сочетали возможности платформы с кастомной разработкой и интеграцией сторонних сервисов.

Особое внимание уделили тому, чтобы новые блоки выглядели частью существующего сайта. Все интерфейсы проектировались с учетом уже сформированной дизайн-системы и органично дополняли текущий пользовательский опыт.

Персонализация выбора продукта

Выбор пищевых добавок часто вызывает вопросы у пользователей: сложно быстро разобраться в ассортименте и понять, какой продукт подойдет именно в их случае. Одной из задач проекта стало создание простого и понятного сценария, который помогал бы пользователю принять решение и получить персонализированные рекомендации.

Для реализации этой идеи мы изучили доступные сервисы персонализированных рекомендаций и выбрали платформу Recomma, как наиболее подходящую для задач проекта. После анализа возможностей сервиса разработали сценарии пользовательских тестов, настроили логику вопросов и формирования рекомендаций, а также выполнили интеграцию платформы с Shopify.

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

Для проекта было важно найти решение, которое легко интегрируется с Shopify, позволяет гибко настраивать сценарии прохождения тестов и органично встраивается в существующий интерфейс сайта. По совокупности этих критериев была выбрана платформа Recomma, которая наиболее полно соответствовала задачам проекта.

Вячеслав КречетовГенеральный директор

Развитие коммерческих сценариев

При развитии интернет-магазина мы уделили особое внимание этапу принятия решения о покупке. Для пользователя было важно не потерять возможность быстро оформить заказ, своевременно узнать о действующих предложениях и увидеть наиболее выгодные варианты покупки. Для бизнеса — сделать коммерческие механики заметными, не нарушая спокойную визуальную эстетику сайта.

Для карточек товаров разработали несколько новых механик и интерфейсных решений:

• Закрепленная Sticky Line

  Сохраняет доступ к покупке во время просмотра длинной страницы

• Блок Bundle

  Позволяет приобрести несколько упаковок товара по более выгодной цене

• Акционные блоки с обратным отсчетом времени

  Создают ощущение ограниченного предложения и мотивируют принять решение о покупке быстрее

• Промо pop-up окна

  Персональные предложения с ограниченными по времени скидками

Все элементы были адаптированы под существующий интерфейс и органично встроены в визуальную систему сайта.

Дополнительные разделы

Помимо работы над интернет-магазином мы разработали несколько новых разделов сайта.

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

Контент для Amazon

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

Каждая карточка проектировалась как самостоятельная история: мы анализировали состав продукта, изучали научные материалы, особенности применения и ключевые преимущества, после чего превращали сложную медицинскую информацию в простые и понятные визуальные сценарии. Особое внимание уделялось тому, чтобы изображения соответствовали требованиям Amazon и оставались максимально информативными даже при быстром просмотре.

Пак иконок и эмблем

Для проекта был разработан отдельный набор фирменных эмблем и пиктограмм.

Все элементы выполнены в едином визуальном стиле и использовались во всех карточках товара, упаковке и рекламных материалах. Таким образом мы сформировали узнаваемую систему визуальных акцентов.

Работа над инфографикой

Создание каждой карточки начиналось с подробного технического задания, которое описывало не внешний вид изображения, а идею, которую необходимо донести до покупателя.

Например, одна из задач звучала следующим образом:

Нужно показать, что таблетка, помещенная под язык, растворяется примерно за 60 секунд, после чего активное вещество быстро попадает в кровоток и начинает воздействовать на мозговую деятельность.

Екатерина ПутинцеваProject Manager

Партнерская программа

Одной из ключевых задач проекта стала разработка партнерского портала для авторов, блогеров и амбассадоров бренда.

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

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

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

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

GEO-оптимизация под LLM

Помимо работ над интерфейсом были выполнены мероприятия по GEO-оптимизации сайта.

Мы расширили микроразметку Schema.org для разделов, которые Shopify не размечает автоматически, дополнили структурированные данные о компании, товарах и статьях, доработали метаописания ключевых страниц, а также дополнили контент фактическими данными, числовыми показателями и таблицами.

Комплекс этих изменений помогает поисковым системам и современным ИИ-сервисам лучше понимать структуру и содержание сайта. Это способствует более качественной индексации страниц, улучшает представление информации в поисковой выдаче и может повысить вероятность использования материалов сайта при формировании ответов ИИ-ассистентов.

Итог

Этот проект стал примером комплексного развития существующего e-commerce продукта на Shopify.

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

За время сотрудничества мы последовательно расширяли возможности сайта: проектировали новые интерфейсы, разрабатывали дополнительные разделы, внедряли маркетинговые механики, интегрировали сторонние сервисы и выполняли технические доработки.

Мы продолжаем сопровождать проект, помогая развивать сайт и внедрять новые решения по мере роста бизнеса.

Для нас этот проект — пример того, как может развиваться цифровой продукт без радикальных изменений. Вместо полного пересмотра существующего сайта мы последовательно усиливали его функциональность, внедряя новые решения там, где они действительно приносили пользу бизнесу и пользователям. Такой формат работы позволяет постепенно масштабировать продукт, адаптируя его под новые задачи, сохраняя при этом стабильность платформы, единый пользовательский опыт и узнаваемость бренда.

Екатерина ПутинцеваProject Manager