Референсы для дизайна сайтов и интерфейсов

Галерея сайтов с фильтрами по типу страницы и отдельных секций: первые экраны, тарифы, портфолио, блоги.

Кому: маркетологам и дизайнерам перед ТЗ на лендинг.

Тёмные сайты с фильтром по типу проекта: агентства, ИИ, софт, железо, Web3, личные. Можно сортировать по новизне и популярности.

Кому: тем, кто делает сайт в тёмной гамме и ищет похожие примеры.

Подборка сайтов только в тёмной теме: скриншот, название и ссылка на живой сайт. Фильтров нет, лента листается по страницам.

Кому: дизайнерам, которые собирают референсы для тёмного интерфейса.

Экспериментальные сайты студий и портфолио с пояснением, чем цепляют: ховеры, анимация шрифта, навигация при скролле. Есть архив за прошлые годы.

Кому: дизайнерам, которым нужны нестандартные идеи для взаимодействий.

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

Кому: продакт-менеджерам и UX-дизайнерам.

Видеозаписи пользовательских сценариев в приложениях и на сайтах: онбординг, оплата, бронирование, а также скриншоты экранов и писем. Доступ платный.

Кому: продакт-менеджерам и UX-дизайнерам перед проектированием сценария.

Референсы веб- и мобильных интерфейсов с поиском по элементам: как другие сделали таблицу, фильтры или пустой экран.

Кому: дизайнерам продуктов и сервисов.

Больше 2000 записей анимаций и микровзаимодействий из iOS-приложений и веба. Фильтры по жестам, паттернам, эффектам и элементам интерфейса. Есть PRO-доступ.

Кому: моушн- и продуктовым дизайнерам, которые продумывают анимацию.

Библиотека мобильных и веб-приложений: больше 120 тысяч экранов и тысяча пользовательских сценариев. Регистрация бесплатная, сценарии — в платном PRO.

Кому: продакт-менеджерам и UX-исследователям при анализе конкурентов.

Разборы тёмных паттернов в интерфейсах известных компаний: навязанные галочки, сложная отписка, ложный дефицит. Статьи размечены по типу уловки.

Кому: UX-дизайнерам и маркетологам, которые проверяют воронку на честность.

Мелкие детали интерфейсов, которые запоминаются: переходы, пасхалки, анимации, страницы 404. Каждая деталь разобрана на отдельной странице с метками.

Кому: продуктовым дизайнерам, которые ищут, чем удивить пользователя.

Каталог дизайн-систем крупных компаний, их компонентов и основ: цвет, типографика, доступность. Статьи бесплатно, файлы и гайды — в платной подписке.

Кому: дизайнерам и командам, которые строят свою дизайн-систему.

Подборка призывов к действию с сайтов: кнопки, формы, поп-апы, подписки, блоки с тарифами. Можно отфильтровать по отрасли и типу CTA.

Кому: маркетологам и дизайнерам, которые дорабатывают конверсионные блоки.

Первые экраны реальных сайтов с разбором текста, раскладки и визуала. Метки по отрасли, раскладке, типу CTA, аудитории и шрифтам.

Кому: маркетологам и копирайтерам, которые пишут первый экран.

Навигационные меню реальных сайтов со скриншотами. Фильтр по типу: выпадающие, мега-меню, боковые панели, поиск, полноэкранные, хлебные крошки.

Кому: веб-дизайнерам, которые проектируют меню и шапку сайта.

Страницы тарифов реальных сервисов со скриншотами. Фильтры по элементам: таблица сравнения, карточки тарифов, переключатель месяц/год, калькулятор.

Кому: маркетологам и продактам, которые собирают страницу цен.

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

Кому: веб-дизайнерам и верстальщикам, которым нужен пример конкретного эффекта.

Сотни первых экранов сайтов: стартапы, SaaS, агентства, портфолио. Фильтров на главной нет, есть поиск. Проект теперь входит в ScreensDesign.

Кому: маркетологам и дизайнерам, которые ищут подачу первого экрана.