Dwa serwisy, jedna architektura - porządek w komunikacji B2B i B2C

CeeCam to kanadyjska firma, która specjalizuje się w dostarczaniu rozwiązań do ochrony i monitoringu placów budowy. W ramach współpracy powstały dwie strony internetowe: CeeCam Company, skierowana do klientów indywidualnych i inwestorów, oraz CeeCam Integrated, platforma skoncentrowana na komunikacji B2B i współpracy z partnerami biznesowymi. Celem projektu było stworzenie dwóch odrębnych wizualnie i funkcjonalnie serwisów internetowych, które opierają się na jednej, wspólnej architekturze komponentów oraz systemie zarządzania treścią.

Wyzwanie

Głównym celem projektu było stworzenie dwóch spójnych, ale stylistycznie zróżnicowanych stron internetowych, które:

• Umożliwią elastyczne zarządzanie treściami z jednego systemu CMS. 
• Będą odzwierciedlać różne strategie komunikacyjne - prostą i przyjazną (Ceecam Company) oraz profesjonalną i techniczną (CeeCam Integrated).
• Zachowają wysoką wydajność i aktualność danych w czasie rzeczywistym. Umożliwią łatwe rozbudowywanie i długoterminowe utrzymanie kodu.

Największym wyzwaniem było połączenie dwóch odmiennych wizji estetycznych i komunikacyjnych w ramach jednej bazy technologicznej, a także zapewnienie pełnej personalizacji treści za pomocą panelu CMS.

Rozwiązanie

Nasz zespół zaprojektował i wdrożył nowoczesne rozwiązanie oparte na technologiach frontendowych i backendowych z dużym naciskiem na skalowalność oraz komfort zarządzania:

• Frontend: Next.js 13 z architekturą App Router, zapewnia wydajność, elastyczność oraz natychmiastowe odświeżanie danych.
• Backend/CMS: Strapi z bazą danych PostgreSQL, umożliwiaja wygodne i szybkie zarządzanie całą treścią stron, również dzięki dodatkowym, customowym pluginom.
• Bezpieczeństwo: Google Invisible reCAPTCHA v2 do zabezpieczenia formularzy kontaktowych.

Kluczowe Funkcjonalności

• Możliwość pełnej edycji treści (teksty, zdjęcia, formularze) z poziomu CMS Strapi.
• Formularze kontaktowe zabezpieczone technologią reCAPTCHA.
• Dwie wersje stylistyczne - przyjazna dla użytkownika (CeeCam Company) oraz profesjonalna, techniczna (CeeCam Integrated).
• Możliwość ponownego wykorzystywania elementów w obu serwisach, dzięki modularnym komponentom.

Rezultaty

• Dwie w pełni funkcjonalne strony internetowe.
• Poprawa wizerunku firmy poprzez nowoczesny i spójny design.
• Zwiększenie bezpieczeństwa komunikacji z klientami dzięki implementacji zabezpieczeń formularzy.

Podsumowanie

Dzięki elastycznej współpracy z klientem udało się stworzyć dwa serwisy, które nie tylko odpowiadają na różne potrzeby komunikacyjne, ale także doskonale wpisują się w tożsamość marki. Wykorzystanie Next.js 13 i Strapi w projekcie CeeCam umożliwiło osiągnięcie wysokiej wydajności oraz prostego zarządzania treścią.