Роботою задоволений, дизайн добре передає ідею приватного щоденника та роботи зі спогадами, блок виглядає цілісно та гармонійно при розміщенні поруч із іншими роками, концепт добре масштабується та виглядає придатним для подальшого розвитку продукту, кольорове рішення не втомлює очі при тривалому перегляді
Ogólne informacje
Strona, dla której należy opracować komponent, to internetowy dziennik / album fotograficzny.
Podstawową jednostką treści jest wydarzenie, które ma obowiązkowe pola tytuł i data, a także może zawierać dowolną liczbę zdjęć i/lub wideo (YouTube).
Zadanie
Należy opracować koncepcję UI jednego bloku informacyjnego, który przedstawia jeden rok kalendarzowy na stronie z listą lat.
Na stronie może być od jednego do wielu takich bloków.
Dodatkowe materiały
Link do strony testowej z działającą koncepcją (bez finalnego projektu), aby lepiej zrozumieć kontekst:
https://dev.d2t9399masopce.amplifyapp.com/demo
Dołączam również obraz bieżącego projektu — tylko jako materiał referencyjny. Można się na nim wzorować, ale zaleca się zaproponowanie własnej wizji tego bloku.
Styl projektu
Bez sztywnych ograniczeń — według uznania projektanta.
Ogólny nastrój: ciepły i/lub minimalistyczny (jako wskazówka, a nie wymóg).
Jestem otwarty na nietypowe pomysły i własną wizję.
Komponenty bloku
Obowiązkowe elementy
- Rok (na przykład: 2023)
- Licznik wydarzeń. Format wartości: 1–4 znaki (od 1 do 999+).
Jeśli w roku nie ma wydarzeń — taki rok po prostu nie jest wyświetlany na stronie.
Opcjonalne elementy
- Zdjęcie okładki
Użytkownik strony wybiera okładkę ze swoich zdjęć. W niektórych latach okładka może być nieobecna — wtedy wyświetlane jest zdjęcie domyślne.
Do pracy konkursowej można użyć dowolnego zdjęcia stockowego, własnego zdjęcia lub ilustracji.
W tej zadaniu można zignorować różne proporcje zdjęć i użyć formatu obrazu, który najlepiej pasuje do Twojego rozwiązania. - Licznik zdjęć (0–999+)
- Licznik wideo (YouTube) (0–999+)
W danym roku mogą nie być zdjęć i/lub wideo.
W pracy konkursowej zaleca się pokazanie wariantu ze wszystkimi trzema licznikami (wydarzenia, zdjęcia, wideo), ale projekt musi pozostać harmonijny w przypadku, gdy dany licznik jest nieobecny lub ma wartość 0.
Prezentacja liczników
Liczników można:
- wyświetlać tekstem i/lub ikonami;
- łączyć ze sobą;
- umieszczać w dowolnej kolejności i w dowolnej części bloku.
Jeśli używany jest tekst — w języku angielskim (events, photos, videos itp.).
Urządzenia i rozmiary
Nie ma potrzeby pełnej adaptacji na urządzenia mobilne.
Ważne jest tylko, aby sam blok miał odpowiednią szerokość i mógł być używany w mobilnym interfejsie bez pełnej przeróbki.
Czcionki i kolory
Można używać dowolnych czcionek i kolorów dostępnych w sieci.
Dopuszcza się użycie płatnych czcionek.
Format oddania
Figma (preferowane) lub obraz
Kryteria oceny (orientacyjne)
- ogólne wrażenie wizualne i spójność;
- czytelność i zrozumiałość bloku;
- przydatność rozwiązania w rzeczywistym produkcie.
Dalsza współpraca
Ten konkurs jest wykorzystywany do poszukiwania podejścia projektowego.
W przypadku wzajemnego zainteresowania możliwa jest dalsza współpraca nad projektem strony w formie osobnego projektu.
Роботою задоволений, дизайн добре передає ідею приватного щоденника та роботи зі спогадами, блок виглядає цілісно та гармонійно при розміщенні поруч із іншими роками, концепт добре масштабується та виглядає придатним для подальшого розвитку продукту, кольорове рішення не втомлює очі при тривалому перегляді
-
Dmytro Sviatskyi 25 grudnia 2025Доброго дня, Юрій.
Не могли б ще продовжити конкурс, на декілька днів?
-
Yurii Vakulik
25 grudnia 2025
Вибачте, Дмитро, але робіт вже й так занадто багато, дуже важко обрати, так що продовжувати не буду (якщо це взагалі можливо на цьому сайті)
-
Vladyslav S. 26 grudnia 2025Могу вам подсказать: многие дизайнеры допустили ошибку в интерфейсе, расположив его прямо поверх изображения (особенно это касается светлого или темного текста на фоне).
Протестируйте шаблон на светлых и темных изображениях (или просто на черном и белом фоне).
Дело в том, что в реальности фото не всегда будут такими яркими и насыщенными, и на других вариантах элементов интерфейса просто не будет видно.
-
Vladyslav S. 26 grudnia 2025Вот простой пример распространенной ошибки: год нанесен на само фото белым цветом (или любым другим). И вот что случится, когда основной цвет фотографии совпадет с цветом года)
Читаемость упадёт)
-
Yuliia Tarasenko 28 grudnia 2025Контра: затемнення в області тексту + опційно progressive blur. В будь-якому подібному варіанті читабельність можна пофіксити)
-
Oleksandra Aleksandrova 26 grudnia 2025Якщо на те пішло, то ще в деяких роботах порушена колірна контрастність, тобто ті, у кого є вади зору, наприклад, якась форма дальтонізму, вони не зможуть побачити елементи інтерфейсу.