Дизайн, анімація та інтерактивні історії

Формати робіт

Одна практика — кілька форм

Проєкти розподілені за категоріями, які відображають різні способи роботи з темою, часом і цифровим середовищем.

Сайт marysaints.com — це портал-агрегатор, де матеріали зібрані в єдиний каталог за тематичними розділами. На головній сторінці можна побачити стрічку заголовків з ключовими словами, опис розділів та навігацію, яка допомагає швидко знайти потрібний тип контенту. Опис сторінки вказує на щоденні оновлення, що робить ресурс придатним для регулярного відвідування тим, хто стежить за публікаціями у сфері відео та інтерактивних матеріалів.

Дизайн сайту побудований на контрасті білого, світло-сірого та темного вугільно-сірого тла. Акцентний бірюзово-блакитний колір близько #0FA0A8 використовується для панелей пошуку, кнопок, іконок і маркерів категорій, тоді як чорний застосовується для блоку пошуку. Така палітра допомагає структурувати велику кількість матеріалів і робить інтерфейс зрозумілим без зайвих декоративних елементів.

Типографіка на marysaints.com — це системний гротеск, схожий на Helvetica Neue, Helvetica або Arial. Заголовки набрано напівжирним накресленням із середньою вагою, а основний текст — звичайною. Таке рішення практичне для контентного сайту з величезною кількістю заголовків і описів: воно забезпечує читабельність на малих екранах і не перевантажує сторінку декоративними шрифтами.

Розмітка має помірну щільність і комфортні відступи навколо текстових блоків. Картки розділів оформлені пласкими прямокутниками зі злегка заокругленими кутиками, без виражених тіней і градієнтів. Секції відокремлюються суцільними смугами суцільних кольорів — білою, світло-сірою або темно-сірою — а не рамками. Іконки витримані в простому лінійному стилі, переважно в акцентному бірюзовому кольорі.

Блок пошуку на головній сторінці виділено чорним тлом, що різко контрастує зі світлим оточенням. У ньому зібрані поширені пошукові запити, які допомагають відвідувачам перейти до популярних категорій матеріалів. Поле введення та кнопки мають майже прямі кути, а сам блок займає помітну частину першого екрана — таким чином пошук лишається доступним відразу після відкриття сайту.

Розділи каталогу охоплюють кілька форм подачі матеріалів. Інтерактивні роботи пропонують відповіді на запитання, міські путівники та візуалізації подій, які залучають глядача до взаємодії. Анімаційні проекти перетворюють статистику, соціальні питання та історичні теми на рух і послідовність. Такі формати створюють відчуття живої сторінки, де контент не просто читають, а переглядають і проходять.

Фільмові проекти в каталзі представлені окремим напрямом, серед якого згадуються роботи на кшталт 48hour film project, Good For Nothing, LED festival та Love it or Leave it. Цей блок об'єднує короткометражні та фестивальні ініціативи, що демонструють різні підходи до монтажу, темпу й візуальної мови. Матеріали такого типу зазвичай орієнтовані на глядачів, які цінують авторське бачення та експеримент.

Графічний напрям у каталозі зосереджений на дизайнерських та візуальних рішеннях, серед яких виділяються Adamksy та Popstar India. Такі проекти демонструють роботу з айдентикою, типографікою та композицією в межах сучасної візуальної культури. Блок вписаний у загальну систему плоских карток, тож візуальні матеріали виглядають частиною єдиного продукту, а не окремими вставками сторінки.

Пресовий розділ доповнює каталог матеріалами у форматі публікацій та висвітлень, зокрема згадками про Chicas Poderosas Miami. Він показує, що наповнення сайту не обмежується лише відео, а охоплює й ширший контекст подій, індустрії та локальних спільнот. Завдяки єдиній навігації, схожій типографіці й послідовномуuse бірюзового акценту всі категорії читаються як частини одного збалансованого сайту.