Realizacja

Redesign strony fundacji.

Od przestarzałej witryny z problemami motywu do nowoczesnej strony fundacji — storytelling, jasne ścieżki wsparcia i spójny motyw jasny/ciemny.

Zobacz stronę (dev)Porozmawiajmy o podobnym projekcie

Everyday Refugees — nowa strona fundacji

Czas trwania

2026

Typ projektu

Strona internetowa / Redesign

Klient

Everyday Refugees Foundation

Rola

Product design & development — redesign UX/UI, front-end Next.js, motyw jasny/ciemny, ścieżki donacji i zaangażowania

Kontekst projektu

Everyday Refugees Foundation dokumentuje, edukuje i wspiera uchodźców oraz społeczności lokalne od 2015 roku. Dotychczasowa strona była przestarzała i borykała się z niespójnym motywem — utrudniało to czytanie historii, nawigację i dotarcie do donacji. Redesign zbudowaliśmy od nowa na Next.js: pełnoekranowy hero, sekcje z danymi i historiami, ścieżki „Donate / Get involved” oraz przełącznik light/dark bez regresji layoutu.

Małe, codzienne działania — opowiedziana historia, wsparcie, gest — składają się na przywróconą godność.

Wyzwania

Stara witryna nie oddawała wagi misji fundacji. Motyw, typografia i struktura treści utrudniały przekaz i konwersję na wsparcie.

Przestarzały wygląd i motyw

Niespójny theme, problemy z kontrastem i layoutem — zwłaszcza przy przełączaniu trybu jasnego/ciemnego — psuły wiarygodność marki.

Słaba hierarchia treści

Historie, dane o przesiedleniach i wezwania do działania ginęły w gęstej, nieczytelnej strukturze zamiast prowadzić użytkownika krok po kroku.

Ścieżka do wsparcia

Donate i Get involved musiały być oczywiste na każdym etapie scrolla — bez tarcia i bez „szukania przycisku”.

Strona, która niesie misję

Nowy serwis łączy emocjonalny storytelling z jasną strukturą: projekty, dane, donacje i zaangażowanie w jednym rytmie.

Hero i storytelling

Pełnoekranowy hero z fotografią i klarownym przekazem misji — od razu widać, kim jest fundacja i jak można pomóc.

Dane i historie

Sekcje „Beyond the numbers” oraz latest stories — liczby o przesiedleniach obok konkretnych historii z projektów i kampanii.

Donacje i zaangażowanie

Moduł wsparcia (one-time / monthly), CTA Donate / Volunteer / Share oraz spójne linki w nawigacji i stopce.

Motyw jasny / ciemny

Przełącznik motywu bez regresji layoutu — spójne kontrasty, typografia i komponenty w obu trybach.

Proces

Jak dochodziliśmy do rozwiązania — krok po kroku.

01
Audit starej witryny
Mapa problemów motywu, UX i treści — co blokuje czytanie historii i ścieżkę do donacji.
02
Nowa struktura i UI
Hierarchia sekcji, komponenty, light/dark, CTA i mobile-first layout pod misję NGO.
03
Build i dopracowanie
Implementacja Next.js, treści, ścieżki Donate / Get involved i iteracje pod spójność motywu.

Efekt