---
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% конкурентов