Klient: Frank Porter UAE
Frankporter UAE to firma zajmująca się zarządzaniem nieruchomościami na wynajem krótkoterminowy. Ich zadaniem jest nadzorowanie procesu wynajmu nieruchomości od początku do końca, obejmując wszystkie aspekty wystawiania, hostingu i konserwacji, a także opieka nad gośćmi 24/7. Zespół Euvic został wdrożony do projektu w celu poprawy wydajności w różnych regionach na świecie oraz optymalizacji zarówno pod kątem SEO jak i UX zachowując przy tym stare funkcjonalności. Klientowi zależało również na zwiększeniu stabilności oraz bezpieczeństwa korzystania z portalu.
Cel projektu:
Głównymi użytkownikami serwisu https://www.frankporter.com/ właściciele apartamentów, którzy przekazują je frankporter do opieki. W związku z tym ważne było zaimplementowanie funkcjonalności, dzięki którym serwis mógłby działać przy słabszym połączeniu, zapewniając tym samym stabilność i bezpieczeństwo. Dotychczasowo serwis oparty był o WordPress CMS a strony tworzone były za pomocą page builderów, co skutkowało niesatysfakcjonującą wydajnością dotychczasowych rozwiązań zarówno pod kątem User Experience jak i podczas testów w narzędziach google czy grmetrix.
Dostarczone rozwiązanie:
Nasi specjaliści zaimplementowali WordPress jako Headless CMS oraz frontend zbudowany w oparciu o framework NextJS oraz ReactJS. Architektura oparta została o AWS z wykorzystaniem CloudFront. Wprowadzone rozwiązanie spowodowało zauważalnie szybsze działanie serwisu, gdzie czas realizacji zbliżony był do serwisu standardowego. Dzięki współpracy naszego zespołu UX z zewnętrzną firmą SEO udało się stworzyć architekturę i UX strony skutkujący pozytywnym audytem SEO, a administracja i edycja treści zostały znacznie uproszczone. W przypadku awarii maszyny z WordPressem został zaimplementowany helpdesk.
Produkty projektu:
- SEO: struktura semantyczna, fragmenty rozszerzone (structured data), przekierowania starych treści, automatyczne checkery (seobility),
- Wydajność: page speed insights, gtmetrix, speedcurve, zapewnienie wydajności w docelowych lokalizacjach użytkowników i większym obciążeniu,
- WCAG: aby udostępnić ją osobom z niepełnosprawnościami i zaburzeniami poznawczymi, np. za pomocą: accessibilitychecker.org
- RWD: Browser Stack, google mobile check i prawdziwe urządzenie w dłoni!
- Bezpieczeństwo: sucurty check, aktualizacje, antyspam, architektura (security by design)
Zalety rozwiązania:
- Szybkie renderowanie i dobra optymalizacja frontendu dzięki wykorzystaniu nowoczesnego frameworka JS,
- Lepszy poziom bezpieczeństwa z uwagi na “schowanie” często atakowanego wordpressa,
- Duża wydajność na całym świecie w związku z wykorzystaniem CloudFront-a,
- Zachowany panel administracyjny i integracje ze starego rozwiązania.
“Our collaboration has worked very well. Euvic has been able to listen to our needs to understand what we need to get to the next level. We are very happy with the results and can now continue to provide our customers with the experience and service they deserve.”
Anna Skigin, CEO of Frank Porter
Zespół projektowy:
UX/UI Designers, Frontend Developers, Quality Assurance Engineer
Technologie:
Next.js, ReactJS, Mantine, Sass, HTML5, REST, GIT CI, AWS, Cloudfront, WordPress (Headless CMS).
Integracje:
Pipedrive CRM, Google Sheets, Guesty, Mailchimp, Google Maps.
