Cześć! Potrzebuję stworzyć stronę internetową dla Fundacji Charytatywnej. Strona ma być prosta, nowoczesna, łatwa w obsłudze i dobrze wyglądać na wszystkich urządzeniach. Główne materiały — logo, zdjęcia, teksty — dostarczę w trakcie pracy. Poniżej — co dokładnie należy zrealizować.
1. Jak ma wyglądać strona
Zadaniem strony jest krótko i zrozumiale opowiedzieć, kim jesteśmy, czym się zajmujemy, jakie projekty wspieramy, a także pokazywać nowości i raporty fundacji.
Styl — dobry, jasny, otwarty. Bez zbędnego patosu czy ciężkich elementów.
Kolory i identyfikację przekażę osobno, po uzgodnieniu.
2. Główne strony
Strona główna
Duży baner lub wideo z wydarzeń fundacji.
Krótki opis, czym zajmuje się fundacja.
Blok z aktualnymi projektami lub nowościami.
Kontakty i media społecznościowe.
Slogan: „Siła dobrych uczynków”.
O fundacji
Misja, wartości i kierunki działania.
Zespół (zdjęcia + krótki opis).
Dokumenty i roczne raporty w formacie PDF, które można otworzyć/pobrać.
Projekty
Lista projektów ze zdjęciami i krótkim opisem.
Status: aktywny lub zakończony.
Filtry według kierunków (sport, edukacja, wsparcie dzieci, społeczności).
Możemy dodać osobną stronę dla każdego projektu — w razie potrzeby.
Aktualności / Wydarzenia
Fotorelacje, wideo, nowości i zapowiedzi.
Możliwość filtrowania według tagów.
Prośba o pomoc
Formularz, w którym użytkownik może opisać swoją sytuację i załączyć plik.
Pola: Imię i nazwisko, telefon, email, treść prośby, pliki.
Kontakty
3. Aspekty techniczne
Pracujemy w Framer.
Główny język — polski, z możliwością dodania wersji angielskiej.
Proste podstawowe SEO (meta tagi, opisy).
Optymalizowane obrazy, szybkie ładowanie.
4. Funkcjonalność
Galeria zdjęć/wideo.
Aktualności z tagami.
Ładowanie dokumentów PDF.
Kalendarz wydarzeń (prosta wersja, jeśli pozwala Framer).
Opcjonalnie — interaktywna mapa z projektami (możemy zrobić później).
5. Panel administracyjny i zarządzanie
Ważne, aby w przyszłości można było bezproblemowo:
dodawać aktualności, projekty, wydarzenia;
aktualizować banery i zdjęcia;
ładować raporty;
podłączyć statystyki (Google Analytics / Meta Pixel).
6. Co przekażę po starcie
7. Wynik
Behance
