AZ Agency
AZ Agency
6 мин. читать
629 показов
127 открытий

Разработка интернет-магазина с приоритетом на безопасность

Всем привет! На связи Настя, фаундер международного digital-агентства AZ Agency. Мы рады поделиться опытом работы над одним из наших недавних проектов — интернет-магазином детских товаров Tots, который мы разработали на платформе Tilda для клиентов из Казахстана.

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

В этой статье мы расскажем:

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

Интернет-магазин — не просто сайт

Интернет-магазин (ИМ) отличается от лендингов и многостраничных сайтов более сложным функционалом и широкими возможностями. К примеру, интернет-магазину требуется подключение платёжной системы, создание каталога и карточек товаров, организация доставки и многое другое. В отличие от других сайтов, интернет-магазин направлен непосредственно на стимулирование покупки товара.

Каталог товаров Tots

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

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

Нужно было учитывать, что мы создаём сайт для детей и их родителей. Это требовало особого подхода, чтобы максимально соответствовать ожиданиям и потребностям этой аудитории.

Реализация проекта Tots

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

Один из самых важных выводов, который стал основой для создания сайта, — это необходимость транслировать безопасность.

Для родителей при выборе товара для ребёнка безопасность — это главное. Нам нужно было на сайте показать, что компании Tots можно доверять, и доказать, что их товары действительно безопасны. 

Мы внедрили следующие решения для демонстрации безопасности:

  1. Достаточность информации о магазине/продавце/брендах.

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

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

Страница "О нас"

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

Карточка товара эргорюкзага бренда Ergobaby

У товаров также есть руководства и инструкции по эксплуатации, которые мы вынесли на отдельную страницу.

Страница "Руководства и инструкции"

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

Страница "Подделки"

Каждый товар имеет свою карточку, где представлена полная информация: описание, фото, технические характеристики, сертификаты и сведения об экологичности.

Карточка товара "Подушка для кормления Ergobaby"

Страницы "Возврат", "Доставка и оплата", "FAQ" закрывают многие вопросы потенциальных клиентов и разработаны для того, чтобы подчеркнуть, что "Шоппинг с Tots безопасен, и мы готовы это доказать".

Страница "FAQ"

2. Понятность структуры и навигации на сайте.

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

Меню, подвал и кнопки

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

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

Каталог товаров

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

В чем же была проблема? 

Функционал Тильды имел ограничения.

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

Модифицированный каталог товаров

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

Карточка товара эргорюкзака Ergobaby

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

Блок с категориями товаров

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

3. Нежные фирменные цвета

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

Коммуникация с клиентом

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

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

Так произошло и с клиентом Tots мы провели предпроектный анализ, обсудили его с клиентом, но на этапе дизайна у нас возникли некоторые разногласия в проекте.

Наш клиент сильно переживал и проявлял инициативу в контроле (работа над проекте) за результаты проекта, и это привело к тому, что мы растерялись и допустили ряд ошибок. Таких как, нарушение согласованности и последовательности этапов, сложности с контрактом и из-за этих проблем проект затянулся. 

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

  1. Во-первых, мы изменили формат сотрудничества, перейдя на модель Time&Materials с оплатой по затраченным часам. Теперь мы предоставляем подробный отчет о проделанной работе и о том, сколько времени на неё было потрачено.
  2. Мы обратились к юристам за разработкой новых документов. Теперь у нас появилась новая документация, более понятная и клиентоориентированная.
  3. Наша команда прошла тренинг по эмоциональным коммуникациям, что позволило нам лучше понимать и учитывать эмоциональные аспекты взаимодействия с клиентами. Теперь мы более уверенно справляемся с любыми ситуациями и готовы к любым вызовам в общении и работе над проектами.

Выводы и рекомендации

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

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

Итог

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

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

Ссылка на сайт

629
0

Подпишитесь на еженедельный
дайджест

Редакция отбирает лучший контент за неделю и отправляет его на вашу почту

Cпасибо за подписку!

Письмо с подтверждением отправлено на адрес . Если вы не можете найти письмо во входящих, проверьте папку спама

Рекомендации

только для зарегистрированных
только для зарегистрированных
Подтвердите действие
Точно?
Сообщение
Текст
Подтвердите действие