#Flipping #FirstScreen

Сжатие и растяжение.

Очень люблю, когда бренд реализует метафору из айдентики не в качестве графики на сайте (колхозно тиражируя лого на фонах), а через анимации, используя весь интерактивный потенциал носителя. В данном случае можно увидеть, как компания буквально кричит о том, что двигает, переворачивает и трансформирует взгляды в мире новостей.

А еще порадовал баннер, где можно сразу посмотреть все превьюшки статей без перелистывания и перейти на нужную.

goodisthenewcool.com

#3D #Navigation

Что-то на брутальном.

Если потянуло на радикальное бунтарство, то всегда можно разбавить свой интерфейс огромным 3D кирпичом, который вращается по скролу, а на гранях показывает пункты меню.

Особенно подойдет, когда нужен грубый подход к дизайну и отказ от традиционных эстетических принципов.

michaelspeichert.com

#NDA

Любопытный способ продемонстрировать проекты, о которых нельзя говорить. При наведении происходит инверсия цветов, а главный персонаж вещает, что не может показать, но проект рили существует.

Мне также зашел необычный копирайтинг типа приветствия:
Еще одна выгоревшая душа за экраном

Сопровождающего кол ту экшена:
Прокрути, вздохни и выйди

и спасибо за честность в футере:
Made with hate
потому что совершенство не рождается из любви, оно выковывается из разочарования, одержимости и неустанного стремления к чему-то лучшему.

bleibtgleich.com

#ZoomScroll #Portfolio

Бесконечное масштабирование

Очень эффектный и простой в реализации прием, когда надо показать не только многообразие проектов, а например, рост команды, расширение матрицы услуг да и вообще использовать там, где нужна метафора глобального размаха.

Кстати, эта студия уже залетала в мою подборку с похожим Scalable решением , поэтому очень приятно видеть как они продолжают трансформировать фирменный подход, демонстрируя свой индивидуальный почерк.

ingamana.com

#Testimonials

Отзывы

Большинство продуктовых сайтов для блоков с отзывами используют классические карусели карточек, которые уже порядком приелись и вот ребята из Bürocratik подумали, а почему бы не вернуться к истокам и представить эту секцию в более достоверном и привычном для нас дизайнеров формате, а именно в виде уведомлений от радостных, входящих сообщений, которые приходят в ваши мессенджеры от клиентов.

К фону, конечно, есть вопросы, а вот идея гениальна, как и всё простое🌟

jeton.com

#ECOM

Возвращаемся в японскую культуру.

Ни для кого не секрет, как японцы умеют направлять типографику по вертикали, чтобы выражать искренние чувства, ведь текст как бэ написан от руки и это говорит об особом отношении к собеседнику (ну так они объясняют).
Но посмотрите, как они поворачивают фотографии на 90 градусов в интернет-магазине, с поддержкой вертикальной микротипографики, которая меняет цвет в зависимости от фона. При этом это все по-прежнему выглядит удобно, смело и очень необычно, а сам холст страницы воспринимается, как разворот глянцевого журнала. Вот это реально находка🤩.

dot-st.com

#HoverSlider #Banner #FirstScreen

Внимание!
Найден идеальный слайдер баннеров!

Только посмотрите на него, эффектно запрыгивает на логотип, плавно переключает контент по ховеру, как будто мягко касаешься клавиш фортепиано 🎹 и все это очень приятно, удобно (особенно на тачпадах) и без надрывов, как обычно бывает

entreautre.com

#EasterEgg

Пасхалки

Наверняка все вы видели этот прекрасный сайт с тщательно выверенными анимациями, красивыми композиционными решениями и великолепным портфелем. Однако, я уверен что мало кто нашел пасхалку, связанную со стремлением агентства достигать педантичности и точности в своих работах. Поэтому если вы нажмете Shift+G то появится сетка, которая покажет, что весь сайт идеально сверстан, подчиняется четкой дизайн-системе и это очень хорошая метафора продемонстрировать их желание достигать идеала в своей работе.

К сожалению, на сайте можно встретить и элементы, с которыми они промахнулись, поэтому кто первый их найдет получит бесплатный мокап от russianmockups.shop

justgowiththeflow.com