- 74 brands: airbnb, stripe, apple, figma, linear, vercel, etc. - 147 files: DESIGN.md + README.md per brand (~2.1 MB) - Each DESIGN.md contains structured brand analysis (colors, typography, components) - Updated 00-overview.md with new design-systems directory
44 lines
1.8 KiB
Markdown
44 lines
1.8 KiB
Markdown
---
|
|
title: Web Conversion Optimization
|
|
created: 2026-06-02
|
|
updated: 2026-06-02
|
|
type: concept
|
|
tags: [web-design, conversion]
|
|
sources:
|
|
- raw/articles/crawford-conversion-principles.md
|
|
- raw/articles/crawford-15-tips.md
|
|
- raw/articles/crawford-26-lessons.md
|
|
confidence: high
|
|
---
|
|
|
|
# Web Conversion Optimization — Конверсия и CRO
|
|
|
|
## 5 принципов (Crawford, анализ 1000+ сайтов)
|
|
|
|
### 1. Clarity Beats Design
|
|
Ясность — главный драйвер конверсии. Homepage за 2 секунды: Что это? Для кого? Что делать?
|
|
|
|
### 2. One Clear CTA
|
|
Одно первичное действие, повторённое по странице. Не путать пользователя выбором.
|
|
|
|
### 3. Social Proof > Design
|
|
Отзывы, кейсы, логотипы клиентов работают сильнее дизайна. "Это сработало для таких как я?"
|
|
|
|
### 4. Less Motion = More Impact
|
|
Минимализм снижает когнитивную нагрузку. Простота выделяет на фоне шума.
|
|
|
|
### 5. Micro Details Build Trust
|
|
Продуманный дизайн форм, кастомные иконки, тонкие UI-элементы. Создают ощущение профессионализма.
|
|
|
|
## Бенчмарки конверсии
|
|
- **2–3%** — средний по рынку
|
|
- **5–10%** — сильный результат
|
|
- **10%+** — исключительный (лендинги)
|
|
|
|
## Ключевые ошибки
|
|
- Слишком много CTA на странице
|
|
- Корпоративный жаргон вместо ясности
|
|
- Спрятанные цены
|
|
- Анимации ради анимации
|
|
- Проектирование "для себя", а не для клиента
|