Idź Pan w UI #20 – strona przepisu

I oto nadeszło! Dwudzieste zadanie Idź Pan w UI! Nie wierzę, że udało nam się zrobić ich aż tyle. I że niezmiennie bierzecie w nich udział. Dzięki – bez was, ten format po prostu nie miałby sensu. Wciąż zastanawiam się jak go usprawnić. Wiem, że zależy wam na motywacji i feedbacku. Feedbacku niestety nie jestem w stanie dawać tak by było idealnie – odpisanie każdej osobie z osobna, z oceną projektu zajmuje bardzo dużo czasu. Tym bardziej, że nigdy nie wiadomo, czy udział w zadaniu weźmie osób 20 czy 50.

No ale przechodząc do zadania. Czas na wzięcie udziału w tym wyzwaniu UI macie do 7 listopada (do końca dnia), a kilka dni 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! #19.

Jak dołączyć do wyzwania UI?

Do tego zadania już nie można dołączyć – warto sprawdzić czy nie trwa właśnie nowe wyzwanie.

Treść zadania UI

Temat: Przepis na dyniowy placek

Deadline: 7 listopada 2021 (do końca dnia)

Format: projekt widoku strony mobilnej na szerokość 375 px

Cel zadania: Do wykonania jest widok mobilnej strony JedzLepiej z przepisami. A dokładniej podstrony z przepisem na dyniowy placek 😎 Czyli przyjemny i całkiem prosty temat. Oczywiście, jak zawsze, zachęcam was by na swoje potrzeby projektować więcej widoków.

Obowiązkowe elementy takiego widoku:

  • Elementy nawigacje (np. hamburger menu) i logo marki (może być zwykły napis JedzLepiej)
  • Wyszukiwarka
  • Tagi do wpisu: Dynia, Desery, Ciasta, Halloween
  • Zdjęcie główne przepisu (takie, które widoczne jest również na liście wszystkich przepisów)
  • Powrót do listy wszystkich przepisów
  • Ocena czytelników (np. 4,5 / 5 punktów) oraz informacja o liczbie głosów (2 345)
  • Treść przepisu – nazwa przepisu, składniki instrukcje + dodatkowe zdjęcia (możecie bazować na przepisach dostępnych w sieci, pod warunkiem, że zmienicie ich treść)
  • Komentarze czytelników (do komentarza można dodać zdjęcie swojego wypieku)
  • Dodatkowo pod wpisem warto zaplanować miejsce na zachętę do obejrzenia innych wpisów i zachęcić do odwiedzin portali społecznościowych autorki wpisu

Marka: JedzLepiej to strona internetowa Haliny Głodnej, która dzieli się przepisami z czytelnikami od wielu lat. Stworzyła sobie stabilną markę, wydaje książki kulinarne i miała kilka epizodów występując w śniadaniowej telewizji. Wszystkie przepisy na stronie są autorstwa jednej osoby. Wygląd strony powinien brać pod uwagę przede wszystkim fakt, że dużą część warstwy wizualnej tworzą estetyczne, apetyczne zdjęcia jedzenia. Warstwa wizualna nie może więc zbytnio przeszkadzać w odbiorze tych zdjęć.

Dodatkowo: Zdjęcia, które możecie legalnie wykorzystać w projektach znajdziecie chociażby na Unsplash, klikając tutaj. Pamiętajcie, że musicie mieć prawo do wykorzystania zdjęć nawet, jeśli projektujecie coś tylko do swojego portfolio (szukajcie zawsze materiałów na licencji CC0).

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ż