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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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