Aplikacja mobilna

Chcesz mieć aplikację na telefonach klientów i zastanawiasz się, czy za wersję na iOS i na Androida trzeba zapłacić dwa razy. U nas nie trzeba: piszemy jeden kod w React i ten sam kod działa na obu systemach. Nową funkcję zamawiasz raz, jedna poprawka naprawia błąd u użytkowników iPhone'ów i Androida naraz, a żadna wersja nie czeka, aż druga ją dogoni.

Aplikacja mobilna opłaca się tam, gdzie klient wraca regularnie: usługa, z której korzysta co tydzień, program lojalnościowy, rezerwacje, narzędzie dla ekipy w terenie. Ikona na ekranie telefonu i powiadomienie push przypominają o Tobie bez budżetu na reklamę. Jeśli klient zagląda do Ciebie raz w roku, taniej wyjdzie szybka strona internetowa dla firmy i usłyszysz to od nas na pierwszej rozmowie.

Zanim narysujemy pierwszy ekran, ustalamy jedną rzecz, którą użytkownik ma załatwić w aplikacji szybciej niż na stronie: zarezerwować termin, zebrać punkty, zgłosić wykonane zlecenie. Pod tę czynność projektujemy ekran startowy, nawigację i treść powiadomień. Kolejne funkcje dokładamy, kiedy pierwsza wersja zbierze użytkowników i pokaże, czego naprawdę potrzebują.

W obu wariantach kod jest ten sam. Różnią się tym, skąd użytkownik bierze aplikację i do jakiego sprzętu ma ona dostęp. PWA wystarczy, gdy obejdziesz się bez App Store i bez Bluetooth czy czujników: instaluje się z przeglądarki, działa offline, wysyła push i omija prowizję Apple i Google. Capacitor wybierasz, gdy potrzebujesz natywnych API albo chcesz być w sklepach. W większości zastosowań biznesowych PWA wystarcza i kosztuje mniej.

Capacitor opakowuje tę samą aplikację w natywną powłokę, a to znaczy, że możesz zacząć od PWA i dołożyć wersję sklepową później, bez przepisywania interfejsu ani backendu. Przy wycenie powiemy Ci, która droga opłaca się od razu, a którą lepiej zostawić na czas, gdy aplikacja zbierze pierwszych użytkowników.

Inaczej wygląda też utrzymanie. PWA aktualizujesz jak stronę: wdrażamy nową wersję i każdy dostaje ją przy następnym uruchomieniu. Wersja sklepowa wymaga przygotowania wydania i recenzji Apple i Google, a każda poprawka dociera do użytkownika później. Sklepy polecamy wtedy, gdy dają Ci coś konkretnego: natywne funkcje albo klientów, którzy szukają aplikacji właśnie tam.

• PWA (Progressive Web App)

  instalacja z przeglądarki, tryb offline i push, bez prowizji Apple i Google; każda aktualizacja dociera do użytkowników od razu, bez recenzji

• Capacitor (hybrid native)

  ta sama aplikacja w natywnej powłoce na iOS i Androida, z dostępem do aparatu, GPS, biometrii, plików i Bluetooth

• Wspólny fundament

  jeden kod w React, jeden backend i jeden projekt interfejsu, niezależnie od wybranej drogi

Kod powstaje w ramach usługi Aplikacje i PWA, a interfejs w ramach usługi Design, który sprzedaje, co na telefonie znaczy projekt pod kciuk: dolna nawigacja i przyciski tam, gdzie sięga dłoń trzymająca telefon. Prototyp sprawdzamy na prawdziwych telefonach, bo na monitorze nie widać, czy gest działa naturalnie ani czy klawiatura nie zasłania pola formularza.

Tryb offline i synchronizację danych planujemy od pierwszego szkicu. Dla ekipy w terenie, w magazynie albo na budowie brak zasięgu to codzienność, a aplikacja, która w takiej chwili pokazuje błąd, po tygodniu ląduje w zapomnieniu. W projekcie ustalamy, które dane muszą być dostępne bez sieci, co aplikacja zapisuje lokalnie i co ma się stać, gdy dwie osoby zmienią ten sam rekord, zanim telefon wróci do zasięgu.

• Projekt UX pod telefon

  ścieżki użytkownika, klikalny prototyp i testy na prawdziwych urządzeniach

• Frontend w React i Vite

  interfejs pod gesty, dolną nawigację i przesunięcia

• Powiadomienia push

  web push w PWA albo natywne w Capacitor, żeby przypominać o sobie bez kampanii

• Tryb offline

  service worker zapisuje kluczowe dane i aplikacja działa także bez zasięgu

• Backend i synchronizacja

  Neon Postgres, dane odświeżane w czasie rzeczywistym, logowanie i API

• Dystrybucja

  link instalacyjny dla PWA, plik APK do pobrania albo publikacja w App Store i Google Play

W aplikacji ruch jest częścią obsługi: przejście między ekranami, potwierdzenie, że coś się zapisało, gest, który zamyka kartę. W ramach usługi Animacje i 3D projektujemy mikrointerakcje i przejścia, które pokazują, co się właśnie stało, i nie obciążają słabszych telefonów. Gdy użytkownik włączy w systemie ograniczenie ruchu, aplikacja się do tego stosuje i zostaje czytelna.

Aplikacja podłącza się do narzędzi, z których już korzystasz. W ramach integracji i automatyzacji łączymy ją z płatnościami i subskrypcjami, CRM, mailingiem i systemem rezerwacji. Dane wpisane bez zasięgu synchronizują się same, gdy telefon wróci do sieci, i nikt nie przepisuje zlecenia drugi raz po powrocie z terenu.

Płatności planujemy razem z Twoim modelem biznesowym: jednorazowy zakup, abonament albo opłata za rezerwację. W PWA obsługuje je operator taki jak Stripe, bez prowizji sklepów z aplikacjami. W wersji sklepowej sprawdzamy zasady Apple i Google dla Twojego modelu, zanim zaprojektujemy ekran płatności, bo odrzucone wydanie trzeba poprawić i wysłać do recenzji od nowa.

Projekt prowadzi osobiście Kacper Baranowski, od discovery po publikację, dzięki czemu o swojej firmie opowiadasz raz, tej samej osobie, która potem buduje aplikację. Postęp sprawdzasz na własnym telefonie: instalujesz testową wersję i używasz jej w codziennych sytuacjach, zanim zobaczą ją klienci. Uwagi zbieramy w trakcie pracy, kiedy zmiana kosztuje najmniej.

Jeśli dopiero sprawdzasz pomysł na produkt, zacznij od MVP dla startupu: mniejszy zakres i weryfikacja na prawdziwych użytkownikach, zanim zainwestujesz w pełną wersję z backendem, płatnościami i panelem administracyjnym. Po kilku tygodniach od startu dane pokażą, które funkcje rozwijać dalej, a które odpuścić.

• Discovery

  kto korzysta z aplikacji, jak często i co musi działać bez zasięgu

• Wybór drogi

  PWA albo Capacitor, zależnie od tego, jakiego sprzętu i dystrybucji potrzebujesz

• Prototyp

  klikalny projekt, który sprawdzasz na telefonie, zanim powstanie kod

• Budowa

  interfejs, backend, powiadomienia push, tryb offline i integracje

• Testy na urządzeniach

  w harmonogramie jest bufor na sprawdzenie aplikacji na różnych telefonach

• Publikacja

  link instalacyjny, plik APK albo wysyłka do App Store i Google Play

PWA kosztuje od 12 000 zł netto. Aplikacja w natywnej powłoce Capacitor zaczyna się od 18 000 zł netto. Pełna aplikacja z backendem, płatnościami i panelem administracyjnym to 25 000–60 000 zł netto. Bezpłatną wycenę z rozpisanym zakresem i harmonogramem dostajesz do 48 godzin od rozmowy; dokładną kwotę ustalamy po discovery, przed startem, i trzymamy się jej. Dodatki do PWA, takie jak powiadomienia push czy publikacja w Google Play, mają ceny w cenniku.

Prosta PWA jest gotowa w 3–5 tygodni, aplikacja z Capacitor i backendem w 6–12 tygodni. Na cenę i termin najbardziej wpływają liczba ekranów i ról, praca offline, natywne funkcje, integracje i publikacja w sklepach. Jeśli Twoi użytkownicy będą pracować głównie na komputerze, w przeglądarce, sprawdź aplikację webową.

Przed rozmową przygotuj trzy rzeczy: opis tego, kto ma korzystać z aplikacji i jak często, listę funkcji, bez których pierwsza wersja nie ma sensu, i nazwy narzędzi, z którymi aplikacja ma się łączyć. Jeśli planujesz sklepy, załóż konta deweloperskie Apple i Google na swoją firmę. Aplikacja jest Twoja, więc konta też powinny być na Ciebie.

Kod, backend, konta w sklepach i dane użytkowników należą do Ciebie. Po publikacji dostajesz dostępy i dokumentację; aplikację rozwijasz z nami albo z dowolnym innym zespołem. Przez 30 dni od odbioru bezpłatnie poprawiamy błędy, które wynikają z naszego kodu. Aktualizacje PWA trafiają do użytkowników od razu, a w wersji Capacitor przygotowujemy kolejne wydania i wysyłamy je do App Store i Google Play.

Masz pomysł na aplikację, z której klienci będą korzystać co tydzień? Napisz, co ma robić, a odpowiemy do końca następnego dnia roboczego i umówimy rozmowę o zakresie. Po niej dostaniesz wycenę z listą prac i datami etapów, a o budżecie zdecydujesz, mając przed sobą konkretną kwotę i termin.