Figma - projekt sekcji Hero dla nowej strony WSBMiR
Będziemy pracowali w oparciu o poprzednio zrobiony wstępny projekt strony w Figmie. Na jego podstawie stworzymy idealną sekcję Hero dla strony WSBMiR
Treść Zadania
Przygotuj sekcję Hero dla nowej strony WSBMiR. Skup się na wytycznych projektu i planie działania. Celem jest stworzenie sekcji Hero w wersji Desktop (opcjonalnie Mobile) i zaprezentowanie ich na slajdzie Full HD. Dokładnie tak jak przykładowe UI Challenge publikowane w serwisie Behance:
Główne elementy sekcji Hero
Możliwa późniejsza modyfikacja. W początkowej fazie projektu podczas szukania inspiracji, przygotowywania wstępnych koncepcji graficznych, dobrze jest mieć jasno ustalony cel zawierający konkretne informacje. Staraj się kierować wytycznymi projektu, dopiero później modyfikuj i dodawaj coś od siebie:
Nawigacja - Nav
Obecna nawigacja na stronie WSBMiR jest krótka i zwięzła. Można ją przełożyć prawie 1 do 1 na nowy projekt. Główne sugestie to usunięcie niepotrzebnej podstrony Storna Główna oraz dodanie CTA w postaci Button'a z opcją zapisu na studia.
Header
Obecny: "Oryginalna & Odważna koncepcja studiów"
Nagłówek może zawierać przykładowe zwroty
- "Rozwiń swój talent w świecie mediów i reklamy!""Kreuj przyszłość mediów, reklamy i biznesu – zacznij swoją przygodę z WSBMiR!"
- "Razem kreujmy przyszłość mediów i reklamy!"
- "Oryginalne praktyczne studia w Warszawie"
- "Zostań Twórcą w Świecie Mediów i Reklamy"
- "Studia inne niż wszystkie"
- "Kreuj przyszłość mediów, reklamy i biznesu – zacznij swoją przygodę z WSBMiR!"
Sam zaproponuj nagłówek. Pamiętaj, zrób to Tylko w przypadku jeżeli masz dobrze wstępnie opracowany projekt graficzny. Dodatkowo może taki nagłówek jest zupełnie niepotrzebny? To dość odważnie posunięcie, ale może gra typografią prezentująca nazwę uczelni, bądź poszczególne litery nazwy może być ciekawym rozwiązaniem. Jest to mi nimalistyczne podejście, ale przy dodaniu odpowiedniego subheadera, jest to ciekawa alternatywa
Subheader
Nie musisz go używać. Można fajnie rozegrać Hero jednym dużym nagłówkiem. Mimo wszystko warto zapoznać się z propozycjami Subheadera. Jeżeli uwzględniasz w swoim projekcie dodatkowy tekst wspomagający to w tym przypadku:
Obecny: "Jedyna taka uczelnia w swoim rodzaju Kształcimy naszych studentów w zakresie reklamy, marketingu i sztuki"
Nagłówek może zawierać przykładowe zwroty:
- "Nasza Uczelnia to idealne miejsce dla kreatywnych osób. Dołącz do nas i odkryj, jak możesz zmienić swoje pasje w karierę zawodową"
- "Naszą misją jest kształcenie liderów branży kreatywnej, oferując programy nauczania dostosowane do dynamicznie zmieniającego się rynku"
- "WSBMiR - Twoja Przyszłość w Branży Kreatywnej"
- "Kształtujemy Liderów Branży Kreatywnej"
- "Praktyczne studia licencjackie w centrum Warszawy. Dołącz do społeczności przyszłych ekspertów reklamy, mediów i komunikacji"
CTA
Jeden lub dwa przyciski. Raczej CTA w postaci Button'a w tej sekcji jest obowiązkowe. Naturalnie lejek sprzedażowy powinien w tym obszarze kierować do sekcji zapisu na studia, lub zobaczenia poszczególnych specjalizacji (o ile strony są efektowanie przygotowane i mogą bardziej zaangażować użytkownika). Raczej zwroty na przyciskach młodzieżowe, zachęcające do akcji w luźny sposób
Przykładowe CTA:
"Dołącz do Nas"
"Wybierz Specjalizacje"
"Nasze Specjalizacje"
"Zostań Studentem"
"Zmień Swoją Przyszłość"
"Rozpocznij Przygodę"
Oczywiście można też zastosować klasyczne formy tekstów na przyciskach, mniej bezpośrednie.
Plan pracy
Czas 75 min + czas w domu prezentacja projektu 26.03
- 15 min - inspiracje
- 15 min - ostateczny wybór tekstów i wstępny układ
- 45 min - Design
