Rexer

Projekt graficzny strony

Projekt UI oraz UX strony

Strona została zaprojektowana z myślą o kliencie docelowym, tak aby z łatwością mógł poznać ofertę oraz usługi firmy Rexer. Strona zawiera animacje GSAP oraz interaktywne ikony. Minimalizm, jasne kolory, czytelne fonty, pełna responsywność oraz kompatybilność, żywe fotografie i dynamiczne animacje - to cechy charakterystyczne naszego projektu. Całość zaprojektowana za pomocą programu figma. Wykonany został zestaw ponad 40 ikon nawiązujacych do działań firmy.

Funkcjonalność serwisu

Specyfikacja strony internetowej

Strona spełnia funkcję wizerunkową, komunikacyjną oraz informacyjną. Oprócz informacji na temat oferowanych usług znajdziemy na niej również ogłoszenia o przetargach unijnych, oferty pracy, galerię realizacji..

Za pomocą serwisu można:

• Poznać oferowane usługi, realizacje, oferty pracy, ogłoszenia unijne, historię firmy.
• Znaleźć szczegółowe informacje na temat poszczególnych usług i realizacji firmy.
• Poczytać o sponsoringu sportowym prowadzonym przez firmę.
• Skontaktować się poprzez formularz, mailowo lub telefonicznie.
• Wysłać zapytanie odnośnie oferowanych usług za pomocą dedykowanych formularzy kontaktowych.
• Zbadać lokalizacje realizacji dzięki dedykowanej mapie Google Maps API.
• Śledzić ruch na stronie za pomocą Google Analytics.
• Modyfikować oraz rozbudowywać stronę - ofertę, portfolio, oferty pracy, ogłoszenia UE z poziomu panelu headless CMS Netlify.
• System przygotowany pod 4 wersje językowe PL, EN, DE, KO.
• Śledzić skuteczność w wynikach wyszukiwania Google za pomocą Search Console.

Programowanie strony internetowej

Proces powstania projektu

Projekt został stworzony za pomocą node.js - silnika JavaScript od Google. Do oprawy graficznej zostały użyte wysokiej jakości zdjęcia, oraz specjalnie zaprojektowane wektorowe ikony, a interaktywne mapy została zaprogramowana poprzez wykorzystanie interfejsu API dla Google Maps. Z projektem zintegrowany jest system headless CMS open-source - Netlify, pozwala on na tworzenie plików .md na serwerze a następnie zmiany przetwarzane są przez SSG (static site generator) - gatsby.js generując na podstawie dodanych danych podstrony. Dodatkowo dla poprawienia UX zostały dodane również animacje GSAP oraz animacje CSS. Do ikon interfejsu użyliśmy lekkich grafik w formacie wektorowym. Projekt przystosowany jest pod 4 wersje językowe. Przygotowane przez nas zostało również portfolio, w którym klient w przyszłości z łatwością może umieszczać dokumentacje ze zrealizowanych instalacji sanitarnych.

Wdrożenie serwisu www

Prace serwerowe

Strona internetowa, po dopracowaniu oraz korekcie od klienta, została docelowo umieszczona na naszym prywatnym serwerze, a my zadbaliśmy o backup i jego zabezpieczenia. Dodaliśmy również integrację z Google Analytics oraz Search Console, dzięki której nasz klient może samodzielnie monitorować ruch na stronie oraz postępy w wynikach wyszukiwania. Przeprowadzamy na bieżąco aktualizacje systemów oraz prowadzimy dla klienta stronę, dzięki czemu strona zawsze pozostaje w zgodzie z najnowszymi trendami na rynku.

Projekt można zobaczyć pod adresem: rexer.pl