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