neo
76c4c5b4fe
- 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
74 lines
4.5 KiB
Markdown
74 lines
4.5 KiB
Markdown
---
|
||
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% конкурентов
|