сделать сайт для VFX студии, который не нужно часто обновлять
Ребята придумывали название и лого для VFX студии потому что нужно было что-то ставить в титры к фильму. А это говорит о том, что визуального языка у бренда нет и зацепиться сходу не за что.
Поэтому в референсах крен в сторону брутализма, on-product labeling с добавлением моноширинного шрифта (ничего не могу с собой поделать).
Первый заход через переодическую таблицу и свойства углерода, чтобы как-то расширить лор бренда.
Фидбек от клиента: мы пошли не в том направлении. Слишком много визаульного шума.
Делаем шаг назад и эксперементируем с лого.
Задача: из простых форм получить визуальные образы, за которые можно заципиться.
Пробуем снизить количество дизайн элементов, а то что остается — укрупнить. Фидбек: интересно, но не то.
Выбрасываем моноширинный шрифт. Оставляем гротеск и акцидентный шрфит из лого. Пробуем вальнуть несколько блоков.
Но теперь я недоволен результатом. За упрощением мы потеряли характер.
Садимся с клиентом за лайв сессию, где мы брейнштормим и я дизайню в прямом эфире. Пробуем проработать блок с основными услугами.
В результате получается интересный лейаут и новый элемент — линия под таким же углом, как и грань в логотипе.
Приходит идея сделать выравнивание по правому краю (небольшое количество контента позволяет). Идея в том чтобы поддержать направление движения в лого. Тем самым получаем динамичную верстку.
Чистим макет от лишних элементов. Оставляем три силовых линии: по правой части лого, по четвертой колонке (условный центр) и по правому краю макета.
Дальше переходим в webflow. Вёрстка → добавляем gsap анимацию → вайб кодим → возвращаемся к выравниманию по левому краю → выверяем анимацию буквально до пикселей.
Довольный клиент докидывает 50 тр бонусом (за упорство).