neo/wow-design-wiki
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
master
wow-design-wiki/concepts/russian-top-landings-analysis.md
T
neo 76c4c5b4fe design-systems: add 74 brand DESIGN.md files (VoltAgent/awesome-design-md) 
- 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
2026-06-21 20:40:35 +05:00

4.5 KiB
Raw Permalink Blame History

title, created, updated, type, tags, sources, confidence
title created updated type tags sources confidence
Russian Top Landing Pages 2026-06-02 2026-06-02 concept
web-design
raw/articles/russian-top-landings.md
https://krivov.net/blog/luchshie-sayty-rossii-top-obzor-liderov-dizayna
https://www.sostav.ru/blogs/282100/60768
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% конкурентов
Reference in new issue View Git Blame Copy Permalink