facebook
youtube
linkedin
tweeter
instagram
behance

Rexer

strony internetowe

20. 11. 2022

arrow


Strona internetowa Rexer

rexer.pl

Zaprojektowanie oraz zaprogramowanie nowoczesnej strony internetowej z formularzami kontaktowymi oraz interaktywną mapą, opartej o node.js, gatsby.js oraz system headless CMS Netlify, dla firmy Rexer z Wrocławia. Projekt redukujący koszty, zużycie energii, poprawiający widoczność firmy w wynikach wyszukiwania, oparty na najnowocześniejszych rozwiązaniach technologicznych oraz CI / CD z kontrolą wersji.

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.

projekt graficzny strony internetowej
Projekt layoutów strony internetowej
Specyfikacja strony internetowej
Specyfikacja strony www

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.

Wykorzystane technologie:

node

Node.js

sass

Sass

javascript

JavaScript

wordpress

Netlify CMS

php

Gatsby.js

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.

Programowanie strony www
Programowanie serwisu www
Wdrożenie strony internetowej
Wdrożenie strony internetowej

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


Oce艅 nasz膮 prac臋:

0

聽聽聽







Odpowiedz na pytania i otrzymaj darmow膮 wycen臋 us艂ug. W naszej szerokiej ofercie znajdziecie Pa艅stwo takie us艂ugi jak projektowanie graficzne, spersalizowane kalendarze ksi膮偶kowe, firmowe, ekologiczne gad偶ety reklamowe, wydruki, filmy i fotografie reklamowe oraz programowanie stron internetowych w tym e-commerce, aplikacji czy system贸w AR oraz VR.



Pozosta艂e projekty:



Wr贸膰 do portfolio 聽聽 arrow