Referest — примеры дизайна для ваших задач

Для насмотренности и работы над проектами

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

• Дизайнерам — искать визуальные направления, изучать интерфейсы и подбирать решения для конкретных экранов.
• Продуктовым и проектным командам — сравнивать пользовательские сценарии и обсуждать варианты интерфейса на понятных примерах.
• Заказчикам сайтов — собирать референсы для брифа и показывать, какое настроение, структура и детали им близки.

Что можно найти в каталоге

Для общего направления посмотрите страницы сайтов. Для работы над конкретным блоком — секции интерфейсов. Если важно понять последовательность действий, откройте пользовательские сценарии.

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

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

Как читать карточку референса

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

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

Умный поиск: начните с описания идеи

Когда вы знаете задачу, но ещё не выбрали категорию, попробуйте умный поиск. Опишите, что хотите найти: например, «минималистичный сайт архитектурного бюро», «яркий интернет-магазин косметики» или «страница с тарифами сервиса». Уточняйте запрос через тематику, тип страницы и визуальные детали.

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

Коллекции: от понравившегося примера к подборке

Коллекция объединяет референсы вокруг проекта, задачи или визуального направления. Можно собирать идеи для будущего сайта, варианты первого экрана, интересную типографику или примеры одного пользовательского сценария. Для создания и сохранения коллекций нужен аккаунт.

• Название и описание. Объясните, что объединяет примеры и на какие детали стоит обратить внимание.
• Приватные подборки. Храните рабочие идеи для себя и открывайте доступ по ссылке, когда нужно показать их другим.
• Публичные коллекции. Делитесь подборками в профиле и находите идеи в коллекциях сообщества. Понравившуюся публичную коллекцию можно сохранить.
• Соавторы. Приглашайте участников, чтобы собирать и редактировать подборку вместе.

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