Idź Pan w UI! #16 – dashboard sklepu

Tworzenie mobilnej strony sklepu za nami. Dziś nadszedł czas na większe ekrany i nowy temat. Zerknijcie co przygotowałam, bo będzie ciekawie!

Czas na wzięcie udziału w wyzwaniu UI macie do 26 czerwca (do końca dnia), a niedługo później odbędzie się live stream, na którym podsumujemy wyniki pracy.

Co to jest wyzwanie UI?

Treść zadania możecie wykorzystać 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. Ja w niedługim czasie przygotowuję spotkanie online na kanale YouTube (by Zebza), gdzie omawiam wybrane projekty – czyli robimy sobie spotkanie w formie korekty.

Z nadesłanych projektów wybieram kilka. Pozwoli to pokazać lepsze i słabsze projekty, omówić dobre strony i popularne błędy. A przede wszystkim – będę mogła opowiedzieć wam więcej o dobrych praktykach i wzorcach. Dzięki temu, spotkania będą krótsze i bogatsze w wiedzę. Jeżeli jesteście ciekawi jak wyglądało takie spotkanie online ostatnio, to zerknijcie na Idź Pan w UI! #15

Jak dołączyć do wyzwania UI?

.

W pierwszej kolejności – wykonajcie zadanie 😎 A potem po prostu podeślijcie do mnie efekty. Jak? Przez formularz obok. Jeśli chcecie, możecie dodać krótki opis do projektu (niewymagany), natomiast obowiązkowo trzeba umieścić link do projektu. Ale jak to link? A no takto! Narzędzia do projektowania UI pozwalają na wygenerowanie linku do projektu – i właśnie taki link trzeba zamieścić w formularzu.

Zgłaszając się w ten sposób, łatwiej zapanować mi nad zgłoszeniami, jest mniejsze ryzyko, że coś mi umknie i przede wszystkim – na pewno dostaniecie ode mnie informację o nadchodzącym spotkaniu na żywo.

Treść zadania UI

Temat: Dashboard sklepu internetowego

Deadline: 26 czerwca 2021 (do końca dnia)

Format: projekt widoku strony na szerokość 1440 px

Cel zadania: Stworzenie widoku głównej strony panelu zarządzania małym sklepem internetowym. To strona widoczna jedynie dla osób obsługujących sklep internetowy, gdzie mogą znaleźć podsumowanie najważniejszych informacji. Dlatego tak ważne będzie postawienie na czytelność i dobre rozplanowanie informacji.

W tym zadaniu nie jest istotna marka czy branding firmy, która tworzy panel. Jest to uniwersalny panel, z którego może skorzystać zarówno sklep z notesami, jak i sklep z kosmetykami. Można zawrzeć mały element identyfikujący system, ale zanim się na niego zdecydujecie, warto przejrzeć jak robią to przykładowe rozwiązania (Woocommerce, Shopify, Shoplo i podobne).

Pamiętajcie, że szukając inspiracji nie trzeba ograniczać się tylko do dashboardów identycznych produktów. Znajdziecie je przecież w systemach bankowych, kontach użytkownika w sklepach internetowych, systemach blogowych czy analitycznych.

Jeżeli potrzebujecie przykładowych zdjęć, cen i nazw, możecie wykorzystać te z mojego sklepu designnoobs.com.

Obowiązkowe elementy takiego widoku to:

  • Nawigacja, w której powinny znaleźć się zakładki: strona główna (czyli tę, którą się projektuje w tym zadaniu), zamówienia, produkty, statystyki, promocje, ustawienia
  • Ostatnie zamówienia – lista składająca się z pięciu pozycji (data, kwota, lista produktów na zamówienia – może być więcej niż jedno, przekierowanie do szczegółów zamówienia)
  • Podsumowanie statystyk za ostatni miesiąc (aktywne koszyki – 132, sprzedaż brutto w tym okresie – 1245 zł, złożone zamówienia – 31, zakupione produkty – 72)
  • Informacja o kończących się stanach magazynowych trzech produktów (zdjęcie produktu, nazwa produktu, cena produktu, liczba sztuk – 3)
  • Najpopularniejsze produkty – cztery przykładowe produktu z liczbą zakupów

Chcesz być na bieżąco?

Żeby być na bieżąco z kolejnymi zadaniami i informacjami o spotkaniach na żywo, 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. Zapisz się do newslettera tutaj.

Zobacz też