Загальна інформація
Сайт, для якого потрібно розробити компонент, — це онлайн-щоденник / фотоальбом.
Основною одиницею контенту є подія, яка має обовʼязкові поля назва та дата, а також може містити довільну кількість фотографій та/або відео (YouTube).
Завдання
Необхідно розробити UI-концепт одного інформаційного блоку, який представляє один календарний рік на сторінці зі списком років.
На сторінці може бути від одного до багатьох таких блоків.
Додаткові матеріали
Посилання на тестовий сайт із робочою концепцією (без фінального дизайну), щоб краще зрозуміти контекст:
https://dev.d2t9399masopce.amplifyapp.com/demo
Також додаю зображення поточного дизайну — лише як довідковий матеріал. Можна орієнтуватися на нього, але бажано запропонувати власне бачення цього блоку.
Стиль дизайну
Без жорстких обмежень — на розсуд дизайнера.
Загальний настрій: теплий та/або мінімалістичний (як орієнтир, а не вимога).
Я відкритий до нестандартних ідей та власного бачення.
Компоненти блоку
Обовʼязкові елементи
- Рік (наприклад: 2023)
- Лічильник подій. Формат значення: 1–4 символи (від 1 до 999+).
Якщо в році немає подій — такий рік просто не відображається на сторінці.
Опціональні елементи
- Фото обкладинки
Користувач сайту обирає обкладинку зі своїх фотографій. У деяких років обкладинка може бути відсутня — тоді відображається картинка за замовчуванням.
Для конкурсної роботи можна використати будь-яку стокову, власну фотографію або умовну картинку.
Для цієї задачі можна ігнорувати різні співвідношення сторін фотографій і використати формат зображення, який найкраще підходить для вашого рішення. - Лічильник фотографій (0–999+)
- Лічильник відео (YouTube) (0–999+)
У конкретному році може не бути фотографій та/або відео.
У конкурсній роботі бажано показати варіант з усіма трьома лічильниками (події, фото, відео), але дизайн має залишатися гармонійним у випадку, якщо певний лічильник відсутній або має значення 0.
Подання лічильників
Лічильники можна:
- відображати текстом та/або іконками;
- комбінувати між собою;
- розміщувати в будь-якому порядку та в будь-якій частині блоку.
Якщо використовується текст — англійською мовою (events, photos, videos тощо).
Пристрої та розміри
Повноцінну адаптацію під мобільні пристрої робити не потрібно.
Важливо лише, щоб сам блок мав адекватну ширину і міг бути використаний у мобільному інтерфейсі без повної переробки.
Шрифти та кольори
Можна використовувати будь-які шрифти та кольори, доступні для вебу.
Допускається використання платних шрифтів.
Формат здачі
Figma (бажано) або зображення
Критерії оцінки (орієнтовні)
- загальне візуальне враження та цілісність;
- читабельність і зрозумілість блоку;
- застосовність рішення в реальному продукті.
Подальша співпраця
Цей конкурс використовується для пошуку дизайн-підходу.
У разі взаємного інтересу можлива подальша співпраця над дизайном сайту вже у форматі окремого проєкту.
