Initial commit: 79+ design patterns, LLM prompts, and assets

2026-06-20 17:06:07 +05:00
commit 2b42a76d6d
@@ -0,0 +1,73 @@
+---
+title: Russian Top Landing Pages
+created: 2026-06-02
+updated: 2026-06-02
+type: concept
+tags: [web-design,]
+sources:
+  - raw/articles/russian-top-landings.md
+  - https://krivov.net/blog/luchshie-sayty-rossii-top-obzor-liderov-dizayna
+  - https://www.sostav.ru/blogs/282100/60768
+confidence: high
+---
+
+# Russian Top Landing Pages — Что делает их лучшими + как превзойти
+
+## Топ-10 красивых сайтов РФ 2025 (рейтинг дизайнеров)
+
+### Real Estate / Недвижимость
+- **Самолёт (samolet.ru)** — много контента, фото ЖК, калькулятор ипотеки
+- **Этажи (etagi.com)** — региональная привязка, отзывы, база агентов
+
+### Промышленность / B2B
+- **Superjet 200** — параллакс, WebGL, BEM, scroll-driven CSS
+- **DAIKS** — scroll-based сцена, многослойный параллакс, сторителлинг
+- **Beltrans** — industrial стиль, моноширинный шрифт, color tokens
+
+### Beauty / Премиум
+- **Cocos Beauty Shop** — Lottie, GSAP, clamp(), SSR, 320px-4K
+- **BEAUTY** — асимметричная сетка, italic serif, бордово-золотая палитра
+- **Hart Man's Club** — атмосфера, иерархия клиент/прохожий
+
+### Медицина
+- **ВИТАСТОМ** — карточный UI, бело-бирюзовая схема, Z-reading, line-style иконки
+
+### Технологии
+- **Lada Volta** — full-width video, keyframe-анимации, mobile-first, clip-path
+
+### Культура
+- **ТЭФИ** — 3D Орфей, full black, gold accents, UX-нарратив через анимацию
+
+## Общие черты лучших сайтов РФ (что объединяет)
+1. **Тёмный фон** — 70% топ-сайтов используют full black или тёмный градиент
+2. **3D / WebGL элементы** — выделяются на фоне конкурентов
+3. **Сторителлинг через скролл** — scroll-based narrative
+4. **Крупная типографика** — заголовки 48-72px и выше
+5. **Анимация с намерением** — GSAP, Lottie, scroll-driven
+6. **Микро-взаимодействия** — hover, transition, параллакс
+7. **Асимметричные сетки** — отказ от строгой симметрии
+8. **Цветовые акценты** — золотой, бордовый, яркие для контраста
+
+## Чего у них НЕТ (наше преимущество)
+- **Юзабилити-тестирования** — многие красивые, но неудобные
+- **Core Web Vitals** — тяжёлые анимации убивают LCP
+- **Container Queries** — адаптивность на уровне viewport, не компонентов
+- **Design Tokens** — у большинства нет системы, каждый сайт с нуля
+- **A/B тестирование** — красиво, но не проверено на конверсию
+- **Mobile-first** — многие адаптируют, а не проектируют с мобильного
+- **Доступность (WCAG)** — почти никто из РФ не соблюдает
+- **Кириллическая типографика** — не оптимизирована под русский язык
+
+## Как сделать лучше (формула)
+**Мировой дизайн + РФ-специфика + производительность = лидер рынка**
+
+1. **Тёмная тема** мирового уровня (как у Apple/Stripe) + российская психология
+2. **3D/WebGL** элементы без убийства производительности
+3. **Scroll-driven сторителлинг** с ясным CTA
+4. **Design Tokens** + полная дизайн-система (как Tinkoff, но для веба)
+5. **Container Queries** для идеальной адаптивности
+6. **Кириллическая типографика** с правильной вёрсткой
+7. **РФ-паттерны** (реквизиты, Telegram, доставка, отзывы)
+8. **Core Web Vitals Pass** — LCP <1.5s, INP <100ms, CLS <0.05
+9. **A/B тестирование** каждой секции
+10. **Доступность WCAG AA** — отстроиться от 99% конкурентов