Idź Pan w UI! #9 – sklep z winylami

wyzwanie kreatywne

Długo musieliście czekać na kolejne zadanie, wiem. Ale urlop, przerwa świąteczna i najzwyklejsze obowiązki sprawiły, że nie miałabym kiedy zorganizować streama z podsumowaniem. Dlatego wracam, z zadaniami, streamami i kolejnymi UIowymi wyzwaniami! Wpadajcie na lajwa w środę 18 marca, o 19:00!

O co chodzi w wyzwaniu?

Możecie wykorzystać zadanie jako inspirację do nowego projektu do portfolio, formę ćwiczenia lub wziąć udział w wyzwaniu, zrealizować zadanie i wysłać je do mnie w określonym terminie (podany poniżej). Ja przygotowuję Live Stream na kanale YouTube, gdzie omawiam nadesłane projekty – czyli robimy sobie spotkanie w formie korekty. Jeżeli jesteście ciekawi jak wyglądają takie spotkania online – zerknijcie na poprzednie lajwy. Więcej szczegółów odnośnie wysyłki projektów do wyzwania zamieściłam poniżej!

Bądź na bieżąco

Żeby być na bieżąco z zadaniami i informacjami o Live Streamach, najwygodniej dopisać się do newslettera, bo dzięki temu, prosto na maila dostaniecie każdą informację. Można po prostu śledzić bloga albo moje kanały na portalach społecznościowych, ale algorytmy bywają okrutne i jest szansa, że nie zawsze wyświetlą się wam powiadomienia o nowym zadaniu. Newsletter ten problem eliminuje.

Treść zadania

Temat: Sklep z winylami 

Deadline: 15 marca 2020 (do końca dnia)

Format: Wersja mobilnej strony (360×640) – niezastosowanie się do formatu wyklucza udział projektu w streamie

Cel zadania: Zadaniem jest zrobienie widoków: kategorii winyli „Rock” i widoku produktu, w sklepie internetowym z winylami. Taki trochę premium, dla kolekcjonerów, dla osób, które inwestują dużo w sprzęt muzyczny, są audiofilami i zbierają kolekcje winyli w swoich super dizajnerskich mieszkaniach.

Do zaprojektowania są więc dwa widoki – taki, który pokaże jak wyświetla się lista produktów (często nazywamy to listingiem produktów/product list) i taki, który skupi się na jednym (tak zwana karta produktu/product page).

Obowiązkowe elementy listy: 
– kategoria produktów,
– możliwość sortowania,
– filtrowanie,
– lista produktów z cenami, wykonawcą i tytułem płyty.

Obowiązkowe elementy widoku produktu:
– tytuł płyty,
– wykonawca,
– rok wydania,
– cena,
– możliwość dodania do koszyka,
– opis produktu,
– „zobacz także” (wraz z minimum trzema propozycjami)
– i miejsce na recenzje kupujących.

Również powinniście zaprezentować, gdzie użytkownik będzie mógł skorzystać w wyszukiwarki (kategoria Rock może mieć przecież masę różnych wykonawców), a także trzeba przewidzieć miejsce na nawigację – załóżmy, że w głównej znajdą się skróty do głównego widoku, listy kategorii, koszyka i profilu użytkownika.

Jak wziąć udział w wyzwaniu?

Po prostu zrealizujcie zadanie i wyślijcie projekt na zebzowego maila: byzebza@gmail.com* w tytule wiadomości wpisując „Idź Pan w UI! #9”. Nazwa pliku, który do mnie wysyłacie powinna zachować ten wzór: “Imię_Pierwsza litera nazwiska_numer projektu”, czyli w moim przypadku byłoby to np. Natalia_B_1.png. Nienazwane projekty nie będą brane do live streama!  
Jeżeli wysyłacie kilka wizualizacji (np. kilka ekranów) – określcie numerami w jakiej kolejności powinnam je oglądać i prezentować – to znacznie ułatwi mi też późniejsze streamowanie.

Zastrzegam, że przy dużej ilości zgłoszeń nie będę w stanie pokazać dokładnie każdego projektu. Zwróćcie uwagę na format pliku – przyjmuję jedynie projekty dostarczone w formatach .jpg i .png, .gif lub w formie linku do prototypu – to znów ułatwienie dla mnie, a mniejsze ryzyko, że przez różnorodność formatów pominę któryś z waszych projektów.

😎 Stworzyłam też kurs o UI

A jeśli interesuje was zagadnienie komponentów UI to zachęcam do wzięcia udziału w kursie dla Eduweb, który stworzyłam całkiem niedawno – opowiadam w nim o najpopularniejszych komponentach interfejsu graficznego!

* Przesyłając swoje projekty na maila wyrażacie zgodę na przetwarzanie swoich danych osobowych, w celu realizacji zadania domowego. Dzięki temu będę mogła się z Wami skontaktować, dopytać o szczegóły projektu i ustalić jak wiele informacji mogę podać o Was w czasie lajwa (możecie też występować incognito). Jednocześnie macie prawo dostępu do treści swoich danych oraz ich poprawiania, wycofania zgody na ich przetwarzanie w każdym czasie, jak również, że podanie tych danych było dobrowolne. Ot tyle tych nudnych formalności!

Zapis live streama

Zobacz też