Фото з інстаграму з'вляються при ховері

https://www.juliocesar.work/about

Слайдер із розмитим варіантами по краях

https://monnos.com/

Імітація справжніх папірців

https://www.studioposen.be/

Блур заднього плану

https://www.sydneydancecompany.com/

Автоматичний скрол зображень

https://www.companionhome.com/

Змінюється колір бекграунда при перемиканні зображень

https://ijji.co/

Крафтові графічні елементи

https://oyafestivalen.no/

Тематичні іконки

https://www.smallsforsmalls.com/?ref=land-book.com

При переході в розділ "About" з'являється опитування, в ході якого йде розповідь "Про нас (студію)".
#interaction

А ви бачили, що в браузері під CTA каналу телеграма є кнопка "Preview channel"?

Змога покористуватись продуктом, хоча б частиною, допоможе юзеру визначитись, чи йому це потрібно.

Так от питання – помічали цю кнопку?
#interaction

А ці рєбята знають, як сфокусувати увагу на читанні тексту 🤟
#typography #interaction

Зуби в кнопці? Стрілка схожа на язик? 🙈
Аааа, стоп – це ж сайт стоматологічної клініки...

Такі дрібниці в дизайні роблять сайт особливим. А ще, коли вони вдало пов'язані з брендингом – просто космос ✨

Пацієнти точно захочуть записатись на прийом 👩‍⚕️

#tips #interaction

Не знаєте який віжуал додати до опису послуг на сайті? 🤷‍♂️ – Ізі)

1. Беремо гіфку
2. Додаємо бігаючий рядок (бегущая строка)
3. Загортаємо в круглу маску
4. Накладаємо кольоровий фільтр
5. І навколо всього цього має бути лоадер
Вуаля!🥳

По-моєму, рішення геніальне + рецепт простий 😂
#fail #visual #content

Гайз, слідкуйте за якістю фото 🙏

Що робити, якщо немає адекватного, реального контенту?
– Запостити спочатку фейкові коментарі з неіснуючими людьми. Для цього можна використати фото, згенероване штучним інтелектом (http://bit.ly/2OO20en). Текст для відгуків теж можна згенерувати (http://bit.ly/2rijDdQ).

Краще, щоб це рішення було тимчасове, поки не отримаєте, або поки не зробите якісний, справжній контент.

#fail #content

Кнопка, не тікай! 🏃‍♂️
Текст, читайся! 👀

Залишайте кнопку відкриття та закриття меню в одному місці. Юзер не повинен бігати по екрану (як на відео).

Ще варто додати про розмір шрифту в параграфі (після блоку з іконками).
Усі кажуть 16-ий – ідеальний для комфортного читання на десктопі. Не завжди так, все залежить від X-height (http://bit.ly/35xIp8W) та особливостей зору читача. У цьому прикладі, особисто мені, треба напружувати зір та нахилятись до екрану ближче, щоб прочитати текст – так собі експіріенс... Тестуйте дизайн на друзях – хороший спосіб отримати швидкий та корисний фідбек.

Сайт дуже атмосферний! Відчуваєш себе дитиною, коли роздивляєшся ілюстрації. 👶

А вам комфортно читати цей текст на сайті?

#interaction #typography

Соррі, ам бусі / Зробити ласу 🤷‍♂️

Ви досі довіряєте плагіну Google Translate?

#fail

Еееее, куди ви мене ведете? 😡

Зазвичай такий паттерн використовують в розділі портфоліо – з однієї роботи пропонують перейти на наступну. Але в цьому випадку сайт примусово тебе веде на інший розділ, в такій послідовності, якій йому захотілось. Звідки впевненість, що після розділу Contact я буду дивитись Jobs і т.д.?

Не робіть вибір за юзера, коли він неочевидний. І навіть тоді – будьте з цим обережні.✌️

#patterns

Вертикальний текст 💩

Мені повернути голову, чи екран? Може трохи голову і чучуть екран? 🤷‍♂️
Для чого так знущатись над користувачами?

Особисто я, вважаю, що нехтувати юзабіліті на користь композиції, чи ще чогось, не можна і категорично проти цього.
Схоже, що Артем Горбунов зі мною солідарний, ось тут дає рекомендації дизайнеру, який хоче розмістити логотип вертикально. Дивіться також інші поради.

На сайті «БЮРО» також є дуже корисні книги.
Палець вверх, якщо хочете, щоб я зробив підбірку книг 😉

#fail #typography