Widoki
Każda karta otwiera działający widok. Ciemny pasek na górze widoków służy tylko do przeglądu (link do tej strony, na stronie Kontakt także stany formularza) i nie jest częścią strony.
-
Strona główna
/hero, Dlaczego to ważne, Nasze programy, Komu pomagamy, Współpraca z firmami, Partnerzy, Zespół, CTA
-
-
Ciastoterapia
/programy/ciastoterapia/metoda, zajęcia w zdjęciach, Co rozwija, Dla kogo, 5 form wdrożenia, Zostań edukatorem
-
Nakarmione Emocje
/programy/nakarmione-emocje/dieta a zdrowie psychiczne, Jak działa, 7 tematów, Kto prowadzi, Dla kogo
-
Zdrowe wybory - nie daj się reklamie
/programy/nie-daj-sie-reklamie/pełny tekst klientki: materiały do pobrania (ZIP), Projekt w skrócie, ekspertka, Cel programu, Wesprzyj, adnotacja MEN
-
Dla firm
/dla-firm/3 dokumenty klientki: korzyści, formy, 5 tematów warsztatów (#szkolenia), CSR (#csr), formularz
-
-
-
-
Szablon artykułu
/artykuly/wplyw-reklamy-na-dzieci/okruszki, meta, spis treści (desktop przyklejony, telefon akordeon), powiązany program
-
-
-
Dokument prawny
/standardy-ochrony-maloletnich/wariant dla standardów, polityki i regulaminu; treść dosłowna
-
Plansza systemu UI
tokeny, kontrast, typografia, siatka, wszystkie komponenty i stany, mapa komponentów Astro
Nawigacja i stopka
stany nagłówka i menu mobilnego, klawiatura, ARIA, kolejność focusu
Pełne makiety
Zrzuty całych stron z prototypu. Desktop pokazany w zmniejszeniu, telefon w skali 1:1. Przewijaj wewnątrz okna.
Stany formularza kontaktowego
Walidacja przy wysłaniu, potem przy opuszczeniu pola; podsumowanie błędów dostaje focus; sukces i błąd wysyłki ogłaszane czytnikom ekranu. Na żywo: strona Kontakt.
Co warto wiedzieć przed oceną
Treści
- Teksty z dokumentów klientki (Dla firm: 3 dokumenty w całości, w tym „Oddech i zimno”; „W sieci reklam” w całości) i z obecnej strony, bez skrótów.
- Sekcje bez danych pominięte, nie oznaczone jako braki: liczby efektów, opinie, logotypy firm, harmonogram KMO, FAQ, wyceny.
- Jedyny placeholder: neutralne miejsce na zdjęcie stockowe w tematach szkoleń dla firm.
- Teksty UI zaproponowane przez Ideavo: komunikaty formularzy, 404.
Zdjęcia
- Przypisane według tego, co przedstawiają, i porównane z obecną stroną.
- „W sieci reklam” pokazany tylko infografiką projektu; zdjęcia innych warsztatów nie udają tego projektu.
- Portret założycielki z poprawionego zestawu bio (Magdalena Przybyłka).
- Oryginały nienaruszone; w prototypie zmniejszone kopie.
SEO i adresy
- Adresy, H1 i meta zgodne z planem Jakuba; żadnych nowych adresów.
- Szkolenia i CSR to sekcje
/dla-firm/(#szkolenia,#csr). - Odstępstwa od planu nagłówków opisane w handoffie (rozdz. 10).
Do decyzji
- Adres płatności Stripe dla przycisków „Wesprzyj” (do przekazania przez fundację).
- Polityka prywatności dla foodandmind.org, zgoda newslettera, komunikaty formularzy.