Swizzle Delivery

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

  • Business Analysis
  • DevOps services
  • Mobile Development
  • QA
  • UI/UX design
Swizzle Delivery

Опис проєкту

У цьому проекті наша команда допомогла у проектуванні, розробці, запуску та підтримці спеціального мобільного інтерфейсу користувача, який замінив стару додаток без коду. Наша команда була відповідальна за новий брендінг, UI/UX для макетів мобільних додатків, розробку кросплатформенних додатків для iOS та Android з використанням React Native, підключення до кінцевих точок API та бізнес-логіки на стороні клієнта, інтеграцію з платіжною системою Stripe, обробку помилок, тестування, промо-матеріали для App Store та Google Play, а також допомогу у відправці компіляцій на рецензію та розповсюдження. Наш проектний менеджер, дизайнер UI/UX, розробник мобільних додатків та інженер з якості в тісному співробітництві з головним виконавчим директором Swizzle, Капусін Кодрон, передавали бізнес-вимоги та вказівки проекту, а також Гійом Жакомін, CTO, який розробляв API та інтеграції на бекенді, використовуючи фреймворк Python Django.

Галузь: Ecommerce, Food Retail
Платформи: Mobile
Роль:  Software developer, IT consultant
Технічний стек: Node.js, Nest.js, PostgreSQL, Postmarkapp, Shopify integration, Accredible integration, Pearson Vue integration, Edu Next integration

Вступ до проблеми

CEO Swizzle, Капусін Кодрон, звернувся до нашої компанії з проханням побудувати спеціальну додаток React Native, яка має замінити існуючу. CTO Swizzle, Гійом Жакомін, розробляв back-end API за допомогою Python, і деякі кінцеві точки API вже були задокументовані. Додатково у нас була стара додаток як зразок, і коротка інформація про бізнес та необхідну функціональність. Спочатку їхня мобільна додаток без коду була достатньою для стартапу. Але з розвитком їхнього бізнесу вони потребували більш розширеного back-end і інтерфейсу користувача, і це було неможливо вирішити лише за допомогою фреймворку без коду. Таким чином, вони запросили кілька варіантів оцінки тільки веб-сайтів або мобільних додатків або обох. На підставі нашого багатого досвіду в галузі технологій харчової промисловості та розробки програмного забезпечення для роздрібної торгівлі ми швидко зібрали необхідні деталі, запропонували кілька версій приблизних оцінок для кількох варіантів, поділилися нашими пропозиціями і погодилися на розробку універсального мобільного додатку на основі трудової оплати за фактом і з урахуванням бюджету та термінів, запропонованих в останніх оцінках.

Основні цілі

  1. Кросплатформена Сумісність:
    • Забезпечити, щоб застосунок React Native був сумісний як з платформою iOS, так і Android, забезпечуючи безшовний досвід для користувачів обох операційних систем.
  2. Інтеграція з Python Back-End:
    • Інтеграція фронт-енду React Native з існуючим back-end API на Python, розробленим CTO Swizzle, Гійомом Жакоміном. Забезпечення плавної комунікації між фронт-ендом та back-endом.
  3. Впровадження Кінцевих Точок API:
    • Реалізація задокументованих кінцевих точок API, наданих CTO Swizzle. Перевірка точності кінцевих точок та встановлення відповідних механізмів обміну даними між фронт-ендом та back-endом.
  4. Дизайн Інтерфейсу Користувача та Досвіду Користувача (UI/UX):
    • Проектування інтуїтивного та дружелюбного користувачеві інтерфейсу, який відповідає бізнес-вимогам та забезпечує позитивний досвід користувача. Тісна співпраця з CEO Swizzle та зацікавленими сторонами для отримання відгуків та схвалення.
  5. Масштабованість та Продуктивність:
    • Розробка застосунку з урахуванням можливості масштабування для адаптації до потенційного майбутнього зростання користувачів та даних. Оптимізація продуктивності для забезпечення швидких та реактивних взаємодій, навіть при великому навантаженні.
  6. Заходи Безпеки:
    • Впровадження надійних заходів безпеки для захисту даних користувача, конфіденційної інформації та загальної цілісності застосунку. Використання найкращих практик щодо шифрування даних, безпечної аутентифікації та авторизації.

Технічні виклики

Технічні виклики

Загальною визначною було відсутність пригальмованих викликів. Як члени команди проекту, так і їхні керівники з SPACE IT мають глибокий досвід в галузях електронної комерції, харчових технологій, роздрібної торгівлі та доставки, ознайомлені з різними інтеграціями платіжних шлюзів та реалізацією програм лояльності. Як традиційні, так і ринкові, а також повторювані транзакції та будь-яка складна логіка монетизації абсолютно не були проблемою. Таким чином, в більшості випадків ми мали лише незначні організаційні та комунікаційні проблеми, які вирішувались та моніторились протягом дня під уважним наглядом нашого технічного керівника проекту. Наприклад, наш мобільний розробник працював окремо від Гійома, який розробляв back-end, і в різний час, тому було дійсно важливо синхронізувати щоденні цілі команди, чітко повідомляти про прогрес та проблеми, і вирішувати або уникати будь-яких непорозумінь, які можуть викликати додаткові зусилля обох розробників. Щодо функціональності, як екран перегляду вин, так і Чатбот мали досить складні реалізації. Екран перегляду вин має багато вибіркових фільтрів, рядок пошуку та ползунок для вибору цінового діапазону. Набір всіх фільтрів екрану синхронізований з фільтрами у вікні пошуку. Фільтри поділені на два типи: чіпи та ползунки. Кожен тип має різну логіку для створення посилання пошуку. Крім того, гнучкість вмісту екрану також додає складності. Оскільки вміст додатка керується адміністратором, у нас можуть бути різні набори блоків для екранів кампаній та головного екрану перегляду. Щодо Чатбота, справжньо, це не просто бот. Весь вміст спочатку отримується з back-end, і ми імітуємо взаємодію з користувачем. В ньому є велика кількість логіки для імітації набору повідомлень та обробки відповіді користувача. Кожна відповідь користувача перетворюється в пошуковий запит, з якого ми компілюємо посилання із списком продуктів, рекомендованих для користувача.

Основна функціональність:

  • Авторизація через електронну пошту
  • Onboarding, інформація про профіль, методи доставки та оплати, та вподобання
  • Чатбот з порадами
  • Каталог продуктів з можливістю пошуку, фільтрами за типом та подією, найпопулярнішими та рекламованими напоями, підсторінками з підфільтрами, такими як ціна, вино, сорт, тип спирту, країна походження, розширені характеристики стилю вина, безалкогольні товари, подарунки, типи парування та святкування і т.д.
  • Детальні сторінки продуктів із зображеннями, описом, країною походження, основними характеристиками, смаками, характеристиками смаковими та інформацією про виробника
  • Кошик, сторінки оформлення замовлення та доставки, а також екрани оплати
  • Ваші замовлення, повторні покупки та улюблене
Основна функціональність:

Рішення

Це було справжнє задоволення будувати і випустити цей продукт на ринок. У тісній координації з Capucine і Guillaume, і завдяки їхній енергії та пасії наша команда вдалося вирішити всі технічні блокери, впоратися з усіма викликами, пов’язаними з продуктом, і надати гідні та унікальні рішення з радістю та ентузіазмом. Це було захоплююче подорож, і ми щасливі, що це не кінець, оскільки зараз ми надаємо допомогу з технічною підтримкою та оновленнями, пов’язаними як з завданнями back-end, так і front-end.

Результат

  • Розроблено новий дизайн додатка, брендінг та промо-матеріали
  • Розроблено та розповсюджено додатки в мобільні магазини
  • Замінено застарілий додаток, організовано плавне оновлення для існуючих клієнтів
  • Розроблено чат-бот та функціонал оплати відповідно до потреб клієнта
  • Інтегровано Google та Meta маркетингові SDK для просування додатка
  • Організована довгострокова технічна підтримка

Давайте розвивати ваш
бізнес разом

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