Online store selling custom cases
Разработали онлайн-магазин на платформе Shopify по системе Print on Demand для продажи кастомных телефонных чехлов. На этапе планирования была тщательно проработана структура сайта, что позволило создать интуитивно понятный интерфейс для пользователей. Дизайн сайта основан на шаблоне, но был уникализирован на 90%, чтобы подчеркнуть индивидуальность бренда. Мы интегрировали три вида платёжных систем, обеспечив удобство и безопасность покупок, а также локализовали сайт на три языка для охвата международной аудитории.
Для улучшения видимости сайта в поисковых системах было проведено базовое SEO, и добавлены системы аналитики для отслеживания и анализа пользовательской активности. Встроенный редактор товаров позволяет клиентам кастомизировать свои чехлы, делая процесс покупки увлекательным и персонализированным. Автоматизация заказов позволяет оперативно передавать их в типографию, что особенно важно для модели Print on Demand. Удобная система выбора из более чем 150 моделей телефонов и разнообразных видов чехлов делает процесс покупок комфортным для пользователей. Также реализована система отзывов, распределённых по категориям товаров, что помогает клиентам принимать взвешенные решения.
- Work performed:
- Structure
- Design
- Редактор товаров
- Автоматизация заказов
- Система выбора типа товара
- Отзывы по товарам
- Payment systems
- Localization
- Basic SEO
- Analytics systems
- E-mail маркетинг
- Advertising creatives
Планирование и подбор дизайна
До начала разработки была тщательно проработана структура сайта с учётом пожеланий заказчика и продуман интерфейс. Также был подобран быстрый, SEO friendly шаблон с подходящим функционалом, с которым мы далее и работали, чтобы создать интуитивно понятную и удобную платформу для пользователей.
Встроеный редактор
В рамках проекта был встроен удобный для пользователей редактор товаров, предназначенный для кастомизации заказываемых товаров. Основной задачей было создание максимально простого, но функционального инструмента, включающего обрезку фото, фильтры, удаление фона, а также встроенную галерею с более чем 10,000 изображениями. Дополнительно, нами были созданы более 50 мокапов для различных моделей телефонов. Редактор был адаптирован как для десктопной, так и для мобильной версии, обеспечивая удобство использования на любых устройствах.
Автоматизация
Так как магазин работает по системе Print on Demand, было крайне важно настроить автоматическую передачу заказов в типографии, чтобы обеспечить почти полную автономность работы магазина. После оплаты заказа он автоматически направляется в соответствующую типографию, где печатается и отправляется клиенту. Система настроена на работу с четырьмя типографиями в разных странах Европы, каждая из которых специализируется на разных типах продукции и имеет свои требования. Редактор товаров также автоматизирован и отправляет заказы в типографии автоматически.
Для обеспечения точности выполнения заказов мы встроили проверку адреса клиента на кассе. В случае ввода неправильного адреса заказчик уведомляется и обрабатывает заказ вручную, согласовывая адрес доставки с клиентом.
Выбор товара клиентом
Одной из ключевых задач было сделать выбор типа чехла для различных моделей телефонов максимально простым, удобным и интуитивно понятным для клиентов. В магазине представлены чехлы для более чем 150 моделей телефонов и 7 различных видов чехлов. Поскольку на разные модели телефонов предлагаются разные типы и количество чехлов, мы сначала составили таблицу с возможными вариациями. Затем интегрировали эти данные в магазин, применив логические правила и цепочки на бэкэнде, обеспечив при этом максимально простой и понятный процесс выбора на фронтэнде для конечного покупателя.
Система отзывов
Мы внедрили комплексную систему отзывов, включающую отображение отзывов под всеми товарами, на главной странице и на отдельной странице с подробной фильтрацией и поиском. Для повышения удобства и информативности мы сгруппировали однотипные товары одинакового качества, но с различным дизайном, в соответствующие категории. В результате, когда клиент оставляет отзыв, он публикуется под всеми товарами данной группы, при этом ясно указывается, к какому именно товару относится отзыв. Это позволяет потенциальным покупателям быстро находить релевантную информацию и принимать более обоснованные решения.
Дополнительно, данная система добавляет отзывы и рейтинги даже к тем товарам, которые ещё не были куплены, что положительно сказывается на SEO продвижении. В результате, в поисковой выдаче Google отображаются звёздочки и количество отзывов под товарами, что повышает заметность и привлекательность магазина. К тому же добавили автоматический кросспостинг отзывов, оставленных на сайте, в Facebook.
Localization
Мы успешно реализовали задачу локализации сайта на четыре языка, добавив мультиязычность с помощью интеграции Weglot, который обеспечивает качественный автоматический перевод. Однако, учитывая возможные неточности автоматического перевода, по согласованию с клиентом мы передавали необходимый текст для ручной проверки носителями языка. Этот подход позволил добиться высокой точности перевода и при этом снизить затраты в два раза по сравнению с полноценным переводом под ключ.
В рамках реализации мультиязычности, мы также учитывали SEO-аспекты проекта. Были переведены META-описания и заголовки страниц, а также правильно расставлены hreflang теги, что имеет важное значение для SEO на мультиязычном сайте. Для оптимизации времени и ресурсов, meta теги были переведены только для тех языков и стран, где это требовалось, учитывая приоритетные рынки и объём трафика. Например, на русский язык meta теги не были переведены, поскольку объем русскоязычного трафика из Google поиска был незначительным для географий, на которых фокусируется магазин.
Basic SEO Optimization
We carried out a comprehensive basic SEO optimization of the project, including the following activities:
- META descriptions and page titles are written.
- ALT descriptions for images on the site have been written.
- All META and ALT descriptions have been translated into 3 languages.
- All images on the site have been optimized to improve loading speed.
- Built-in Lazy Load function to speed up website loading.
- JavaScript scripts have been optimized: some scripts have been switched to lazy loading, which has significantly increased the speed of operation and page loading.
Эти меры позволили улучшить поисковую видимость сайта, ensuring its fast and efficient operation on various devices and in different language versions.
Analytics systems
Мы внедрили системы аналитики, такие как Google Analytics, Meta (Facebook, Instagram), а также аналитику с тепловой картой And функцией воспроизведения сеансов (использовали luckyorange.com). К моменту интеграции аналитики, магазин был полностью готов к продажам и имел на своём сайте представленные товары.
Заказчик начал привлекать трафик через таргетированную рекламу, а мы, в соответствии с договором, отслеживали действия и поведение клиентов на сайте с помощью аналитических инструментов. Этот подход позволил выявить недочёты и моменты, где пользователи испытывали затруднения и путались в интерфейсе. В результате комплексного анализа и мониторинга были доработаны фильтрация товаров, структура меню And главная страница сайта, что существенно улучшило пользовательский опыт и эффективность работы магазина.
E-mail маркетинг
Были добавлены функции e-mail маркетинга, включающие следующие элементы:
- Возможность участия в лотерее при первом посещении сайта: реализовано в виде колеса-рулетки. Для участия клиент должен оставить свой e-mail, который сохраняется в базе данных магазина и может быть использован для допродаж и рекламы новых продуктов.
- Автоматическое напоминание покупателю о оставленном в корзине товаре: первое письмо — напоминание, через несколько дней — повторное письмо с кодом на скидку.
- Автоматическое напоминание пользователю о незавершённой покупке: если клиент бросил корзину на стадии оплаты, отправляется визуально привлекательное письмо с кодом на скидку.
- Автоматическая отправка письма клиенту с просьбой оставить отзыв о купленном товаре: время отправки подобрано так, чтобы клиент успел получить товар и оценить его.
Summary of the work
В итоге мы создали практически полностью автоматизированный, SEO-оптимизированный интернет-магазин с уникальным дизайном и настроенной системой e-mail маркетинга.
Русский 
English 
Norsk bokmål