Konkurs został przetłumaczony automatycznie. Zaloguj się lub zarejestruj się, żeby zobaczyć oryginał

Zadanie: Opracować projekt strony głównej serwisu (Figma)

Aktualna strona: asnu.net

Ogólne wymagania: 

  • Wszystkie strony publicznej części muszą poprawnie wyświetlać się na różnych urządzeniach i ekranach (komputery stacjonarne, tablety, smartfony) z obsługą nowoczesnych przeglądarek.
  • Jasna i zrozumiała struktura menu, sekcji i podsekcji, zapewniająca łatwy dostęp do kluczowych stron.
  • Przestrzeganie korporacyjnego stylu we wszystkich elementach interfejsu (https://www.asnu.net/pages/237/).

Na podstawie poniższych wymagań oraz istniejącej strony głównej (https://www.asnu.net) stworzyć projekt strony głównej (własne propozycje dotyczące elementów strony są mile widziane).

 

Header

Logo:

Powinno wspierać responsywne skalowanie (szczególnie dla urządzeń mobilnych).

Główne menu:

Przewidzieć punkty menu: Strona główna, O AFNU, Platforma edukacyjna, Dyskusje, Konsultacje, Baza wiedzy, Blog).

Powinno być wygodne i dostępne do nawigacji.

Dla punktu menu „O AFNU” zrealizować rozwijane menu, które zawiera punkty: Przewodnik, Struktura, Dokumenty AFNU)

Formularz wyszukiwania:

Powinien zawierać pole tekstowe do wprowadzania zapytania oraz przycisk uruchamiający wyszukiwanie.

Formularz wyszukiwania powinien być dostępny na wszystkich rozmiarach ekranu i, w razie potrzeby, rozwijać się w tryb pełnoekranowy na urządzeniach mobilnych.

Pasek językowy:

Powinien zawierać flagi lub wskaźniki języków do wyboru (ukraiński i angielski).

Pasek językowy powinien być intuicyjny i wygodny w użyciu na wszystkich rozmiarach ekranu.

Linki do stron rejestracji i logowania:

Powinny zawierać dwa przyciski lub linki: "Rejestracja" i "Logowanie".

Mogą być wyświetlane jako ikony lub przyciski dla wygody.

Po zalogowaniu te przyciski powinny zmieniać się na linki do profilu użytkownika i wylogowania.

Linki do stron w mediach społecznościowych:

Ikony z linkami do profili w mediach społecznościowych (Facebook, Instagram itp.).

Ikony powinny być jasne i łatwe do rozpoznania.

Responsywność:

Header powinien poprawnie wyświetlać się na wszystkich urządzeniach i być łatwy do nawigacji.

Elementy powinny skalować się lub zmieniać położenie, aby zachować wygodę użytkowania na urządzeniach mobilnych.

 

Footer

Informacje kontaktowe:

Powinny zawierać podstawowe informacje kontaktowe, takie jak adres, telefon, e-mail.

Dane kontaktowe powinny być klikalne (np. dla telefonów i e-maili) dla wygody użytkowników mobilnych.

Opcjonalnie dodać mapę z lokalizacją biura lub innych miejsc.

Przydatne linki:

Powinny zawierać linki do ważnych stron, takich jak:

Warunki korzystania – zasady korzystania z platformy.

Polityka prywatności – szczegóły dotyczące przetwarzania danych użytkowników.

Najczęściej zadawane pytania (FAQ) – odpowiedzi na popularne pytania.

Programy partnerskie – informacje dla partnerów lub programy lojalnościowe.

Przydatne linki powinny być uporządkowane, na przykład w kolumnach, dla wygody przeglądania.

Formularz subskrypcji:

Formularz do wprowadzenia adresu e-mail w celu subskrypcji wiadomości lub newsletterów.

Linki do mediów społecznościowych:

Ikony z linkami do profili w mediach społecznościowych (Facebook, Instagram itp.).

Ikony powinny być jasne i łatwe do rozpoznania.

Prawa autorskie i inne ważne informacje:

Tekst z informacją o prawach autorskich, na przykład "© 2024. AFNU. Wszelkie prawa zastrzeżone".

Responsywność:

Footer powinien poprawnie wyświetlać się na urządzeniach mobilnych, zachowując strukturę i wygodę.

Wszystkie elementy footera powinny być łatwo dostępne i wygodne do czytania na małych ekranach.

 

Asystent AI

Widget do otwierania asystenta AI

Widget powinien być umieszczony w rogu ekranu (w prawym dolnym rogu) i pozostawać widoczny podczas przewijania strony.

Widget powinien wyświetlać ikonę lub przycisk z oznaczeniem i tekstem "Asystent AI".

Powinien wspierać animację lub wskaźnik aktywności, które wskazują na gotowość do interakcji lub dostępność nowych informacji.

 

Body

Blok "Misja, wizja i wartości AFNU"

  • Lokalizacja: Blok powinien być umieszczony w górnej części strony, ponieważ ma robić pierwsze wrażenie o stowarzyszeniu.
  • Treść: Powinien zawierać krótki opis misji, wizji i wartości AFNU.
  • Projekt: Treść powinna być przedstawiona w formie atrakcyjnego elementu graficznego, który może zawierać obrazy lub ikony, aby podkreślić kluczowe wartości.
  • CTA: Przycisk z linkiem do strony z szczegółowymi informacjami o stowarzyszeniu.

Slider zapowiedzi

  • Lokalizacja: Po bloku z misją AFNU lub w górnej części strony.
  • Funkcjonalność: Slider z zakładkami do wyświetlania zapowiedzi:
    1. AFNU (główne wydarzenia stowarzyszenia);
    2. Oddziały regionalne (wydarzenia dotyczące oddziałów regionalnych);
    3. Komitety (zapowiedzi wydarzeń komitetów);
    4. Platforma edukacyjna (zapowiedzi wydarzeń edukacyjnych).
  • Wyświetlanie: Pokazywane są tylko zapowiedzi wydarzeń, które jeszcze się nie odbyły.
  • Archiwum: Powinno być link do strony archiwum zapowiedzi, aby przeglądać przeszłe wydarzenia.

Slider wiadomości

  • Funkcjonalność: Slider z zakładkami dla różnych kategorii wiadomości:
    1. AFNU;
    2. Oddziały regionalne;
    3. Komitety;
    4. Platforma edukacyjna.
  • Treść: Wyświetla do 5 ostatnich wiadomości w każdej zakładce.
  • Link: Powinien być przewidziany link do ogólnej strony wiadomości, gdzie można przeglądać wszystkie wiadomości.

Blok "Puls AFNU"

  • Treść: Powinien zawierać ogólne informacje statystyczne o działalności stowarzyszenia (liczba członków, oddziałów regionalnych, przeprowadzonych wydarzeń itp.).
  • CTA: Przycisk lub link do strony z rozszerzoną analizą.

Grupa zakładek

  • Struktura: Powinna być przedstawiona grupą zakładek, z których każda zawiera krótkie informacje i liczbę wpisów z możliwością szybkiego przejścia na odpowiednią stronę.
  • Zakładki:
    1. Rejestry (Rejestr członków AFNU, Rejestr nagrodzonych "Złotym znakiem AFNU", Rejestr Certyfikowanych Zarządzających Nieruchomościami (CPM) w Ukrainie itp.).
    2. Wydarzenia (zjazdy, rady, konferencje).
    3. Dokumenty.

Blok "Platforma edukacyjna"

  • Treść: Powinien wyświetlać kluczowe informacje o platformie edukacyjnej (na przykład opis dostępnych kursów, programów certyfikacji).
  • CTA: Przycisk z linkiem do osobnej strony platformy edukacyjnej w celu przeglądania pełnych informacji.

Blok "Certyfikacja"

  • Treść: Powinien zawierać krótki opis programów certyfikacyjnych oferowanych przez stowarzyszenie.
  • CTA: Przycisk z linkiem do strony z szczegółowymi informacjami o certyfikacji.

Blok "Nasi partnerzy"

  • Struktura: Slider z logo partnerów stowarzyszenia.
  • Funkcjonalność: Po najechaniu kursorem powinna być wyświetlana podstawowa informacja o partnerze (na przykład krótki opis lub specjalizacja).
  • Linki: Logo powinny być klikalne z możliwością przejścia na stronę partnera.

Blok "Popularne materiały"

  • Treść: Wyświetlane są publikacje, które są liderami pod względem liczby wyświetleń i oceny.
  • Maksymalna liczba materiałów: Nie więcej niż 5.
  • CTA: Przycisk do przejścia na stronę ze wszystkimi popularnymi materiałami lub pełną listą publikacji.

Interaktywna mapa

  • Funkcjonalność: Interaktywna mapa Ukrainy, która wyświetla informacje statystyczne o stowarzyszeniu według obwodów.
  • Zakładki: Zakładki do przełączania między typami informacji (na przykład, członkowie AFNU, oddziały, centra edukacyjne).
  • Interaktywność: Po najechaniu na dany obwód powinna być wyświetlana szczegółowa informacja o statystyce w tym regionie.
  • Skalowanie i nawigacja: Możliwość zmiany skali mapy dla dokładniejszego przeglądania regionów.


Inne szczegóły i teksty

  • Specjaliści, którzy chcą wziąć udział w konkursie, będą mieli odpowiedzi na pytania udzielane w korespondencji.