Tide - a popular financial services platform in the United Kingdom with ambitious plans for global expansion. Over the course of several years, we were developing our mobile applications using native technologies. Facing scalability issues when aiming to enter new markets, platform inconsistencies, and limitations of our current solution, we decided to rebuild our products using Flutter. Flutter is a relatively young framework from Google for building cross-platform applications with a shared codebase. In this presentation, we will share the fundamental transformation our product went through in less than a year. We will discuss how we switched iOS and Android developers to Dart and Flutter, transitioned over a million lines of code to a new technological stack, and released a new version of the product for hundreds of thousands of users. We will highlight the challenges we encountered, the solutions we implemented, and the lessons we learned from this transformation.

1. Впровадження
Flutter у Tide
досвід провідної фінтех
платформи з Великої Британії
Олександр Леущенко
Анна Леущенко

2. Олександр
Леущенко
● Google Developer Expert
у Dart та Flutter
● Senior Staff Engineer у Tide
● ex- Head of Mobile у Ciklum
olexale

3. Анна
Леущенко
● Google Developer Expert
у Dart та Flutter
● Активно поширюю знання по
розробці на Flutter
● Senior Staff Engineer у Tide
AnnaLeushchenko
foxanna

4. ● Заснована як стартап у 2015 році
● Має на меті революціонувати як підприємці управляють
фінансами, заощаджуючи їм час і гроші
● Запустила перший продукт у 2017 році
● Функціонує у Великій Британії та Індії
● Займає 10% ринку у Великій Британії,
обслуговуючи >500,000 бізнесів

5. Розвиток бізнесу

6. Бізнес цілі
Розвиток бізнесу
● Надавати послуги на нових ринках
● Забезпечити швидку адаптивність продукту
● Швидко будувати і тестувати прототипи
● Мінімізувати витрати на запуск нового функціоналу

7. Обмеження
Розвиток бізнесу
● Продукт не готовий для локалізації і масштабування
● Функціонал додатку оптимізований під одну країну
● API оптимізований під ринок однієї країни
● Партнерські сервіси оперують тільки в одній країні

8. Міграція

9. Вибір технології
Управління очікуваннями
Перетворення команди
Міграція продукту
Агресивна автоматизація
Моніторинг
Розвиток продукту

10. Вибір технології
Аналіз підходів
Greenfield Brownfield

11. Вибір технології
Аналіз фреймворків

12. Вибір технології
Управління очікуваннями
Перетворення команди
Міграція продукту
Агресивна автоматизація
Моніторинг
Розвиток продукту

13. Управління очікуваннями
● Проактивна комунікація з топ-менеджментом
● Залучення сильних союзників
● Вирівнювання очікувань
● Створення дорожньої мапи міграції
● Проповідування змін по всій організації
Переконання та залучення бізнесу

14. Вибір технології
Управління очікуваннями
Перетворення команди
Міграція продукту
Агресивна автоматизація
Моніторинг
Розвиток продукту

15. Закладення фундаменту
Перетворення команди
● Перший склад нової команди
● Експерименти із технологією, архітектурою
● Flutter Community of Practice
● Flutter Academy

16. Основа академії
Перетворення команди
https://github.com/olexale/flutter_roadmap

17. Перетворення команди
● Зовнішні консультанти
● Найм експертів
Підсилення команди

18. Вибір технології
Управління очікуваннями
Перетворення команди
Міграція продукту
Агресивна автоматизація
Моніторинг
Розвиток продукту

19. Міграція продукту
● 1.5М рядків коду у єдиному моноліті
● 50 інженерів розбиті на 7 підкоманд
● Упорядкування building-blocks каталогу
● Core-команда, відповідальна за архітектуру і інструменти
● LEGO архітектура
Масштаб проєкту

20. Міграція продукту
https://youtu.be/Ap-cRFRScQw
LEGO архітектура

21. Міграція продукту
● Фокус на ключових user-journeys
● Імплементація UI тільки до beta-стану
Пріоритизація

22. Міграція продукту
Behavior-Driven Development
https://youtu.be/Kwvsc31FE_8

23. Міграція продукту
● Контракт між клієнтом та сервером
● Mocked Backend всередині додатку
Затримки зі сторони BE

24. Міграція продукту
● Заборона зміни UX
● Тільки багфікс на існуючих проєктах
Бажання “докинути” функціонал

25. Міграція продукту
● Раннє тестування
● Формалізація реліз-процесу
Зворотній звʼязок

26. Міграція продукту
● Компроміс з бізнесом
● Випуск та підтримка міні-додатків
Міні-реліз

27. Вибір технології
Управління очікуваннями
Перетворення команди
Міграція продукту
Агресивна автоматизація
Моніторинг
Розвиток продукту

28. Агресивна автоматизація
Генерація коду
https://youtu.be/QN-mq788ghs https://youtu.be/-2YHA7w7x_Q

29. Агресивна автоматизація
● Фокус на якості коду
● Автоматизація рутиних задач
● Автоматизація тестування і релізу
CI/CD

30. Вибір технології
Управління очікуваннями
Перетворення команди
Міграція продукту
Агресивна автоматизація
Моніторинг
Розвиток продукту

31. Моніторінг
● Firebase Crashlytics
● Datadog Dashboards
Моніторінг проблем

32. Моніторінг
● Triage мітинги
● Робоча група під кожну проблему
Якість продукту

33. Вибір технології
Управління очікуваннями
Перетворення команди
Міграція продукту
Агресивна автоматизація
Моніторинг
Розвиток продукту

34. Розвиток продукту
● Міграція UX/UI
● Масштабування проєкту
● Запуск у нових країнах
Нові виклики

35. Розвиток продукту
● На початку міграції — фокус на домені
● Після міграції — на технології
Найм

36. Ретроспектива
Міграції

37. ● Чи задоволені інженери?
● Чи задоволені менеджери?
● Чи задоволені клієнти?

38. Дякуємо
olexale
AnnaLeushchenko
foxanna