# Дизайн-ревю Y Combinator: как сделать лендинг понятным за 5 секунд

Источник: https://www.youtube.com/watch?v=pqwOL6YfRIo
Канал: Y Combinator
Опубликовано: 02.05.2024

---

## Как сделать «убийственный» первый экран: разбор стартап-сайтов от Y Combinator
[[JUMP:0:00]]

Пользователь принимает решение остаться на сайте или уйти за считанные секунды. Если за это время стартап не доносит суть продукта, усилия по дизайну остальных страниц становятся бессмысленными. В новом выпуске «Design Review» ведущий и бывший CEO Dribbble Зак Анисо разобрали лендинги нескольких стартапов, чтобы понять, какие ошибки мешают конверсии и как «первое впечатление» влияет на бизнес.

---

## 🛑 Проблема «зашумленности» и когнитивной нагрузки
[[JUMP:1:04]]

Многие основатели совершают ошибку, перегружая первый экран (above the fold) множеством заголовков, анимаций и призывов к действию (CTA). 

*   **Artisan AI:** Сайт страдает от отсутствия иерархии. Два равнозначных блока с заголовками сбивают пользователя с толку. Вместо «цифровых работников» или «артизанов», которые требуют уточнения, стоило сделать один четкий заголовок, один подзаголовок и один призыв к действию.
*   **«Парадокс выбора»:** По словам Зака Анисо, обилие кнопок CTA часто приводит к тому, что пользователь не нажимает ни на одну из них.

## 🔄 Анимация: помощник или враг?
[[JUMP:4:38]]

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

*   **Удачный пример:** Компания **Bottomless** использует анимацию, чтобы привлечь взгляд к продукту (например, перечисление товаров: корм для собак, арахисовая паста), что помогает моментально считать сферу деятельности.
*   **Спорные примеры:**
    *   **Cloud Thread:** Чрезмерно быстрая анимация и обилие жаргона не дают понять суть решения. По мнению ведущего, пользователь видит «что-то сломалось», но не понимает, что именно и как сервис это исправляет.
    *   **Integrated Reasoning:** Вся верхняя часть страницы занята «волнистым фоном», ради которого пользователь вынужден ждать загрузки. Анимация текста, который движется боком, заставляет читателя напрягаться вместо того, чтобы считывать ценностное предложение.
    *   **Roll Stack:** Слишком много мелких деталей и движущихся элементов одновременно. Анимация отвлекает от сути — автоматизации подготовки презентаций, заставляя пользователя гадать, что значат иконки инструментов.

## 💡 Ясность против маркетинговых «флаффи-фраз»
[[JUMP:7:39]]

Самая распространенная болезнь — использование размытых фраз вместо описания конкретной проблемы.

*   **Cloud Thread:** Вместо того чтобы объяснить, как именно оптимизируется процесс, сайт оперирует абстракциями вроде «активируйте finops».
*   **Integrated Reasoning:** «Ваша лучшая работа не заслуживает ограничения скорости» — это чистый маркетинг без ответов на вопрос, чем занимается компания.
*   **Capacity:** Хороший пример лаконичности. Заголовок из пяти слов и подзаголовок из шести четко объясняют цель — сделать тепловой насос «умным». Единственный минус — отсутствие изображения самого продукта (аппаратное решение или софт?).

## 🌍 Контекст и техническая оптимизация
[[JUMP:18:34]]

Иногда сайт выглядит эстетично, но скрывает критически важную информацию или пренебрегает техническими стандартами.

*   **Локализация:** Стартап **Amp Stem** описывает себя как «фирму, движимую ценностями», но только в самом низу становится понятно, что компания работает в Нигерии. По мнению экспертов, это ключевой факт, который должен быть на самом виду.
*   **Скорость загрузки:** **Bert Labs** использует «тяжелые» изображения, что замедляет работу сайта. Зак Анисо подчеркивает: если сайт не загружается в первые 5 секунд, пользователь просто нажмет кнопку «назад». Кроме того, Google занижает позиции медленных сайтов в выдаче, так как мир перешел на мобильный интернет.