Jak pokazać dorobek projektu firmom, które rozważają partnerstwo?

1. Trzy grupy odbiorców

   Stronę czytają trzy grupy. Młodzi uczestnicy szukają najbliższego wydarzenia i sprawdzają, czy projekt jest dla nich. Firmy rozważające partnerstwo chcą zobaczyć dorobek, a kandydaci do zespołu pytają, czym mogliby się zająć.

   Dlatego przycisk zapisu na najbliższe wydarzenie jest w pierwszym ekranie, a tuż pod nim pasek z nominacją do Złotego Wilka, liczbą uczestników i partnerów. Drugi przycisk prowadzi do sekcji o projekcie, z licznikami uczestników, regionów i lat działalności. Na telefonie, po przewinięciu pierwszego ekranu, przycisk zapisu zostaje przy dolnej krawędzi aż do stopki.

   Uczestnikom sekcja „Dla kogo” wylicza cztery warunki udziału, od wieku po chęć poznania podobnych osób, a galeria pokazuje warsztaty, prelegentów i networking z dotychczasowych spotkań. Przycisk zapisu powtarza się w menu i pod warunkami udziału, więc do wydarzenia prowadzi kilka dróg.

2. Jeden przewijany ekran

   Cała treść mieści się na jednej przewijanej stronie, od przedstawienia projektu i liczników, przez nagrody z olimpiady, najbliższe wydarzenie i galerię, po partnerów i nabór do zespołu. Nagrody są wymienione zaraz po przedstawieniu projektu, a przy każdej podpisana jest edycja olimpiady.

   Firmom sekcja partnerów wylicza cztery korzyści współpracy, od dotarcia do młodych odbiorców zainteresowanych biznesem po udział w warsztatach, prelekcjach i mentoringu, i kończy się zaproszeniem do rozmowy. Obok widać logotypy firm, mediów i instytucji, które wsparły projekt, razem z kartą wykonawcy strony.

   Kandydaci do zespołu znajdą cztery obszary pracy, od mediów społecznościowych i organizacji wydarzeń po pozyskiwanie partnerów i grafikę, oraz przycisk, który otwiera nową wiadomość z tematem zgłoszenia. Kontakt jest w stopce, z adresem e-mail, odnośnikiem do zapisów i profilami w mediach społecznościowych.

   Menu na telefonie wysuwa się jako panel i zamyka po wyborze pozycji. Strona ma odnośnik pozwalający pominąć nawigację, obsługę klawiaturą i opisy wszystkich zdjęć, a przy ograniczonym ruchu ustawionym w systemie wyłącza animacje.

3. Zapisy na wydarzenia

   Wydarzenia i zapisy zespół prowadzi na platformie Luma. Karta najbliższego wydarzenia jest osadzona w stronie i doczytuje się dopiero przy przewinięciu, nad nią znajduje się link otwierający wydarzenie osobno, a pod nią przycisk zapisu.

   Stronę zbudowaliśmy w czystym HTML i CSS, z krótkim własnym skryptem do menu, liczników i animacji, bez frameworka, zewnętrznych skryptów i pobieranych czcionek. Zdjęcia galerii mają lekki format AVIF z zapasową wersją WebP i wczytują się przy przewijaniu, a treść pozostaje widoczna nawet bez JavaScriptu. Jedyną treścią z zewnątrz jest karta wydarzenia, a połączenie ze stroną jest zawsze szyfrowane.

   Dane strukturalne opisują wyszukiwarkom organizację z jej nagrodami, wydarzenie i najczęstsze pytania. Polityka prywatności, regulamin i polityka cookies mają osobne podstrony, a błędny adres prowadzi na stronę z przyciskami powrotu i przejścia do wydarzeń. Stronę można też dodać do ekranu telefonu, bo ma własną ikonę i manifest.

• realizacja-seven.vercel.app

  
• 
• 
• 
• 
• 

Następny projekt

AlertMe

Securand sprzedaje ochronę osobistą w abonamencie, w której alarm z telefonu trafia do centrali z pozycją osoby, a dyżurny wysyła najbliższy wolny patrol.