15 niesamowitych przykładów aplikacji mobilnych we Flutterze

Spójrzmy więc na kilka znakomitych przykładów Fluttera, sprawdźmy, jak ten framework do tworzenia aplikacji mobilnych pomógł twórcom osiągnąć cele biznesowe, i spróbujmy zrozumieć, dlaczego w ogóle zdecydowali się na Fluttera.

Ale najpierw - kilka informacji o samym Flutterze!

Czym jest Flutter? 

Flutter to stosunkowo nowy, otwartoźródłowy mobilny SDK, przedstawiony przez Google w grudniu 2018 roku. Pozwala łatwo i szybko tworzyć aplikacje wieloplatformowe - natywnie wyglądające aplikacje na Androida i iOS z jednej bazy kodu. Jest szczególnie popularny wśród startupów, bo umożliwia tanie tworzenie aplikacji mobilnych na dwa systemy jednocześnie.

Dzięki programistom Google i społeczności zgromadzonej wokół tego narzędzia rozwija się on błyskawicznie i może wkrótce zrewolucjonizować rynek aplikacji mobilnych.

Jeśli chcesz wiedzieć więcej o Flutterze, zapraszamy do artykułu: Flutter App Development: Everything You Need to Know in 2021.

Flutter — popularność wśród programistów

Według najnowszego Stack Overflow Developer Survey Flutter jest trzecim najbardziej lubianym i czwartym najbardziej pożądanym frameworkiem. 

Co więcej, jego popularność wciąż rośnie - w ubiegłym roku zyskał 98,9 tys. gwiazdek na Githubie (w ciągu 18 miesięcy od wydania wersji 1.0!). Dziś Flutter plasuje się wśród 20 najbardziej aktywnych repozytoriów w tym serwisie.

Aplikacje mobilne we Flutterze - dlaczego to świetny wybór dla Twojego biznesu?

Dlaczego tylu programistów i firm kocha Fluttera? Ma wiele oczywistych zalet, które czynią go idealnym narzędziem do tworzenia aplikacji mobilnych. 

Najważniejsze z nich to:

• Oszczędność czasu i pieniędzy
• Znakomita wydajność
• Efektowny interfejs
• Kompatybilność
• Dostępność na zasadach open source
• Szybkie tempo prac
• Niski próg wejścia
• Szeroki zestaw widgetów
• Możliwość tworzenia przyciągających wzrok animacji.

Jakie niesamowite aplikacje powstały więc we Flutterze? Sprawdźmy!

15 niesamowitych przykładów Fluttera

1. Xianyu — szybka i prosta aplikacja mobilna Alibaba Group zbudowana we Flutterze

Pierwszy przykład Fluttera to Xianyu - aplikacja mobilna Alibaba Group, popularnego chińskiego giganta e-commerce. 

Programiści odpowiedzialni za ten projekt mieli już gotową aplikację, więc zaczęli od wdrażania pojedynczych funkcji Fluttera i dokładania funkcjonalności. Flutter pozwolił im zaoszczędzić mnóstwo czasu, bo mogli łatwo stworzyć aplikację na dwa systemy operacyjne z jednej bazy kodu. 

Dziś aplikacja ma ponad 50 milionów pobrań i korzysta z niej ponad 10 milionów użytkowników dziennie. 

Od razu zaintrygowały nas możliwości Fluttera w zakresie UX - w tym wysoki FPS i płynny interfejs. Ale przede wszystkim Flutter niesamowicie oszczędzał czas. Pozwolił nam korzystać z jednej bazy kodu, co czyni utrzymanie naszej aplikacji dużo łatwiejszym i szybszym.

 

Ze względu na dziesiątki milionów użytkowników nie mogliśmy zbudować nowej aplikacji od zera, więc zaczęliśmy wdrażać funkcje Fluttera stopniowo, włączając je do naszych aplikacji. Strona ItemDetail - najważniejsza, najbardziej złożona i najczęściej odwiedzana sekcja - działa na Androidzie i iOS z jednej bazy kodu dzięki Flutterowi. (...).

 

Bing Sun, developer w Alibaba Group

Jeśli chcesz dowiedzieć się więcej o tej aplikacji, obejrzyj ten film lub zajrzyj na ich bloga.

2. Groupon — aplikacja, w której zintegrowano Fluttera zamiast pisać ją od nowa

Groupon to amerykański globalny marketplace e-commerce, który pozwala użytkownikom oszczędzać dzięki wirtualnym kuponom. W 2018 roku ich programiści zdecydowali się zintegrować Fluttera z istniejącą aplikacją Groupon Merchant zamiast pisać ją od zera.

Aby zbudować nowe funkcje, takie jak realizacja voucherów i szczegółowa wizualizacja danych o płatnościach, po prostu dodali submoduły Fluttera do swojej natywnej platformy. To rozwiązanie pozwala im oszczędzić mnóstwo pieniędzy i czasu potrzebnego na budowę nowej aplikacji.

3. Google Ads — nowa wersja aplikacji, która poprawia doświadczenie użytkownika

Kolejny przykład aplikacji mobilnej zbudowanej we Flutterze to Google Ads. To kluczowe narzędzie dla marketerów i wszystkich, którzy chcą zarządzać kampaniami reklamowymi z urządzeń mobilnych. Aplikacja pozwala podglądać statystyki kampanii, aktualizować budżety, odbierać powiadomienia, dzwonić do ekspertów Google i wiele więcej. 

W porównaniu z poprzedniczką nowa aplikacja Google Ads stworzona we Flutterze oferuje lepsze doświadczenie użytkownika oraz nowe funkcje, takie jak alerty i możliwość edycji dowolnej kampanii.

4. PostMuse — aplikacja, której Flutter pomógł szybko wejść na rynek

PostMuse to aplikacja dla użytkowników Instagrama, pozwalająca tworzyć niesamowite relacje dzięki wielu gotowym szablonom. Flutter umożliwił twórcom PostMuse szybkie zbudowanie aplikacji jednocześnie na Androida i iOS. Było to kluczowe, bo była to pierwsza aplikacja tej firmy, więc mieli ograniczone zasoby i budżet. Flutter pozwolił im bardzo szybko wejść na rynek, a przy tym stworzyć użyteczną i dobrze zaprojektowaną aplikację bez utraty jakości.

5. eBay Motors —- mobilna aplikacja we Flutterze do sprzedaży i kupna pojazdów

Kolejny przykład Fluttera to natywna aplikacja eBay Motors - jeden z kluczowych produktów popularnej platformy handlowej. Aplikacja pozwala użytkownikom sprzedawać i kupować samochody oraz inne pojazdy z poziomu urządzeń mobilnych. Możesz łatwo przeglądać oferty, wystawiać ogłoszenia i licytować interesujące Cię pojazdy. Głównym wyzwaniem zespołu IT eBaya był ograniczony czas - na wejście na rynek mieli tylko rok. Zdecydowali się na Fluttera, bo:

• daje dużą kontrolę nad systemem, 
• pozwala tworzyć atrakcyjne wizualnie aplikacje,  
• przyspiesza tworzenie aplikacji mobilnych,
• obniża koszt i złożoność tworzenia aplikacji wieloplatformowych. 

Te korzyści mówią same za siebie. Temat jest na tyle ciekawy, że programiści postanowili opisać cały proces w dedykowanym artykule "Under the Hood of eBay Motors: New App Powered By Advanced Technology Like Flutter, ML and BFF".

6. Hamilton App — często aktualizowane wiadomości dla fanów musicalu Hamilton

Nie tylko technologiczni giganci czerpią korzyści z Fluttera. Wybrali go również twórcy GoPose, tworząc dedykowaną aplikację dla fanów musicalu Hamilton. Aplikacja dostarcza użytkownikom codzienne wiadomości i filmy, loterie dla miast angielskich i amerykańskich, lokalizacje trasy, gadżety w oficjalnym sklepie Hamiltona i wiele więcej.

Zespół zdecydował się na Fluttera, bo ich zdaniem to narzędzie jest szybkie, praca z nim sprawia frajdę i pozwala błyskawicznie wdrażać nowe funkcje. Jak napisali na swoim blogu:

Flutter pozwolił dostarczyć więcej i na wyższym poziomie jakości. Gdybyśmy stworzyli dwie niezależne, w pełni natywne aplikacje, nigdy nie wydalibyśmy zestawu funkcji, który mieliśmy na starcie. Możliwość robienia więcej wciąż jest ogromną zaletą, gdy rośniemy i co tydzień dodajemy do aplikacji nowe funkcje.

7. Philips Hue — innowacyjne sterowanie oświetleniem stworzone we Flutterze

Philips Hue to spersonalizowany system inteligentnego oświetlenia, jeden z najlepszych tego rodzaju na rynku. Ich aplikacje mobilne - Hue Sync App i Hue Bluetooth App - to kolejne przykłady aplikacji we Flutterze. 

Flutter umożliwił wprowadzenie do aplikacji intuicyjnego i prostego w obsłudze systemu sterowania, dzięki któremu użytkownicy ustawiają nastrój i synchronizują inteligentne światła z innymi mediami. 

8. NuBank — przyjazna aplikacja bankowa stworzona we Flutterze

Flutter ma zastosowanie także w branży finansowej. Aplikacja NuBank to doskonały przykład, jak można wykorzystać ten zestaw narzędzi w tym sektorze. Ich programiści wybrali Fluttera, by stworzyć aplikację cyfrowego konta oszczędnościowego. Platforma pozwoliła im zbudować intuicyjną i prostą w obsłudze aplikację, która idealnie pasuje do wizerunku firmy pozycjonującej się jako fintechowy startup mobile-first. NuBank docenił szybkie możliwości wdrożenia i skuteczność, jakie daje Flutter.

9. My BMW app — aplikacja we Flutterze, która łączy samochód BMW z urządzeniami mobilnymi

Czas na studium przypadku Fluttera w branży motoryzacyjnej. My BMW app to najnowsze rozwiązanie BWM Group, która umacnia pozycję czołowego twórcy i dostawcy aplikacji motoryzacyjnych. Wykorzystując architekturę Fluttera, opracowaną w 100% wewnętrznie, BMW stworzyło aplikacje na iOS i Androida z jednej bazy kodu.  

Najnowsza wersja tej aplikacji (z marca 2021) wprowadza wiele innowacyjnych funkcji, takich jak integracja z usługami Amazon Alexa, wstępne przygotowanie pojazdów z napędem elektrycznym czy funkcja filtrowania w wyszukiwaniu stacji ładowania.

Zespół programistów Fluttera w BMW Group jest jednym z największych na świecie, zaraz po zespole samego Google. Poza pracą nad projektami wewnętrznymi nasi eksperci udostępniają też komponenty programistyczne na zewnątrz, jako członkowie społeczności Fluttera.

 

Dr Nicolai Krämer, wiceprezes ds. platformy Offboard, BMW Group

10. SpaceX Go — przykład rozwiązania we Flutterze, które śledzi położenie statku kosmicznego

SpaceX Go to aplikacja, która dostarcza wszystkich informacji o SpaceX, takich jak lista poprzednich i nadchodzących startów rakiet, wszystkie pojazdy, rakiety, kapsuły i statki stworzone przez tę firmę na przestrzeni lat.

Co więcej, aplikacja ma nawet lokalizator statków, dzięki któremu użytkownicy sprawdzą status, prędkość i pozycję aktywnego pojazdu używanego przez SpaceX.

Dzięki Flutterowi aplikacja ma czytelny, prosty w obsłudze i pozbawiony rozpraszaczy interfejs oraz jest regularnie aktualizowana.

11. Smart skills - Learn and Grow — aplikacja we Flutterze, która pomaga przygotować się do rozmowy o pracę

A może przykład użycia Fluttera z rozwiązaniem dla branży HR?

Smart skills - Learn and Grow (wcześniej znana jako Toughest) to aplikacja, która pozwala przygotować się do rozmowy o pracę. Ma ogromny zestaw najnowszych i tych bardziej popularnych pytań oraz umożliwia zaplanowanie przebiegu rozmowy na podstawie unikalnych odpowiedzi na zadane pytania.

To przydatna aplikacja dla osób przygotowujących się do rozmów. Ma zestaw pytań i ćwiczeń umysłowych podzielonych na wiele kategorii, aby ułatwić przygotowania do rozmowy o pracę.

Programiści wykorzystali Fluttera, aby dać użytkownikom prostą i intuicyjną aplikację, która pomaga znaleźć nową pracę.

12. Realtor.com —  aplikacja, która pomaga Amerykanom znaleźć wymarzony dom

Realtor.com to popularna amerykańska aplikacja nieruchomościowa, która pomaga ludziom znaleźć wymarzone domy na sprzedaż lub wynajem. Użytkownicy ją cenią, więc zdobyła wiele nagród za oprogramowanie i znakomitą obsługę klienta. 

Twórcy aplikacji wykorzystali Fluttera do zbudowania wtyczek geolokalizacyjnych, które pokazują dostępne mieszkania na mapie, w tym opcje domów w najbliższej okolicy. Co więcej, narzędzie pomogło im stworzyć funkcje wizualizacji danych, obsługę zdjęć, komponenty graficzne i wiele więcej.

13. KlasterMe — pierwsza platforma społecznościowa stworzona we Flutterze

Czy istnieje serwis społecznościowy stworzony we Flutterze? Oczywiście. Wystarczy sprawdzić KlasterMe - aplikację dostępną na iOS i Androida do przeglądania, tworzenia i udostępniania różnych treści online. Pozwala użytkownikom tworzyć własne strony oraz dzielić się artykułami, zdjęciami, konkursami, ankietami i wieloma innymi. 

Dzięki Flutterowi programiści mogli stworzyć aplikację na dwa mobilne systemy operacyjne jednocześnie i dodatkowo zachwycić użytkowników ClusterMe prostym, ale wyrafinowanym designem. 

14. Reflectly —  aplikacja we Flutterze, która zdobyła nagrody za najlepszy design

Reflectly to oparta na AI aplikacja-dziennik, która pozwala przechowywać codzienne przemyślenia w jednym miejscu.

Aplikacja została początkowo zbudowana w React Native. W 2018 roku zdecydowano jednak napisać ją całkowicie od nowa. Gdy zespół programistów uświadomił sobie, że może pisać kod raz na Androida i iOS, wybrał Fluttera. Ta decyzja pozwoliła im skrócić czas prac niemal o połowę. Choć pierwsze wdrożenie aplikacji na Flutterze zajęło im stosunkowo dużo czasu, rozwiązanie pomogło szybko wdrażać nowe funkcje i radzić sobie z wciąż rosnącą bazą użytkowników.

Warto podkreślić, że Reflectly ma znakomity interfejs, co uchodzi za jedną z najlepszych cech aplikacji we Flutterze. Zdobyła wiele nagród za oszałamiający design. 

Korzystając z Firebase Analytics i Sentry, skrupulatnie monitorowaliśmy wydanie pod kątem nieprzewidzianych problemów, gdy trafiało do nowych i starych użytkowników. Mimo etykiety bety przy Flutterze nie zaobserwowaliśmy - i nadal nie obserwujemy - żadnych poważnych problemów z Flutterem na produkcji u setek tysięcy użytkowników, na mnóstwie różnych urządzeń z iOS i Androidem.

 

 Daniel Vestergaard, współzałożyciel i CTO w Reflectly.

15. InKino — ciekawy przykład Fluttera przy budowie aplikacji wieloplatformowej

inKino to aplikacja do wyszukiwania filmów i repertuaru oraz kupowania i rezerwowania biletów do kin Finnkino. Jej wersje na iOS i Androida zbudowano na jednej bazie kodu we Flutterze. Co ciekawe, to wieloplatformowy projekt w Dart, a 40% kodu inKino jest współdzielone między Flutterem a wersją webową. PWA (Progressive Web App) zaprojektowano w AngularDart.

Dla mojej aplikacji Flutter był idealnym wyborem. Udało mi się opublikować inKino w obu sklepach w ciągu kilku tygodni, pracując nad nią tylko po godzinach. Widgety i API dla programistów, które daje Flutter, były rozsądne, przemyślane i przewidywalne. Nie było potrzeby pisania kodu w rodzaju adapterów list, a wszystko było ładnie udokumentowane (...).

 

Iiro Krankka, twórca aplikacji inKino

Gotowy, by stworzyć własną aplikację we Flutterze?

Czujesz inspirację? Jesteś gotowy, by zacząć pracę nad własnym projektem aplikacji mobilnej we Flutterze? 

Jeśli chcesz zbudować swój zespół i szukasz utalentowanych programistów Flutter, skontaktuj się z nami. Prowadzimy Talent Network najlepszych programistów mobilnych i projektantów mobilnych z regionu CEE. Opowiedz nam o swoim pomyśle, a połączymy Cię ze zweryfikowanymi ekspertami od Fluttera, którzy idealnie pasują do Twojej branży, typu produktu i kultury firmy. 

A jeśli nie masz pewności, czy Flutter to właściwe rozwiązanie dla Twojego biznesu, polecamy sprawdzić także przykłady aplikacji mobilnych w Kotlinie, React Native mobile apps lub aplikacji webowych w React.