Wide Plains · сайт-консультант · этап 1 из 4

Три концепции главной страницы

Каждая концепция — рабочий прототип, а не картинка: первый экран, выбор цели, короткий подбор из трёх вопросов и персональный маршрут. В каждой работает переключатель RU / EN / ES — ответы при смене языка сохраняются. Код уже собран как вставка в блок T123 Tilda.

Выбрана концепция B. Главная страница в этом стиле: RU · EN · ES

Как смотретьОткройте прототип на компьютере и на телефоне, выберите цель и ответьте на вопросы — в конце появится маршрут.
Что сравниватьОщущение бренда, понятность выбора, доверие на первом экране и то, как выглядит результат.
Что пока условноТексты результата — черновик. Форма записи и CRM подключаются после выбора концепции.

Концепция A

Горизонт · editorial

Открыть прототип →

Светлая страница как разворот делового журнала. Главный мотив — линия горизонта: шесть целей стоят на ней как отметки, выбранная цель «прокладывает» путь по линии, а вопросы раскрываются под ней, как следующая страница. Результат оформлен как подготовленная записка консультанта.

Концепция A, первый экран на компьютере
Первый экран, 1440 px — выбор цели виден без прокрутки
Концепция A, первый экран на телефоне
Телефон, 390 px — горизонт становится вертикальной шкалой
Концепция A, персональный маршрут
Персональный маршрут — «записка консультанта»
Концепция A, вопрос на телефоне
Первый вопрос на телефоне
Концепция A, маршрут на телефоне
Маршрут на телефоне
Палитра
слоновая кость фирменный тёмно-синий бронза — только точки
Шрифты
Spectral (заголовки, с засечками) + Inter (фирменный, интерфейс). Обе — кириллица, латиница, испанские знаки, бесплатная лицензия OFL.
Графический мотив
Тонкая линия горизонта, полукруг «восхода» с координатами офисов.
Переход к подбору
Клик по отметке → линия дотягивается до цели → вопрос раскрывается сразу под горизонтом.

Сильные стороны

  • Самая спокойная и «интеллигентная» подача, много воздуха.
  • Узнаваемый собственный мотив, его нельзя спутать с шаблоном.
  • Результат читается как документ, а не как список карточек.

Риски

  • Подписи целей, разбросанные по линии, читаются чуть медленнее, чем список.
  • На первом экране нет человека — доверие придётся добирать ниже.

Концепция B

Private Office · глубокий синий

Открыть прототип →

Ощущение закрытого кабинета частного консультанта. Слева — крупная светлая типографика на фирменном тёмно-синем, справа — каменная «панель маршрута», которая выходит за край тёмного слоя. Над вопросами — путь из четырёх точек: Задача → Приоритет → Параметры → Маршрут. Рядом с заголовком — лицо эксперта. Результат открывается ниже как досье: тёмная обложка с выводом и светлый лист с аргументами.

Концепция B, первый экран на компьютере
Первый экран, 1440 px — все 6 целей видны списком
Концепция B, первый экран на телефоне
Телефон, 390 px — панель сразу под заголовком
Концепция B, персональный маршрут
Персональный маршрут — «досье»
Концепция B, вопрос на телефоне
Первый вопрос на телефоне
Концепция B, маршрут на телефоне
Маршрут на телефоне
Палитра
фирменный тёмно-синий камень слоновая кость золото — только тонкие детали
Шрифты
Prata (контрастная антиква для крупных смыслов) + Inter. Кириллица, латиница, испанский, лицензия OFL.
Графический мотив
Путь из четырёх точек на панели и тонкая линия маршрута по нижнему краю тёмного слоя.
Переход к подбору
Клик по цели → панель меняет содержимое, точка пути сдвигается → после трёх ответов досье открывается ниже.

Сильные стороны

  • Самый понятный выбор: шесть целей — обычный список с подсказками, всё видно сразу.
  • Прогресс всегда на виду — человек понимает, сколько осталось.
  • Доверие на первом экране: живой эксперт и офисы рядом с заголовком.
  • Эксклюзивность без «золота на чёрном».

Риски

  • Тёмный первый экран требует аккуратных фото ниже по странице — дешёвое фото здесь заметнее.
  • Шрифт Prata — один вес, для длинных заголовков нужна дисциплина в текстах.

Концепция C

Continental · точность

Открыть прототип →

Светло-серая монохромная страница с видимой сеткой из 12 колонок и картографической линией через офисы — Мадрид, Москва, Дубай. Цели выстроены как точная таблица; выбранная строка раскрывается в «прибор» с вопросом, а сверху собирается код маршрута — WP · INV · INCOME · 200-500 · M1-3. Результат — аналитическая сводка: таблица «фактор — ваш ответ — что это меняет».

Концепция C, первый экран на компьютере
Первый экран, 1440 px
Концепция C, первый экран на телефоне
Телефон, 390 px — карта свёрнута в полосу
Концепция C, персональный маршрут
Персональный маршрут — аналитическая сводка
Концепция C, вопрос на телефоне
Первый вопрос на телефоне
Концепция C, маршрут на телефоне
Маршрут на телефоне
Палитра
светлый серый графитово-синий бронза — активные состояния
Шрифты
Geologica (современный гротеск) + IBM Plex Mono для координат и меток. Кириллица, латиница, испанский, лицензия OFL.
Графический мотив
Сетка колонок, маршрут-дуга с координатами офисов, код маршрута.
Переход к подбору
Клик по строке → строка раскрывается в вопрос прямо в таблице → код маршрута дописывается с каждым ответом.

Сильные стороны

  • Сильнее всего подчёркивает аналитическую компетентность.
  • Таблица целей очень быстро сканируется.
  • Результат — самый «доказательный»: видно, как каждый ответ повлиял на вывод.

Риски

  • Холоднее остальных: меньше ощущения личного внимания и роскоши.
  • Моноширинные метки и коды могут показаться «техническими» части аудитории 45+.

Сравнение

По критериям ТЗ

КритерийA · ГоризонтB · Private OfficeC · Continental
Понятность выбора целиХорошоЛучше всего — список с подсказкамиХорошо — таблица
Доверие на первом экранеСреднееВысокое — эксперт и офисыСреднее — офисы на карте
Ощущение private advisoryСпокойная интеллигентностьЭксклюзивность и закрытостьАналитика и точность
Уникальность (тест «замените логотип»)Высокая — свой мотив горизонтаВысокая — асимметричная панель и досьеВысокая — код маршрута и карта
Выразительность результатаЗаписка консультантаДосье — самый «дорогой» результатСводка «фактор → влияние»
ТелефонВертикальная шкала, без каруселейПанель сразу под заголовкомТаблица → список
Сложность внедрения в TildaОдинаковая: один блок T123, общий движок, стили изолированыОдинаковаяОдинаковая

Рекомендация

Развивать концепцию B «Private Office»

  • Самый короткий путь к действию: шесть целей видны сразу обычным списком, без расшифровки.
  • Доверие с первой секунды: лицо эксперта и офисы рядом с главным вопросом. Для покупок от $150 000 это важнее любого эффекта.
  • Результат выглядит как работа консультанта: досье с тёмной обложкой — главный «дизайн-объект», как требует бриф.
  • Опирается на фирменный тёмно-синий из брендбука, а не на чужую палитру.

Если ближе более светлый и спокойный характер — выбирайте A. Смешивать концепции не стоит: после выбора разворачиваем один язык на все страницы.

Честно о прототипах

Что условно и что дальше