Przejdź do treści

Usługa06 / 08

Aplikacje webowe i PWA

Rezerwacje, zamówienia i status spraw w jednym miejscu zamiast arkuszy i maili: aplikacja webowa lub PWA na React i Next.js, która działa na każdym urządzeniu, instaluje się na ekranie głównym i pracuje offline.

Etap
Budujemy
W ofertach
2
Wycena
bezpłatna, do 48 h
Odpowiedź
do 1 dnia roboczego

Kiedy zamiast strony potrzebujesz aplikacji webowej lub PWA

Klienci rezerwują, zamawiają i pytają o status, a ktoś z Twojego zespołu przepisuje to z maili i telefonów do kolejnego arkusza. Jeśli tak wygląda Twój dzień, strona informacyjna już nie wystarcza i w grę wchodzą aplikacje webowe i PWA: użytkownicy logują się, wprowadzają dane, rezerwują i zamawiają sami, a Ty widzisz cały proces w jednym miejscu, z każdego urządzenia, z uprawnieniami ustawionymi tak, jak chcesz.

Progressive Web App idzie o krok dalej. Działa w przeglądarce, ale można ją zainstalować na ekranie głównym telefonu, uruchomić bez paska adresu, używać bez zasięgu i dostawać z niej powiadomienia push. Użytkownik odróżni ją od aplikacji ze sklepu najwyżej po tym, że nic nie musiał pobierać. Ty utrzymujesz jeden kod zamiast osobnych wersji na iOS i Androida, a każdą poprawkę wdrażasz od razu, bez czekania na zatwierdzenie w sklepie.

Nie każdy projekt potrzebuje aplikacji. Jeśli chodzi Ci o zapytania i telefony od nowych klientów, lepiej zadziała dobrze zrobiona strona firmowa, i usłyszysz to od nas na pierwszej rozmowie, zanim przygotujemy wycenę. Aplikacja zbudowana bez realnej potrzeby zostawia po sobie tylko koszt utrzymania, który nie wraca ani w zaoszczędzonym czasie, ani w sprzedaży.

Co wchodzi w zakres aplikacji webowej i PWA

Zakres ustalamy na podstawie problemu, który chcesz rozwiązać, bo lista funkcji podpatrzona u konkurencji rzadko pokrywa się z tym, czego naprawdę używają Twoi ludzie. Każdy element poniżej możesz zamówić osobno albo połączyć w jedną aplikację, a funkcje, których nikt nie potrzebuje od pierwszego dnia, przenosimy na kolejne etapy, żeby pierwsza wersja ruszyła szybciej. Jeśli masz już system z API i brakuje Ci tylko wygodnej aplikacji dla ludzi w terenie, budujemy samą PWA i podpinamy ją do tego, co działa u Ciebie dziś.

Pracujemy na React i Next.js, a tam, gdzie aplikacja potrzebuje backendu, na bazie Postgres. To dojrzały i szeroko używany zestaw, więc jeśli kiedyś przekażesz projekt innemu programiście, odnajdzie się w nim szybko.

  • Aplikacje webowe na React i Next.js, od panelu administracyjnego po portal klienta, z pełnym zakresem funkcji.

  • PWA z instalacją na ekranie głównym, trybem offline i powiadomieniami push, bez pobierania ze sklepu.

  • Interfejs dopasowany do telefonu, z gestami, poprawnym viewportem i safe areas, żeby przyciski nie chowały się pod wcięciem ekranu ani paskiem systemowym.

  • Integracje przez API (REST, GraphQL, webhooks) z CRM, fakturowaniem i innymi systemami, których już używasz.

  • Logowanie i role

    konta użytkowników, sesje i uprawnienia ustawione tak, żeby każdy widział tylko to, co powinien.

  • Warstwa offline

    Service Workers, IndexedDB, Web Push API i manifest PWA.

Jak powstaje Twoja aplikacja: od prototypu do startu

Pierwsza rozmowa jest o Twoim procesie. Ustalamy, kto będzie korzystał z aplikacji, co robi krok po kroku i gdzie dziś traci czas. Z tego powstają ścieżki użytkownika i klikalny prototyp, który testujesz, zanim napiszemy pierwszą linię kodu. Przy większych projektach ten etap łączymy ze strategią i kierunkiem, żeby zakres wynikał z celu, jaki aplikacja ma osiągnąć w Twojej firmie.

Interfejs projektujemy w ramach usługi design, który sprzedaje: najpierw na telefon, z myślą o gestach, zasięgu kciuka i małym ekranie. Kodowanie rusza po zatwierdzeniu zakresu. Postęp oglądasz na roboczym adresie, więc możesz klikać, testować na własnym telefonie i zgłaszać uwagi w trakcie pracy, na długo przed odbiorem.

Przed startem sprawdzamy na prawdziwych urządzeniach, czy funkcje PWA, na których Ci zależy, działają u Twoich użytkowników, zwłaszcza na iPhone'ach. Wdrożenie idzie przez CI/CD, a błędy z produkcji trafiają do monitoringu, zanim zdąży je zgłosić użytkownik. Po starcie dostajesz dostępy, dokumentację i szkolenie z obsługi panelu, więc bieżące treści i ustawienia zmieniasz sam, bez zlecania nam każdej drobnej zmiany.

Chromowany smartfon i unoszące się chromowane kafelki aplikacji na czarnym postumencie, metafora instalowanej PWA
Jeden kod, ikona na ekranie głównym i aktualizacje bez sklepu.

PWA czy aplikacja natywna: którą drogę wybrać

PWA wybierz, gdy aplikacja ma działać na wszystkich urządzeniach, chcesz utrzymywać jeden kod i nie potrzebujesz głębokiego dostępu do sprzętu telefonu. Kosztuje mniej, wdraża się szybciej i omija prowizję Apple i Google. W większości zastosowań biznesowych to wystarcza, a użytkownik i tak dostaje ikonę na ekranie głównym.

Gdy potrzebujesz pełnego dostępu do sprzętu, na przykład aparatu, Bluetooth czy czujników, albo musisz być w App Store, ten sam kod opakowujemy w natywną powłokę z Capacitor. Obie drogi opisujemy szczegółowo przy ofercie aplikacji mobilnej na iOS i Androida. Jeśli wystarczy Ci Google Play, gotową PWA publikujemy tam bez przepisywania kodu. Decyzję podejmujemy na początku projektu, bo zmiana drogi w połowie kosztuje najwięcej.

  • PWA

    instalacja z przeglądarki, tryb offline, push i nowa wersja u użytkowników od razu po wdrożeniu.

  • Capacitor

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

  • Google Play przez TWA

    gotowa PWA w sklepie Google dzięki Trusted Web Activity, bez nowego kodu.

Ile kosztuje aplikacja webowa lub PWA i ile trwa?

Rząd wielkości możesz znać od razu, dokładną cenę podajemy po rozmowie o Twoim procesie. Aplikacja webowa zaczyna się od 15 000 zł netto i zajmuje 4–16 tygodni: prosty panel zwykle 4–6 tygodni, rozbudowana platforma 8–16 tygodni. Aplikacja mobilna jako PWA kosztuje od 12 000 zł netto, wersja z Capacitor od 18 000 zł netto, a prosta PWA powstaje w 3–5 tygodni.

Najwięcej zmieniają liczba ról i uprawnień, integracje z zewnętrznymi systemami, płatności, tryb offline i to, czy aplikacja ma trafić do sklepów. Bezpłatną wycenę z rozpisanym zakresem i harmonogramem dostajesz do 48 godzin od rozmowy; cenę ustalamy przed startem i trzymamy się jej. Często proponujemy start od mniejszego zakresu, żeby pierwsza wersja trafiła do użytkowników szybciej, a rozbudowa szła już na podstawie tego, jak naprawdę jej używają. Trzy funkcje poniżej najczęściej dochodzą jako osobne pozycje; ich ceny są też w cenniku.

  • Tryb offline i synchronizacja danych

    od 2 500 zł netto. Dane zapisane lokalnie synchronizują się same po powrocie zasięgu, co przydaje się w aplikacjach terenowych i narzędziach wewnętrznych.

  • Powiadomienia push

    od 1 800 zł netto. Web Push dochodzi nawet przy zamkniętej aplikacji, a treść i odbiorców ustawiasz w panelu administratora.

  • Publikacja w Google Play (TWA)

    od 1 200 zł netto. Konfiguracja, certyfikaty i asysta przy weryfikacji przez Google.

Dla kogo aplikacja webowa lub PWA ma największy sens

Najczęściej budujemy trzy rodzaje projektów. Pierwszy to MVP dla startupu: najmniejsza wersja produktu, na której sprawdzisz pomysł z prawdziwymi użytkownikami, zanim wydasz budżet na pełną platformę. Drugi to panel klienta SaaS, w którym Twoi klienci logują się, widzą swoje dane i załatwiają sprawy z kontem bez maila do Ciebie.

Trzeci to narzędzia dla firm, które prowadzą proces w arkuszach i mailach, oraz aplikacje dla zespołów w terenie, gdzie zasięg bywa słaby i tryb offline jest koniecznością. PWA sprawdza się też przy usługach, z których klient korzysta co tydzień, w programach lojalnościowych i rezerwacjach. Jeśli w Twojej firmie jest proces, który powtarza się regularnie i za każdym razem angażuje tych samych ludzi, to dobry kandydat na aplikację.

Dłonie trzymające telefon w ciemnym magazynie, na ekranie rozmyty interfejs aplikacji webowej
W magazynie i w terenie aplikacja musi działać także bez zasięgu.

Co zostaje u Ciebie po starcie aplikacji

Kod, baza danych, domena i konta usług są Twoje. Dostępy i dokumentację dostajesz przy odbiorze, więc aplikację możesz rozwijać z nami albo z dowolnym innym zespołem, bez pytania nas o zgodę. Przez 30 dni od odbioru błędy wynikające z naszego kodu poprawiamy bezpłatnie. Aktualizacja PWA jest natychmiastowa: wdrażamy nową wersję na serwer, a użytkownicy dostają ją przy następnym uruchomieniu, bez recenzji w sklepie i bez proszenia ich o pobranie czegokolwiek.

Aplikacja rzadko działa sama. Płatności, CRM, maile i system fakturowy podłączamy w ramach integracji i automatyzacji, a monitoring, poprawki i nowe funkcje po starcie obejmuje wsparcie i rozwój. Od pierwszej rozmowy do startu projekt prowadzi jedna osoba, Kacper Baranowski, więc swój proces tłumaczysz raz, tej samej osobie, która potem go zakoduje. Napisz w formularzu kontaktowym, jak ten proces wygląda dziś i kto go obsługuje. Odpowiedź masz najdalej następnego dnia roboczego, a do 48 godzin po rozmowie wycenę z rozpisanym zakresem i harmonogramem.

Gdzie pracujeta usługa

Ta usługa wchodzi w skład tych projektów. Możesz ją też zamówić osobno, do strony, którą już masz.

Zakres w skrócie

  • Aplikacje React / Next.js
  • Tryb offline i instalacja
  • Logowanie i role
  • Integracje API

W ofertach

  • Aplikacja webowa

    Panel klienta, SaaS albo MVP na Next.js i React, z logowaniem, bazą danych i integracjami. Od 15 000 zł netto, 4–16 tygodni.

  • Aplikacja mobilna

    PWA albo Capacitor: jeden kod na iOS i Androida, push i tryb offline. Od 12 000 zł netto, 3–12 tygodni.

Jak pracujemy

  1. 01

    Rozmowa i brief

    Opowiadasz, co chcesz osiągnąć, my zadajemy pytania. Zakres, harmonogram i wycenę masz do 48 godzin po rozmowie.

  2. 02

    Projekt

    Projektujemy w Figmie, ekran po ekranie, z Twoimi uwagami po drodze. Pliki źródłowe zostają u Ciebie.

  3. 03

    Kod i wdrożenie

    Kodujemy zgodnie z projektem, testujemy na prawdziwych urządzeniach i sprawdzamy dostępność. Strona startuje na Twojej domenie.

  4. 04

    Wsparcie i rozwój

    Przez pierwsze 30 dni po odbiorze błędy z naszego kodu poprawiamy bezpłatnie. Dalej wspieramy stronę w zakresie, jaki razem ustalimy.

Pytania o tę usługę

Twojej sytuacji tu nie ma?

Opisz ją w kilku zdaniach. Odpiszemy konkretnie, z pytaniami, które porządkują temat, i propozycją terminu rozmowy.

Zacznij od bezpłatnej wyceny
Czym różni się PWA od zwykłej strony mobilnej?

Stronę mobilną otwierasz w przeglądarce i na tym koniec. PWA możesz zainstalować na telefonie jak aplikację: dostaje ikonę na ekranie głównym, uruchamia się bez paska przeglądarki, może działać offline i wysyłać powiadomienia push. Dla użytkownika wygląda i zachowuje się jak aplikacja ze sklepu, a Ty utrzymujesz jeden kod zamiast osobnych wersji na iOS i Androida.

Kiedy warto zrobić PWA zamiast aplikacji natywnej?

Gdy aplikacja ma działać na wszystkich urządzeniach, chcesz utrzymywać jeden kod i nie potrzebujesz głębokiej integracji ze sprzętem telefonu. PWA kosztuje mniej i wdraża się szybciej, a w 80% przypadków użycia wystarcza. Gdy potrzebujesz aparatu, Bluetooth albo obecności w App Store, ten sam kod opakowujemy w Capacitor.

Czy PWA działa na iPhone'ach?

Tak, z kilkoma ograniczeniami. Safari na iOS obsługuje podstawowe funkcje PWA: instalację, tryb standalone i service workery, a powiadomienia push działają od iOS 16.4. Przed startem projektu sprawdzamy na prawdziwych urządzeniach, czy funkcje, na których Ci zależy, działają u Twoich użytkowników.

Jak wygląda aktualizacja aplikacji po wdrożeniu?

Przy PWA nic nie musisz robić ani Ty, ani użytkownik. Wdrażamy nową wersję na serwer, a każdy dostaje ją przy następnym uruchomieniu aplikacji. Sklep nie recenzuje tej zmiany, więc poprawka dociera do ludzi od razu po wdrożeniu. Przy wersji sklepowej z Capacitor każde nowe wydanie zatwierdza jeszcze Apple lub Google.

Ile kosztuje aplikacja webowa lub PWA?

Aplikacja webowa zaczyna się od 15 000 zł netto, aplikacja mobilna jako PWA od 12 000 zł netto, a wersja z Capacitor od 18 000 zł netto. Ostateczna kwota zależy od liczby ról, integracji, płatności i trybu offline. Opisz swój proces w [formularzu](#kontakt), a bezpłatną wycenę z zakresem i harmonogramem dostaniesz do 48 godzin od rozmowy.

Czy PWA można opublikować w Google Play?

Tak. Gotową PWA pakujemy jako aplikację w Google Play przy użyciu Trusted Web Activity, bez przepisywania kodu. W zakres wchodzi konfiguracja, certyfikaty i asysta przy weryfikacji przez Google, od 1 200 zł netto. Jeśli potrzebujesz też App Store, budujemy wersję z Capacitor.

Następna usługa

Integracje i automatyzacje

Łączymy stronę z Twoim CRM, fakturowaniem albo kalendarzem, żeby nikt nie przepisywał zgłoszeń i zamówień ręcznie.

Masz projekt?

Napisz,o co chodzi.

Dwa zdania: co masz i czego potrzebujesz. O resztę dopytamy na rozmowie.

Odpowiedź
do 1 dnia roboczego
Wycena
bezpłatna, do 48 h
[email protected]

Newslettera nie wysyłamy. Dostaniesz tylko odpowiedź na to, co napiszesz.

Administratorem danych jest ERIZ.STUDIO Kacper Baranowski. Dane z formularza służą wyłącznie do odpowiedzi na Twoje zapytanie. Polityka prywatności