ООО "Спайдер Груп"

Service Me — сервис для записи автомобилей на обслуживание и ремонт **Результат** - Разработали MVP-версию за два месяца - Провели интеграцию с Автотекой, 1С и ПО сторонних поставщиков - Реализовали возможность установки web-приложения с поддержкой PWA - Функциональность - Добавление и редактирование авто - Выбор сервисных работ - Выбор сервисного центра, даты и времени записи - Формирование записи и отправка информации во внутренние системы Service Me **Кстати говоря** Самая важная задача на проекте — реализовать возможность отображения информации о стоимости запчастей и работ. Причина: стоимость запчастей постоянно меняется, вдобавок их запасы на складе периодически заканчиваются. Поэтому критически важно настроить оперативную передачу информации из базы данных поставщиков в приложении за счёт интеграции. ***Дизайн*** При создании интерфейса мы ориентировались на логотип бренда, предоставленный клиентом. Поэтому основными цветами выбрали белый и розовый. По пожеланию Service Me мы придерживались стилистики люксовых автомобильных брендов. Особое внимание уделили удобству и функциональности, потому что клиент планирует в скором времени обновить дизайн бренда — об этом он предупредил нас на старте проекта. Главный принцип — лаконичность. Нашей задачей было не перегрузить страницы лишними деталями и шрифтами, чтобы web-приложение оставалось простым в использовании. ***Интеграции*** ***Автотека*** Автотека — это сервис проверки авто по VIN и госномеру. Интеграция упрощает процесс добавления автомобиля: пользователю не обязательно заполнять марку, модель, объём двигателя и прочие характеристики — достаточно указать VIN или госномер. ***1С*** Web-приложение получает данные из 1С — программы, в которой Service Me ведёт учёт. Как результат — пользователи видят актуальные цены. Также есть возможность настроить фильтр и показывать только доступные виды сервиса, на проведение которых есть все автозапчасти в наличии ПО сторонних поставщиков. Часть продукции для сервисных работ поставляют партнёры компании. Интеграция позволяет оперативно передавать информацию по ценам и остаткам автозапчастей из ПО поставщиков в web-приложение Service Me. **Стек** - Backend: Python, Django - Frontend: React **Статистика проекта** - UX/UI-дизайнер — 100 часов - Backend-разработчик — 240 часов - Frontend-разработчик — 210 часов - QA-инженер — 230 часов - Менеджер проекта — 80 часов - Бизнес-аналитик — 80 часов

Magic Flower — интернет-магазин по доставке цветов, работающий в Москве и Санкт-Петербурге. Magic Flower встали на техническое сопровождение сайта и разработку приложения накануне 8 марта 2024 года. А после злонамеренной атаки на сайт (DDos), которую мы отразили, речь зашла о доработке и полном сопровождении сайта. **Решение** Произведены технические доработки макетов, предоставленных заказчиком Разработано мобильное приложение, соответствующее требованиям UX/UI и техническим стандартам Доработан и стабилизирован бэкенд, обеспечивающий синхронизацию данных между мобильным приложением и веб-сайтом Достигнута надёжная работа приложения на обеих платформах **Как решали** Изначально клиент обратился с задачей разработки мобильного приложения с нуля и доработки бэкенда. Однако в процессе работы выяснилось, что существующий бэкенд, изначально разработанный для сайта, не соответствует требованиям мобильного приложения. После обсуждений с клиентом мы пришли к следующему решению: точечно доработать бэкенд, исправляя только критические ошибки и добавляя недостающие функции. Это позволило оптимизировать затраты, сохранив возможность запускать функциональное приложение. Мы также переработали прототипы приложения, с которыми пришёл клиент: адаптировали интерфейс для разных размеров экранов, добавили недостающие элементы и экраны. **Что реализовали** Разработали следующие разделы и экраны: Регистрация и авторизация Профиль пользователя Главный экран Каталог Экран товара PUSH-уведомления «Избранное» Мои заказы Мои адреса Корзина Доставка и оплата Рейтинг, оценки и отзывы ***Профиль*** Здесь пользователь видит: - Уровень кешбэка и количество накопленных бонусов - Адреса доставки. Их можно добавлять и удалять. - Статусы текущие заказы. Показали их с помощью удобного индикатора (progress bar) - Историю прошлых заказов с возможностью перехода к оценке товара ***Главный экран*** На главном экране вывели главные разделы. Здесь же разместили систему лояльности: бонусы начисляются в зависимости от суммы выкупа и уровня кешбэка. ***Каталог*** Каталоги Москвы и Санкт-Петербурга отличаются. Если пользователь находится в Москве, каталог Санкт-Петербурга остаётся скрытым, и наоборот. При первом открытии приложения видно только тот, который соответствует его текущей локации. После оформления первого заказа пользователь видит каталог по городу, который соответствует адресу последнего заказа. Проблема заключалась в том, что после авторизации пользователь не мог вручную изменить локацию. Это стало серьёзным препятствием: не всегда удавалось корректно определить местоположение, что приводило к ситуации, когда клиент попадал не в свой каталог и не мог оформить заказ. Решение оказалось элегантным и удобным: теперь, если неавторизованный пользователь пытается добавить товар в корзину или открывает пустую корзину, приложение предлагает ввести адрес. Такой подход минимизирует ошибки и улучшает пользовательский опыт. Предусмотрен фильтр по товарам. ***Экран товара*** Устроен по принципу страницы маркетплейса. Когда клиент выбирает параметры, например, красный цвет и высоту букета 35 сантиметров, система автоматически подбирает подходящий вариант из ассортимента, заранее заполненного заказчиком в административной панели. Таким образом, клиент имеет возможность группировать для пользователя наиболее подходящие группы товаров. Такая логика стимулирует продажи. Здесь же пользователь может посмотреть на характеристики самого букета, рейтинг, отзывы, а также узнать стойкость, сезонность и артикул. ***PUSH-уведомления*** Пользователь получает пуши: - О смене статуса текущего заказа - О зачислении бонусов - Со скидками и промо-акциями ***«Избранное»*** Сюда пользователь добавляет понравившиеся товары, чтобы в любой момент быстро их найти. А если избранного товара нет в наличии — вид карточки меняется. ***Мои заказы*** Здесь покупатель видит текущие заказы и архив с предыдущими. Он может: - Отслеживать статусы заказов - Отменить заказ в течение 60 секунд после его создания - Посмотреть данные о заказе: номер, дату создания, стоимость и так далее. А ещё проверить, сколько бонусов он получит с этой покупки ***Мои адреса*** Адреса можно добавлять и удалять. Ранее дизайн был реализован следующим образом: адреса самовывоза находились в разделе «Контакты». Мы же продублировали их в «Мои адреса», потому что такое расположение привычнее для пользователя. Ещё сделали ссылки кликабельными — раньше такой опции не было Есть возможность добавить комментарий. Например, «Просьба не звонить в домофон» ***Корзина*** Пользователь может: - Добавить товар в корзину из каталога или сразу с главного экрана - Добавить бесплатную открытку - Вставить промокод - Выбрать опцию «купить товар в один клик» — тогда ему перезвонит менеджер, вводить адрес доставки и другие данные вручную не понадобится - Удалить товар. После этого у него есть 5 секунд, чтобы его вернуть — на случай если покупатель передумает или удалит товар по ошибке ***Доставка и оплата*** Покупатель видит разные варианты доставки и оплаты: - Отправка цветов: неанонимно и анонимно - Доставка: курьером и самовывозом - Оплата: картой онлайн или наличными при получении - Получатель: сам пользователь или другой человек - Адрес: возможность добавить новый или выбрать уже добавленный - Времени доставки: точное время или интервал Надо было проработать сразу несколько сценариев — вариантов того, как пользователь двигается от доставки к оплате. В зависимости от выбора на каждом шаге создавался новый сценарий, так что над этим экраном мы работали дольше всего. ***Рейтинг, отзывы и отзывы*** Можно просматривать, сортировать и добавлять отзывы, в том числе фотографии. Здесь же видно ответы интернет-магазина на них. Также есть возможность пожаловаться на отзыв из-за искажения информации, неприемлемого содержания или другой причине. **Статистика разработки** Менеджмент — 292 часа Аналитика — 12 часов Дизайн — 135 часов Бэкенд — 1180 часов QA — 80 часов Flutter-разработчик — 1244 часа **Стек бэк-технологий** Языки: Python/Django/FastAPI База данных: Postgresql, Redis Документация: Sphinx

Gydronix Hybrid — система обеззараживания воды и дистанционного управления бассейном. Сначала Gydronix Hybrid пришли с задачей редизайна мобильного приложения. В итоге им настолько понравился результат, что они также обратились за вёрсткой интерфейса, а потом — и за разработкой нового приложения **Результат** Разработали мобильное приложение, в котором можно контролировать температуру воды в бассейне, настраивать освещение, регулировать pH и Rx, а также управлять пополнением воды и фильтрацией. - Экраны и функциональность - Авторизация - Профиль пользователя - Экран со списком бассейнов пользователя - Дистанционное управление бассейном - Уведомления - Список бассейнов Можно добавлять и удалять бассейны. Есть возможность добавить бассейн с помощью QR-кода. В списке отображаются названия и адреса бассейнов. При раскрытии пользователь видит основные показатели: температуру, pH и Rx воды Зелёный цвет — всё в порядке, красный — требуется проверить бассейн Дистанционное управление бассейном. Все данные обновляются в режиме реального времени. - Температура воды - Дозация хлора - Таймер фильтрации - pH воды - Rx воды - Электролиз - Обогрев - Пополнение воды - Освещение бассейна **Дизайн** Дизайн интерфейса рассчитан на сервисных инженеров, у которых в обслуживании может быть много бассейнов. Поэтому список объектов состоит из карточек с краткой информацией. По желанию их можно развернуть и увидеть подробные данные Все экраны разработаны таким образом, чтобы инженерам было удобно пользоваться приложением в любых условиях: в темноте, подвале, рядом с оборудованием, на ярком солнце и т. д. Есть возможность быстрого подключения к бассейну с помощью QR-кода, напечатанном на оборудовании клиента **Особенности разработки** Коммуникация фронтенда с бэкендом реализуется через кастомную библиотеку* клиента, а это — непростая задача для разработчиков. Во-первых, нет документации, как с работать с библиотекой, ведь её создавал заказчик. Во-вторых, ни у кого, кроме клиента, нет опыта работы с ней; * Библиотека — сборник подпрограмм или объектов, которые используют для разработки ПО Все показатели бассейна обновляются в режиме реального времени за счёт socket-соединений, чтобы пользователи могли оперативно реагировать на изменения. Звучит просто, но на деле такая настройка — трудоёмкий процесс По пожеланию Gydronix Hybrid разрабатывали кроссплатформенное приложение на фреймворке* React Native. Обычно разработчики не создают фронтенд на React Native, а бэкенд на gRPC, ведь подружить их непросто — но нам это удалось. *Фреймворк — шаблон для программной платформы, на основе которого можно дописать код. Фреймворки часто используют в разработке мобильных приложений В результате Gydronix Hybrid представили мобильное приложение, которое упрощает работу инженерам. В планах клиента — развивать приложение и завоёвывать новые регионы. **Стек** - Среда разработк: Visual Studio Code - Языки: TypeScript, JavaScript - База данных: MongoDB, PostgreSQL - Технологии: ES6, React Hooks, npm, web socket - Фреймворки: React-native, Expo - Библиотеки: Reanimated, Redux, axios, expo-navigation, async-storage, netinfo - Система контроля версий: Gitlab - Система сборки: Expo Application Services **Статистика проекта** - Менеджер проекта — 145 часов - Аналитик — 32 часа - UX/UI-дизайнер — 136 часов - React Native-разработчик — 451 час - QA-инженер — 136 часов

Работа над проектом началась в 2022 году, в момент запуска ЦБ первого этапа пилотирования цифрового рубля. С нашей стороны участвуют менеджер проекта, разработчики, аналитики и тестировщики, а со стороны банка — владельцы продукта, менеджеры проекта, разработчики, специалисты информационной безопасности, тестировщики и дизайнеры. **Результат** Встроили программный модуль Банка России криптографических операций для организации взаимодействия приложения банка с платформой ЦБ Выстроили клиентский путь с учётом требований ЦБ и дизайн-системы заказчика Создали и проработали пользовательские сценарии работы с цифровым рублём с учётом существующего ландшафта приложения Реализовали совместно с сотрудниками заказчика интеграцию функционала цифрового рубля в существующее решение банка. **Начальный функционал MVP** Управление счётом цифрового рубля клиентами банка: открытие, закрытие и получение доступа к счёту Перевод цифрового рубля на другой счёт История операций со счётом цифрового рубля, совершенных пользователем. **Функционал в разработке** Мобильное приложение для физлиц с расширенным функционалом: - Управление счётом цифрового рубля - Изменение данных пользователя - Оплата товаров по QR - Совершение отложенных платежей Мобильное приложение для юрлиц с расширенным функционалом: - Управление счётом цифрового рубля - Изменение данных пользователя - Переводы В2В - Проведение операций возврата за оплаченные товары и услуги Web-приложение для юрлиц с расширенным функционалом: - Управление счётом цифрового рубля - Изменение данных пользователя - Переводы В2В - Проведение операций возврата за оплаченные товары и услуги