Правильный выбор технологического стека позволяет автоматизировать даже сложные многоуровневые процессы и реализовать по-максимуму пожелания заказчика. Для компании, работающей с машинными вышивками, мы создали сайт, который гибко адаптируется под потребности бизнеса и остается визуально простым. А после успешного запуска разработали мобильное приложение, которое теперь используется в более чем 15 странах.
Клиент
«Панчклауд» (PunchCloud) — российская компания, занимающаяся разработкой векторных изображений и реализацией дизайна в специальном формате для вышивальных машин.
Компания успешно работает в России и за рубежом: среднее количество заказов за полгода больше 10 тысяч и продолжает расти..
Ситуация до начала проекта
Заказчик обратился к нам с запросом на обновление сайта, который существовал с начала 2000-х и сохранил в себе черты времени: громоздкий табличный дизайн, отсутствие адаптации под планшеты и смартфоны, неудобную навигацию.
В будущем компания планировала создать свое мобильное приложение, так как мобильные версии сайтов пользуются меньшей популярностью, а наличие приложения повышает престиж компании.
Удовлетворить требования заказчика к системе разделения прав доступа, выставлению счетов, хранению истории статусов заказов и паролей в открытом виде с помощью стандартной CMS было сложно из-за избыточной кастомизации. Оценив текущие запросы и перспективы масштабирования мы сразу предложили реализовать сайт с помощью Symfony, но заказчик решил сотрудничать с другим подрядчиком, обещавшим сделать работу быстрее и дешевле.
Дальнейшее развитие событий показало, что и сроки, и стоимость, предложенные «СофтЭксперт», были оправданы. Полгода спустя клиент вернулся к нам с недоделанным сайтом. Мы составили новое ТЗ с учетом актуальных потребностей и приступили к работе.
Цель и задачи
Цель — создание новых площадок для взаимодействия с клиентами с возможностью оформления заказов и хранением истории.
Задачи:1
Разработать единый лаконичный дизайн, который учитывает современные требования юзабили и адаптирован под мобильные устройства.
2
Разработать личные кабинеты для клиентов и сотрудников, чтобы оформлять и согласовывать заказы на калькуляцию и создание вышивок/иллюстраций-схем.
3
Создать кроссплатформенное мультиязычное приложение с поддержкой функционала, аналогичного сайту.
4
Обеспечить техническую поддержку сайта и мобильного приложения для их дальнейшего развития по заданию заказчика.
Реализация
Обновленный дизайн и современные UI/UX-решенияПроанализировав сайт, работу над которым выполнил предыдущий подрядчик, мы поняли, что позаимствовать оттуда можно только визуальную составляющую. В первую очередь сайт необходим для работы с заказами, поэтому навигация здесь максимально простая.
Сайт ориентирован на предпринимателей, поэтому в заказе есть две опции:
калькуляция (предварительный расчет стоимости вышивки, например, перед заказом большой партии);
заказ готовой вышивки или схемы для вышивальной машины (разные размеры и детализация).
На этом этапе одной из самых сложных задач стала адаптация накопленных на старом сайте заказов для нового, так как различия между двумя ресурсами были весьма существенными.
После регистрации пользователь попадает в ЛК, где может быстро создать заявку на предварительный расчет или сразу заказать нужную вышивку/схему.
Мобильное приложение в большей степени ориентировано на простых пользователей, а не предпринимателей. Регистрироваться в приложении могут и физические, и юридические лица, но визуально стилистика приложения повторяет стиль сайта, создавая единую систему.
Мы сохранили общую преемственность стиля и функциональность, но упростили экраны для удобства использования.
Ключевая задача сайта — организовать взаимодействие клиентов и дизайнеров «Панчклауд», поэтому основное внимание мы уделили проработке кабинетов и работе с заказами.
1
Матрица ролей копирует структуру ролей к компании. Такая логика отличается от стандартов, но позволяет не перестраивать привычные внутренние процессы и упрощает работу сотрудников. Для пользователей настроены типовые роли — авторизованный и неавторизованный.
2
Заказы автоматически распределяются по приоритетности. Мы продумали вариант реализации логики присвоения статусов, которая учитывает часовой пояс клиента и выставляет дедлайн для выполнения работы. Благодаря этому дизайнеры не тратят время на распределение задач и не пропускают срочные заказы.
Пример условий работы системы приоритетов, которая автоматически подстраивается под часовой пояс клиента.
3
Оплата заказов по счету, для должников есть стоп-лист. На сайте счет на оплату выставляется обычно за период (месяц) и у пользователя есть несколько дней на оплату. Если счет не оплатили вовремя, пользователя блокируют, и совершать заказы он не может до полного погашения долга. В мобильном приложении подключены платежные системы, актуальные для региона использования.
В отдельной вкладке работать с должниками проще и быстрее, а информация оперативно обновляется.
4
К заказу можно прикрепить файл с изображением. На сайте поддерживается 10 форматов файла для дизайна вышивки и 5 форматов для векторного изображения. В мобильном приложении можно также сделать фото на камеру и загрузить его в заказ.
Готовые работы для удобства пользователей подгружаются во вкладку заказа и хранятся в базе, чтобы их можно было скачать повторно при необходимости.
5
Обсудить заказ с клиентом или коллегами можно прямо на сайте. В каждом заказе есть блок для внутренней переписки (например, обсуждение стоимости заказа между админом и старшим дизайнером) и блок для общения с клиентом, если нужно уточнить информацию или согласовать изменения. По просьбе заказчика добавили всплывающие уведомления о новых сообщениях.
Сотрудники «Панчклауд» — русскоязычные, но их клиенты из России и Европы. Мы учли этот нюанс при разработке, а также существующие нормативные требования.
Языковая версия сайта и личного кабинета клиента определяется регионом пользователя: для России — российская, для Франции — французская, для Германии, Австрии, Швейцарии — немецкая, для всех остальных — английская. При этом личные кабинеты администраторов и дизайнеров всегда остаются на русском.
Мобильное приложение реализовано на Flutter и доступно на Android и iOS. Оно опубликовано более чем в 15 странах.
Для шапки сайта и самого размещения сайта придумали удобное решение, которое позволяет работать с зарубежными заказчиками.
Результат
Новый сайт PunchCloud на Symfony в сочетании с кроссплатформенным мобильным приложением образовали единую экосистему взаимодействия с заказчиками. За счет разделения ЦА по площадкам получилось сосредоточиться на конкретных пользовательских сценариях и учесть нюансы. Например, на сайте при выставлении счета сразу учитывается НДС и персональные скидки, а в приложении можно сфотографировать понравившийся рисунок или вышивку и быстро сделать заказ.Экономические эффекты и результаты:
на сайте конверсия в заказы увеличилась на 20% благодаря удобной форме заказа и возможностям отслеживания статусов в личном кабинете;
количество пользователей с мобильных устройств выросло почти в 3 раза после появления мобильной версии сайта и собственного приложения;
нагрузка на старших дизайнеров снизилась, а заявки стали обрабатываться быстрее благодаря внедрению приоритетов заказов;
количество должников уменьшилось в половину после внедрения уведомлений и стоп-листа.
После запуска сайта и публикации приложения мы продолжили сотрудничество с заказчиком в формате техподдержки. Регулярно мониторим угрозы, обеспечивая безопасность от кибератак и утечки персональных данных, а также дорабатываем функционал, постепенно масштабируя платформы под задачи бизнеса.
