KLIENT:
CeeCam

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

Podsumowanie projektu

KLIENT
CeeCam
ZESPÓŁ
  • Front-end Developer
  • Full-stack Developer
  • UX/UI Designer

Rezultaty

  • Dwa serwisy zarządzane z jednego panelu

    bez duplikowania pracy przy każdej aktualizacji

  • Osobna komunikacja dla B2B i B2C

    przyjazna dla inwestorów, techniczna dla partnerów

  • Komponenty używane w obu serwisach

    modularna architektura zamiast dwóch osobnych kodów

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.

strona ceecam otwarta na laptopie

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.

 

strona ceecam na telefonie

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.

strona ceecam otwarta na tablecie

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.
strona ceecam otwarta na tablecie

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ą.

CeeCam

Wykorzystane technologie

FRONTEND

budowa interfejsu obu serwisów na wspólnej architekturze

FRONTEND

typowanie poprawiające jakość i utrzymanie kodu

FRONTEND

warstwa logiki po stronie przeglądarki

BACKEND

headless CMS umożliwiający zarządzanie treścią obu serwisów z jednego panelu

BAZA DANYCH

relacyjna baza danych przechowująca treści serwisów

Wyceń swój projekt