Реальный проект
YanomalnayaПортфолио графического дизайнера
Открыть сайт ↗(Задача)
Показать 7 проектов и больше сотни макетов, фото и видео так, чтобы сайт выглядел как работа самого дизайнера, а не как шаблон, и при этом оставался лёгкой статикой без фреймворков.
(Решение)
Композиция взята из макета Яны: её фото на лавандовых мазках, рисованные значки Ps/Ai/Id/Figma, засечковый курсив в заголовках. Живость дают SVG-фильтры и ролики, которые играют только при наведении. На каждый проект есть своя страница с галереей и просмотром на весь экран.
(Что внутри)
- SVG-фильтры: линии иконок дрожат, как нарисованные от руки, а мазки в hero текут, как свежая краска
- На карточке при наведении проявляется ролик-бумеранг, карточка наклоняется в 3D; на телефоне ролик играет, пока карточка в центре экрана
- Галерея проекта раскладывается кладкой по рядам, фото открываются на весь экран с листанием стрелками, клавишами и свайпом
- Страницы меняются без перезагрузки: обложка перетекает в шапку проекта. Есть тёмная тема и плавный скролл
Хотите похожий проект?
Расскажите о задаче — предложим решение и смету
Travesa
