Rate this fw-portfolio

Banksii

О проекте

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

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

Цели проекта

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

Отрасль

Персонализированная одежда

Год запуска

2024

Результат

Перейти на сайт

Вызовы и задания:

Проблемы, с которыми столкнулся заказчик и нуждались в срочном решении:

001

Устаревший дизайн сайта

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

002

Проблемы с административной панелью

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

003

Не конкурентоспособность на рынке

Сайт не был конкурентоспособен из-за старого дизайна и отсутствия адаптации к новым требованиям рынка.

004

Отсутствие мобильной версии

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

005

Оптимизация под поисковики

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

Задачи для нашей команды

001

Разработка кастомизированной системы управления контентом

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

002

Интеграция с Zoho CRM и SanMar

Обеспечить интеграцию с внешними платформами для автоматизации процессов и управления данными.

003

Разработка кастомной настройки печати на одежде

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

004

Расчет стоимости товара

Разработать систему, которая автоматически рассчитывает стоимость товара в зависимости от его размера и количества.

005

Автоматический и ручной импорт товаров

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

006

Быстрый заказ с кастомизацией товара

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

007

Интеграция Google отзывов

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

008

Синхронизация данных с CRM

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

UX/UI дизайн

Перед началом работы были проведены следующие UX-исследования:

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

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

Оценены и даны рекомендации по прототипированию, разработанные клиентом.

Реализованные изменения:

Разработан новый, современный дизайн сайта, отвечающий актуальным требованиям UX/UI, с улучшенным взаимодействием пользователей.

Создан обновленный сайт на новой CMS, обеспечивающий полное управление контентом и редактирование без привлечения разработчиков.

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

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

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

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

Реализована синхронизация и сохранение текущего прогресса пользователя для удобного взаимодействия с сайтом.

Используемые технологии:

Сайт создан на CMS OpenCart с использованием языка программирования PHP и компилятора Twig. Для обработки данных и хранения информации используется база данных MySQL. Сайт работает на сервере Apache, что обеспечивает высокую скорость загрузки.

Дополнительно используются HTML, CSS, JavaScript и XML для разработки интерфейса.

Разработаны API для подключения к сервису Sanmar, а также настроена автоматическая выгрузка заказов и данных из форм в CRM-систему Zoho.

Функциональные возможности сайта:

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

Общий функционал сайта

01

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

Рекомендуемые товары. Система рекомендаций автоматически предлагает товары на основе предварительных покупок или интересов пользователей. Это позволяет повысить привлечение пользователей и увеличить количество продаж, предлагая именно товары, которые могут заинтересовать покупателя.
03

Отзывы с сайта и Google с возможностью фильтрации через административную панель. Интеграция отзывов с сайта и Google позволяет пользователям ознакомиться с мнением других покупателей. Администраторы могут фильтровать отзывы по разным критериям (например, по оценке или дате), что обеспечивает удобство при управлении контентом.

Карта товара и заказ товара

01

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

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

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

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

Формы обратной связи и передача данных клиента

01

Быстрая форма обратной связи с минимальными полями и расширенной кастомизацией. Форма обратной связи была упрощена до минимума, чтобы не перегружать пользователя. При этом система поддерживает высокий уровень кастомизации, позволяя адаптировать форму под конкретные потребности (например, запросы о товаре, пособие по заказу или другие вопросы).
02

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

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

Результаты:

001

Современный интерфейс

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

002

Гибкая система

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

003

Удобная админпанель

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

004

Интеграция с CRM

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

005

Фильтрация товаров

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

006

Высокая производительность

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

007

Кастомная карточка товара

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

008

Загрузка файлов

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

009

Автоматический импорт

Благодаря настройке API импорт продуктов из Sanmar стал автоматизированным. Это уменьшает время обновления ассортимента и снижает риск ошибок при вводе данных.

010

Аналитика GA4

Внедрена настройка целей в Google Analytics 4 (GA4) для точного отслеживания эффективности сайта, анализа поведения пользователей и оптимизации маркетинговых стратегий.