--- title: "Aplikacja webowa: co to jest? Słownik pojęć" description: "Aplikacja webowa to program, który działa w przeglądarce i nie wymaga instalacji, np. panel klienta, system rezerwacji albo portal dla partnerów." url: https://fluostudio.pl/baza-wiedzy/slownik/aplikacja-webowa/ --- [Strony www](https://fluostudio.pl/baza-wiedzy/slownik/?dzial=www) # Aplikacja webowa Inaczej web app, aplikacja internetowa, aplikacja przeglądarkowa Aplikacja webowa to program, który działa w przeglądarce i nie wymaga instalacji, np. panel klienta, system rezerwacji albo portal dla partnerów. Zwykle użytkownik loguje się w niej i pracuje na własnych danych. ## W skrócie - Działa na każdym systemie, wystarczy przeglądarka - Nowa wersja trafia do wszystkich od razu, bez sklepu z aplikacjami - PWA: aplikacja webowa, którą można dodać do ekranu głównego telefonu ## Usługi - [Aplikacje webowe](https://fluostudio.pl/uslugi/product-design/aplikacje-webowe/) - [MVP](https://fluostudio.pl/uslugi/product-design/mvp/) Stronę od aplikacji odróżnia to, co robi na niej człowiek. Na stronie czyta, ogląda i wysyła formularz. W aplikacji loguje się, wprowadza dane i wraca do nich następnego dnia: sprawdza status zamówienia, składa ofertę, rezerwuje termin, pobiera materiały dla swojego sklepu. Granica bywa płynna. [Konfigurator produktu](https://fluostudio.pl/baza-wiedzy/slownik/konfigurator-produktu/) na stronie firmowej to już mała aplikacja. ## Strona, aplikacja webowa czy mobilna Aplikacja webowa działa w przeglądarce na komputerze i telefonie, z jednego kodu. Nie trzeba jej instalować ani przechodzić przez sklepy z aplikacjami, a poprawka trafia do wszystkich od razu po wdrożeniu. Aplikacja mobilna ma pełniejszy dostęp do telefonu i wygodniej działa bez internetu. Ma sens, gdy ludzie używają jej codziennie, w terenie albo potrzebują powiadomień. Pomiędzy jest PWA, czyli aplikacja webowa, którą da się dodać do ekranu głównego jak zwykłą aplikację. Przy panelach, portalach partnerskich i narzędziach B2B aplikacja webowa zwykle wystarcza i kosztuje mniej, bo powstaje raz, zamiast osobno na iOS i Androida. ## Od czego zaczynamy Od ludzi i procesów, a nie od ekranów. Kto będzie z niej korzystał, co dziś robi w arkuszach, mailach i telefonach, gdzie traci czas. Potem mapa procesów, [prototyp](https://fluostudio.pl/baza-wiedzy/slownik/prototyp/) i rozmowy z użytkownikami, a dopiero na końcu wygląd i kod. Przy portalu dla partnerów [Acer](https://fluostudio.pl/projekty/acer/) najpierw na warsztatach z zespołem marketingu Acer UK zebraliśmy, z czym jest najwięcej pracy, a dopiero potem razem ustaliliśmy jego strukturę. Interfejs opieramy na [design systemie](https://fluostudio.pl/baza-wiedzy/slownik/design-system/), żeby kolejne funkcje dało się dokładać bez przerysowywania całości. Gdy produkt jest nowy i nie wiadomo, czy się przyjmie, zaczynamy od [MVP](https://fluostudio.pl/baza-wiedzy/slownik/mvp/). ## Po starcie Aplikacja nie kończy się w dniu wdrożenia. Potrzebuje serwera, aktualizacji, kopii zapasowych, poprawek bezpieczeństwa i funkcji, o które poproszą użytkownicy. Budżet, który kończy się na starcie, to przepis na aplikację, której za rok nikt nie będzie chciał dotykać. Logowanie i dane klientów to miejsce, w którym design spotyka bezpieczeństwo. Ładny panel, w którym da się podejrzeć cudze zamówienia, jest gorszy niż brzydki, w którym się nie da. ## W naszych projektach - ### [Acer](https://fluostudio.pl/projekty/acer/) Partner Marketing Hub, portal, w którym partnerzy Acer UK sami wyszukują i pobierają materiały marki. - ### [Vee](https://fluostudio.pl/projekty/vee/) Aplikacje webowe dla odbiorców usług Vee, od projektu po kod, wśród nich panel Vee Suite do potwierdzania wizyt w przychodniach. ## Więcej na blogu - [Jak projektować aplikację, która przetrwa upływ czasu?](https://fluostudio.pl/jak-projektowac-aplikacje-ktora-przetrwa-uplyw-czasu/) ## Zobacz też - [Strony www MVP MVP (minimum viable product) to najprostsza wersja produktu, którą da się oddać prawdziwym użytkownikom, żeby sprawdzić, czy pomysł działa, zanim firma wyda budżet na pełną wersję.](https://fluostudio.pl/baza-wiedzy/slownik/mvp/) - [Strony www Product design Product design to projektowanie produktów cyfrowych, np. aplikacji, platform i paneli dla klientów, na całej drodze: od zbadania problemu i użytkowników, przez UX i UI, po testy i kolejne wersje.](https://fluostudio.pl/baza-wiedzy/slownik/product-design/) - [Strony www UX UX (user experience) to doświadczenie człowieka, który korzysta ze strony, aplikacji albo usługi: czy szybko znajduje to, czego szuka, rozumie, co ma zrobić, i kończy sprawę bez frustracji.](https://fluostudio.pl/baza-wiedzy/slownik/ux/) - [Strony www UI UI (user interface) to interfejs, czyli wszystko, co człowiek widzi na ekranie i czego używa: przyciski, pola formularzy, menu, ikony, typografia i kolory.](https://fluostudio.pl/baza-wiedzy/slownik/ui/) - [Strony www Prototyp Prototyp to klikalna symulacja strony albo aplikacji. Przyciski i przejścia między ekranami działają, choć za nimi nie ma jeszcze działającego systemu. Służy do sprawdzenia pomysłu przed programowaniem.](https://fluostudio.pl/baza-wiedzy/slownik/prototyp/) - [Identyfikacja wizualna Design system Design system to uporządkowany zbiór komponentów, zasad i plików źródłowych, z których zespół składa kolejne ekrany albo materiały marki. Zamiast projektować każdy element od nowa, korzysta się z gotowych, sprawdzonych części.](https://fluostudio.pl/baza-wiedzy/slownik/design-system/) - [Strony www Front-end Front-end to część strony lub aplikacji, którą użytkownik widzi i obsługuje, czyli układ, przyciski, formularze i animacje. Powstaje w HTML, CSS i JavaScripcie i działa w przeglądarce.](https://fluostudio.pl/baza-wiedzy/slownik/front-end/) - [Strony www Konfigurator produktu Konfigurator produktu to narzędzie na stronie, w którym klient sam składa produkt z dostępnych opcji, np. wymiaru, materiału i koloru, i zwykle od razu widzi efekt. Wynik trafia do koszyka albo do zapytania.](https://fluostudio.pl/baza-wiedzy/slownik/konfigurator-produktu/) ## Strona ma sprzedawać, działać szybko i dawać się łatwo edytować. Porozmawiajmy o Twojej. Na pierwszej rozmowie sprawdzimy, czy i jak możemy pomóc, bez zobowiązań. [Porozmawiajmy](https://fluostudio.pl/kontakt/) [Umów 30 minut konsultacji](https://calendly.com/anita-fluo/darmowa-konsultacja-30-minut)