Kucykowe Wyprawy poMOC
Strona organizacji społecznej w Next.js z panelem CMS
Zaprojektowaliśmy i wdrożyliśmy stronę od zera: kierunek wizualny, architekturę treści, kod i uruchomienie na domenie stowarzyszenia. Front stoi na Next.js i TypeScripcie, dane i media trzyma Supabase, a hosting prowadzi Vercel. Zbudowaliśmy formularz zgłoszeń z zapisem w panelu, okno darowizn z danymi do przelewu i referencje placówek, a całość ułożyliśmy jak fotoreportaż. Stowarzyszenie prowadzi treści w panelu Optiweb CMS.
Wykorzystane technologie
Czego wymagało to wdrożenie
Strona miała przekonać dyrektora domu opieki, że spotkania z końmi są bezpieczne i przemyślane, a jednocześnie zachęcić darczyńców do wsparcia. Stowarzyszenie potrzebowało też prostego sposobu, żeby samo odpowiadać na zgłoszenia i zmieniać treści.
Jak przebiegła produkcja
Stronę ułożyliśmy jak fotoreportaż redakcyjny: duże zdjęcia z prawdziwych spotkań, sekcje na pełną szerokość i kucyki na pierwszym planie. Paletę oparliśmy na fiolecie i bursztynie, a nagłówki złożyliśmy szeryfowym krojem Fraunces z odręcznym akcentem Caveat.
Treść poprowadziliśmy od pytań placówki: kim jest stowarzyszenie, dlaczego spotkania z końmi działają, jak wyglądają i jak zadbano o bezpieczeństwo. Każdy etap ma swoją podstronę, a referencje placówek z logotypami domykają decyzję przed kontaktem.
Stronę zbudowaliśmy w Next.js i TypeScripcie, z hostingiem na Vercel. Miękkie, organiczne kształty nie obciążają strony, więc ładuje się szybko, a przyciski dostały własny motyw śladu podków, który prowadzi wzrok do kolejnego kroku.
Przycisk „Wesprzyj wyprawy” w nawigacji otwiera okno z odbiorcą, numerem konta i tytułem przelewu, a każde pole kopiuje się jednym kliknięciem. Darczyńca nie musi niczego przepisywać ręcznie, więc łatwiej mu dokończyć przelew.
Zapytanie od placówki trafia do panelu ze statusem i równocześnie mailem do stowarzyszenia, więc żadne zgłoszenie nie ginie w skrzynce. Formularz wymaga zgody na przetwarzanie danych.
Stowarzyszenie dostało panel Optiweb CMS, w którym edytuje sekcje, wymienia zdjęcia, ustawia tytuły i opisy stron pod wyszukiwarkę i odpowiada na zgłoszenia, bez pomocy programisty.
Zamów bezpłatną konsultację
Zadaj nam dowolne pytanie, wystarczy, że klikniesz poniższy przycisk i skontaktujesz się z jednym z naszych specjalistów.