Strona internetowa — czym jest?
Strona internetowa to pojęcie bardzo ogólne, pod którym może kryć się kilka typów usług / produktów dostępnych z poziomu przeglądarki dla użytkownika.
Pierwsze pytanie, jakie powinno się nasunąć to „Do czego strona będzie mi potrzebna?”. Pamiętajmy — strona internetowa jest narzędziem, a w kontekście komercyjnym: narzędziem, które powinno generować określone korzyści: od przyciągnięcia potencjalnych klientów (np. landing page), budowania wizerunku (strony firmowe), poprzez przynoszenie konkretnych zysków (np. sklep internetowy), aż po realizowanie złożonych celów biznesowych (aplikacje internetowe).
Mocno uogólniając można przyjąć następujący podział:
- bardzo proste, jednostronicowe serwisy www
- proste, zawierające kilka podstron (najczęściej około 5) strony
- średnio złożone, zawierające więcej niż 5 podstron strony www
- średnio złożone serwisy www, które mogą być zintegrowane z dodatkowymi dostawcami trzecimi (np. systemami do zapisów na newstletter, systemami wewnętrznymi Zamawiającego np. CRM, ERP itp)
- złożone aplikacje internetowe, ale w których niewymagana jest integracja z dostawcami trzecimi (np. oprogramowanie do wystawiania faktur)
- złożone aplikacji internetowe służące do zarządzania procesami np w przedsiębiorstwach
Dodatkowo można wydzielić różne sposoby realizacji projektu:
- korzystając z gotowych frameworków (przygotowanych przez programistów środowisk, które nie wymagają tworzenia oprogramowania od zupełnych podstaw), gdzie możliwe jest użycie gotowych mechanizmów np logowania użytkowników, na bazie których może powstać
- CMS, API, strona wwwZbiór stron lub pojedyncza strona serwisu internetowego możliwa do odwiedzenia w przeglądarce mogąca zawierać: tekst (paragrafy, listy, tabele) media (obrazy, grafikę 3D, obrazy wektorowe itp) formularze (kontaktowe, newslettery, rejestracja, logowanie) link do innych podstron lub innych stron więcej informacji: WIKIPEDIA: More, inne usługi
- korzystając z gotowych CMS, na bazie których może powstać strona / serwis www
- tworząc całość od podstaw, od zera (bardzo rzadko stosowana metodologia)
Czym jest aplikacja mobilnaAplikacja instalowana na urządzeniu przenośnym takim jak smartphone, czy tablet, działającym w oparciu o mobilny system operacyjny (najbardziej popularne — iOS, Android). Zazwyczaj instalowana za pośrednictwem sklepu samego producenta systemu operacyjnego (Google Play, Apple App Store). Można rozróżnić kilka typów aplikacji mobilnych: • użytkowe — zazwyczaj oparte o standardowy interfejs użytkownika, gdzie głównymi elementami są przyciski, formularze, treści • rozrywkowe... More?
Tu również — jest to pojęcie bardzo ogólne, pod którym może kryć się kilka typów usług / produktów dostępnych z poziomu smartphone’a użytkownika. Uogólniając można przyjąć podział:
- aplikacja biznesowa / użytkowa
- aplikacja rozrywkowa — najczęściej gry
Można wydzielić różne sposoby realizacji aplikacji mobilnej:
- aplikacje natywne — pisane od podstaw przez programistę dedykowanego pojedynczemu systemowi operacyjnemu (np. gdy naszym celem jest stworzenie aplikacji dla systemów iOS i Android — liczba programistów wzrasta do dwóch)
- aplikacje hybrydowe — pisane od podstaw przez jeden tym programisty (np. programista React Native)
Ile kosztuje strona www / aplikacja mobilna?
W skrócie — tyle samo ile kosztuje samochód. Brak precyzyjnego wskazania — co dokładnie ma zawierać, jakie funkcje spełniać, z czym ma być zintegrowania powoduje, iż estymacja czasowo-kosztowa jest tym szersza im mniej informacji posiada firma, której złożono zapytanie ofertowe lub zlecono realizację. Im więcej informacji posiada potencjalny wykonawca tym bardziej będzie mógł zawęzić „widełki” projektowe.
Dokładnie tak samo jest z samochodami — możemy kupić samochód seryjny wyprodukowany na bazie gotowych komponentów, możemy też kupić dokładnie taki sam, ale z szerszym wyposażeniem, ale możemy też kupić samochód produkowany od początku do końca ręcznie z wysmakowanym wnętrzem i bogatymi udogodnieniami.
Jak wycenić stronę www lub aplikację mobilną jeszcze przed złożeniem zapytania do potencjalnego wykonawcy?
Zadanie jest dość proste, gdy będziemy mieć na uwadze, iż do realizacji, po stronie wykonawcy strony / aplikacji internetowej / aplikacji mobilnej potrzebny jest zespół, w którego skład najczęściej wchodzą:
- Project Manager — osoba kontaktowa po stronie wykonawcy. To z nią najczęściej kontaktuje się Zamawiający (Klient), to ona posiada najwięcej informacji ogólnych.
- UX / AI Designer — architekt informacji i projektant użyteczności to osoba, która zmakietuje (czyli najprościej ujmując — narysuje na „kwadracikach i kółeczkach” jak widzi układ aplikacji, co dokładnie będzie efektem wykonania konkretnej akcji użytkownika (np. kliknięcia w przycisk, wypełnienia pola formularza itd.)
- Grafik kreatywny — jeżeli nasza strona / serwis musi się wyróżniać, nieść wyraźny, inny niż konkurencja przekaz — grafik kreatywny jest osobą niezbędną do stworzenia identyfikacji prodktu
- Projektant interfejsu — ściśle współpracujący z grafikiem kreatywny, ale też z UX / AU Designerem członek zespołu projektowego dbający o spójność kreacji z użytecznością
- Jeżeli produktem jest strona internetowa: Frontend Developer — programista zajmujący się przełożeniem zaakceptowanych makiet i projektów graficznych na szablony HTML
- Jeżeli produktem jest aplikacja mobilnaAplikacja instalowana na urządzeniu przenośnym takim jak smartphone, czy tablet, działającym w oparciu o mobilny system operacyjny (najbardziej popularne — iOS, Android). Zazwyczaj instalowana za pośrednictwem sklepu samego producenta systemu operacyjnego (Google Play, Apple App Store). Można rozróżnić kilka typów aplikacji mobilnych: • użytkowe — zazwyczaj oparte o standardowy interfejs użytkownika, gdzie głównymi elementami są przyciski, formularze, treści • rozrywkowe... More: Programista aplikacji mobilnych w liczbie minimum jedna osoba na dany system operacyjny, jeżeli aplikacja ma być tworzona natywnie na każdy z systemów operacyjnych; minimum jedna osoba, jeżeli aplikacja powinna działać na wielu systemach (np. w przypadku użycia technologii React Native)
- Programista backend — odpowiedzialny za zaprogramowanie, w przypadku strony www — szablonów strony; w przypadku aplikacji mobilnej — API dla aplikacji
- Tester — odpowiada za zweryfikowanie czy wszystkie założone funkcjonalności działają prawidłowo i zgodnie z założeniami Zamawiającego
- Copywriter — osoba odpowiedzialna za stworzenie lub korektę tekstów i treści tak, aby były jasne i zrozumiałe dla odbiorcy
Liczba członków zespołu może różnić się od skali projektu. Dla mniejszych projektów bardzo często przyjmuje się, że zespół 4 specjalistów będzie wystarczający do uzyskania efektu, który chce osiągnąć Klient. W przypadku projektów większych liczba członków zespołu rośnie. I tak, dla przykładu (pamiętajmy, że stawki u różnych dostawców różnią się, a podana niżej stawka nie jest ofertą w rozumieniu handlowym):
Prosty serwis www składający się z 2, 3 prostych podstron (strona główna, strona z formularzem kontaktowym, strona z ogólnymi informacjami):
Zakładając stawkę godzinową na poziomie 150 zł netto i szacując zaangażowanie czasowe w projekcie niżej wymienionych osób otrzymujemy:
- Project Manager — 4 roboczogodziny
- UX / AI Designer — 5 roboczogodzin
- Grafik (połączenie stanowiska kreatywnego z projektantem interfejsu) — 14 roboczogodzin
- Frontend Developer — 24 godzin
- Programista Backend — 14 godzin
Suma godzin powyższej estymacji daje wynik 61 roboczogodzin zespołu. Mnożąc liczbę godzin razy stawkę godzinową — otrzymujemy szacunkowy koszt, na który należy przygotować się podczas wdrożenia (w tym konkretnym przypadku będzie to około 9100 zł netto).
Potrzebujesz wyceny projektu? Chętnie pomożemy w doborze odpowiedniej metodologii realizacji (Time & Materials / Fixed price) oraz oszacujemy wstępnie jego wartość, napisz tylko na newsbusiness@b-mind.co, a postaramy się przedstawić ofertę tak szybko, jak będzie to możliwe! Pamiętaj — im więcej informacji otrzymamy, tym oferta będzie bliższa finalnej kwocie.
Zrealizujmy razem projekt!
Otrzymaj pierwszą, wstępną ofertę do 7 dni roboczych!
lub użyj formularza poniżej: