Frankporter - Zarządzanie nieruchomościami i usługi Airbnb w Dubaju
Wdrożenie systemu WordPress w celu poprawy wydajności, bezpieczeństwa, SEO i doświadczeń użytkownika.
Frankporter UAE to firma specjalizująca się w zarządzaniu krótkoterminowym wynajmem nieruchomości. Odpowiadają oni za kompleksową kontrolę nad procesem wynajmu, obejmującą wszystkie etapy - od wystawiania nieruchomości, przez obsługę hostingu, konserwację, aż po ciągłą opiekę nad gośćmi przez 24 godziny na dobę.
Klient:
Frank Porter UAE
Branża:
Turystyka
Kraj:
United Arab Emirates (UAE)
Usługa:
Rozwój Oprogramowania
Zespół:
UX/UI Designers, Frontend Developers, Quality Assurance Enginee
Wyzwanie
Zespół Euvic został zaangażowany w projekt w celu zwiększenia wydajności tej aplikacji w różnych regionach świata i zoptymalizowania jej zarówno pod kątem wyszukiwarek (SEO), jak i doświadczeń użytkowników (UX), przy jednoczesnym zachowaniu istniejących funkcjonalności. Klientowi zależało również na podniesieniu stabilności i poziomu bezpieczeństwa portalu, dlatego właśnie te kwestie stały się dla nas kluczowe podczas realizacji projektu.
Głównymi użytkownikami platformy https://www.frankporter.com/ są właściciele apartamentów, którzy przekazują swoje nieruchomości pod opiekę firmy Frankporter. Z tego powodu kluczowe było wprowadzenie funkcji, które umożliwiłyby płynne działanie serwisu nawet przy słabszym połączeniu internetowym, gwarantując stabilność i bezpieczeństwo korzystania.
Do tej pory platforma opierała się na systemie WordPress, a strony tworzone były za pomocą page builderów. Niestety, to podejście nie spełniało oczekiwań pod względem wydajności, zarówno pod kątem doświadczenia użytkownika (UX), jak i wyników testów w narzędziach Google czy GTmetrix, dlatego też wymagało zmiany.
Rozwiązanie
Wdrożyliśmy WordPress jako Headless CMS, a także stworzyliśmy frontend oparty na frameworku NextJS i ReactJS. Architektura całego systemu oparta jest na platformie AWS z użyciem usługi CloudFront.
- 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).
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
Efekt
Wdrożone rozwiązanie znacząco poprawiło szybkość działania serwisu, skracając czas ładowania do poziomu zbliżonego do standardowego serwisu. Dzięki ścisłej współpracy zespołu UX z zewnętrzną firmą SEO, udało się stworzyć architekturę i UX strony, co zaowocowało pozytywnym audytem SEO.
Dodatkowo, proces administracji i edycji treści został znacznie usprawniony. W celu zapewnienia ciągłości działania, w przypadku awarii maszyny z systemem WordPress, zaimplementowano system helpdesk.
Narzędzia i technologie
Next.js
ReactJS
Mantine
Sass
HTML5
REST
GIT
CI
AWS
Cloudfront
WordPress (Headless CMS)
Wnioski
- Zastosowanie nowoczesnego frameworka JS w celu efektywnego renderowania i skutecznej optymalizacji warstwy frontendu.
- Zastosowanie nowej architektury w celu podniesienia poziomu bezpieczeństwa.
- Wykorzystanie usługi CloudFront w celu zapewnienia wysokiej wydajności na skalę globalną.
- Zachowanie oryginalnego panelu administracyjnego oraz integracji z istniejącym rozwiązaniem.
