Portal z ogłoszeniami
Portal pracy z ogłoszeniami dla pracodawców i pracowników. Portal umożliwia wyszukiwanie ogłoszeń, zakładanie konta, logowanie oraz dodawanie ogłoszeń.
Kategorie:
Portal pracyOgłoszenia
Spis treści:
- Cel inwestora
- Nasza propozycja
- Zespół
- Realizacja
Cel inwestora
Inwestor zgłosił się do nas z celem zbudowania portalu pracy z ogłoszeniami dla pracodawców i pracowników. Dostrzegając niszę na rynku, znając grupę docelową i jej potrzeby, chciałby zbudować portal, który byłby atrakcyjny wizualnie dla pracodawców i pracowników oraz rozwiązywał problem, którego nie rozwiązują konkurencyjne portale.
Nasza propozycja
Podczas spotkania discovery (30 minut) ustaliliśmy wstępny zakres prac, szacunkową liczbę godzin specjalistów i budżet. Przedstawiliśmy ofertę, która została zaakceptowała, a następnie zaproponowaliśmy zbudowanie projektu zgodnie z naszym procesem.
Więcej o etapach projektu: Etapy projektu IT.
Zespół
- Kierownik projektu: Tomasz
- Projektant UX/UI: Damian
- Programista/Administrator: Arkadiusz
- Programista: Kamil
Realizacja - etap 3: Plan
Planowanie podzieliliśmy na 3 warsztaty projektowe.
Warsztat projektowy 1
(obecni: inwestor, projektant UX/UI, kierownik projektu)Damian - projektant UX/UI – przygotował pierwsze makiety UX na podstawie wstępnych informacji zebranych podczas spotkania discovery. Następnie omówiliśmy je z inwestorem na pierwszym warsztacie projektowym. Po warsztacie zostały naniesione aktualizacje i ponownie rozwinęliśmy pomysł oraz zakres projektu. Poniżej 2 wybrane makiety UX:Makieta UX – strona główna
Makieta UX - strona ogłoszenia
Warsztat projektowy 2
(obecni: inwestor, projektant UX/UI, kierownik projektu)Podczas warsztatu omówiliśmy ponownie aktualizację makiet UX. Dodatkowo projektant UX/UI zaproponował kolorystykę, czcionki i styl portalu. Rozbudowaliśmy także pomysł o nową makietę UX – stronę profilu pracodawcy.Makieta UX - strona profilu pracodawcy
Warsztat projektowy 3 – część pierwsza
(obecni: inwestor, projektant UX/UI, programista/administrator, kierownik projektu)Proces przygotowania makiet UX, ich omówienia i aktualizacji powtórzyliśmy trzeci raz. Z każdym kolejnym warsztatem rozwijaliśmy pomysł o nowe funkcje. Tym razem skupiliśmy się na widokach panelu do zarządzania ogłoszeniami i portalem. Poniżej wybrane makiety UX z panelu do zarządzania ogłoszeniami:Makieta UX – edycja ogłoszenia
Makieta UX – wiadomości
Warsztat projektowy 3 - część druga
(obecni: inwestor, projektant UX/UI, programista/administrator, kierownik projektu)Podczas drugiej części warsztatu 3 Arkadiusz – programista / administrator - przedstawił inwestorowi propozycję architektury i technologii, uwzględniając potrzeby biznesowe poznane na warsztatach oraz zakładany budżet na inwestycję. Wybór padł na: Next.js, React.js oraz Laravel z utrzymaniem projektu na serwerze VPS OVHCloud.Propozycja Next.js – uzasadnienie
Jednym z kanałów dotarcia do segmentu klientów jest wyszukiwarka Google. Projekty zaprogramowane w technologii Next.js mają bardzo wysokie wyniki SEO. Są znacznie szybsze niż np. projekty wykonane w klasycznym WordPressie.
Propozycja React.js - uzasadnienie
React.js jest wykorzystywany do widoków dostępnych wyłącznie po zalogowaniu. Dzięki temu panel do zarządzania ogłoszeniami działa bardzo szybko, a część kodu jest współdzielona dla części Next.js i React.js - oszczędza to czas programowania i budżet inwestora.
Propozycja Laravel - uzasadnienie
Laravel jako odseparowane REST API jest idealnym rozwiązaniem dla tego projektu, ponieważ jest skalowalną technologią z wieloma gotowymi komponentami.
Propozycja oddzielenia warstwy wizualnej od mechanicznej
Założeniem biznesowym projektu jest jego dalszy, dynamiczny rozwój i przygotowanie dla wielu tysięcy użytkowników. Dlatego zaproponowaliśmy architekturę projektu składającą się z dwóch oddzielnych aplikacji: frontend (React.js i Next.js) i backend (Laravel). Na początku projektu jest to więcej pracy o dodatkowe 5–10%, jednak dzięki rozdzieleniu na 2 aplikacje inwestor zyskuje możliwość dobrania do zespołu specjalistów od dwóch oddzielnych dziedzin – mogą pracować jednocześnie nad 2 oddzielnymi aplikacjami (krótszy czas wdrażania nowych funkcji).
Warsztat projektowy 3 = część trzecia
(obecni: inwestor, kierownik projektu)Podczas trzeciej części warsztatu 3 - Tomasz - kierownik projektu – przedstawił inwestorowi zmapowane procesy biznesowe na diagramach.
Zakończenie etapu 3: Plan
Po zdefiniowaniu kompletnego zakresu funkcji i przygotowaniu makiet UX przygotowaliśmy dokumentację i harmonogram prac. Podsumowując - efektem prac planowania były:- makiety UX
- zakres funkcji i elementów na mapie Miro
- dokumentacja
- harmonogram etapu 5 - budowa, podzielony na 4 podetapy
Rozmiar zakresu projektu można zobaczyć na widoku mapy Miro (celowo pokazujemy widok w niskiej rozdzielczości, aby nie ujawniać szczegółów projektu).
Zobacz naszą usługę planowania projektu:
Realizacja - etap 4: Umowa
Przygotowaliśmy umowę na etap 5 (budowa), 6 (testowanie) i 7 (publikacja) oraz komplet dokumentów potwierdzających zrozumienie pomysłu inwestora. Umowa została podpisana - rozpoczęliśmy prace projektowania UI i programowania.
Realizacja - etap 5: Budowa
Rozpoczęliśmy prace od zaprojektowania UI strony głównej i widoków dostępnych dla wszystkich odwiedzających portal:
Aby przyśpieszyć termin deadline projektu rozpoczeliśmy jedocześnie prace programistyczne i projektowanie UI widoków panelu do zarządzania. Optymalnie zarządzając zadaniami specjalistów (prace projektowania UI, prace programistyczne po stronie wizualnej i mechanicznej) można znacznie przyśpieszyć realizację projektu.
Poniżej kilka wybranych widoków panelu:
Aktualnie (12.02.2026) jesteśmy na etapie programowania. O dalszych efektach prac poinformujemy wkrótce.