Сотрудничество продолжается с 2023 года
Аналитика
Структура
Дизайн
Tilda
SEO
Интеграции
Редизайн и развитие сайта образовательного проекта для специалистов по недвижимости. Моя работа — от анализа задачи и структуры до дизайна, сборки на Tilda и интеграций.
Пространство Вадима Орехова
Образовательный проект · 2023—2026
с 2023 года
Сотрудничество
дизайн + реализация
Моя роль
Tilda
Платформа
редизайн в работе
Статус
Зона ответственности
Эксперт предоставляет содержание обучающих продуктов и профессиональную экспертизу. Всё, что связано со структурой, дизайном и реализацией сайта, находится в моей зоне ответственности.
Анализ конкурентов и аудитории
Структура страниц
Прототипирование
Пользовательские сценарии
Исследование и структура
01 · Исследование
Визуальная концепция
Дизайн страниц
Редактура текстов с AI
Графика для сайта
Дизайн и контент
02 · Дизайн
Tilda / Zero Block
Адаптивные версии
Анимация
Код и модификации с AI
Реализация
03 · Реализация
Базовое SEO с AI
Доменная почта
Интеграции с Prodamus
Сценарии оплаты и доступа
Запуск и техническая часть
04 · Запуск
01 · Роль
Работаю с проектом Вадима Орехова с 2023 года. За это время моя роль выросла от отдельных дизайнерских задач до комплексной работы с сайтом и цифровыми продуктами.
В проекте отвечаю за сайт от задачи до запуска.
1
2
3
4
По мере появления новых продуктов старой структуре становится сложнее удерживать понятную иерархию.
Масштабирование
04
Начинающий агент, опытный специалист и руководитель не разведены по разным точкам входа.
Сценарии аудитории
03
Категории понятны владельцу проекта, но пользователю ещё нужно самому определить, какой формат ему подходит.
Выбор продуктов
02
Главный акцент — на эксперте. Новому пользователю сложнее сразу понять, какое решение есть для его задачи.
Первый экран
01
ЗАМЕНИТЬ · реальный скрин аудита из Figma
02 · Аудит
Перед вторым редизайном я пересмотрела структуру главной страницы: как представлены продукты, насколько понятен выбор для разных групп пользователей и позволяет ли существующая логика дальше развивать сайт.
Аудит предыдущей версии сайта.
Руководитель
Нужно повысить результат команды
Корпоративный формат и опыт работы с отделами
Обучение отделов
Опытный агент
Рост замедлился, нужна системность
Глубина работы и подтверждение экспертизы
Наставничество
Практикующий агент
Проблемы со звонками, встречами или возражениями
Быстро узнать свою проблему и увидеть конкретное решение
Тематические курсы
Начинающий агент
Не хватает базы и уверенности на первых встречах
Понятный старт без перегруза продуктами
Базовые курсы
Сегмент
С чем приходит
Что важно на сайте
Подходящее решение
ЗАМЕНИТЬ · реальный скрин анализа аудитории
03 · Аудитория
Для новой структуры я разделила пользователей по уровню опыта и задачам. Это помогло определить, какую информацию показывать на главной и к каким продуктам вести разные группы аудитории.
Анализ аудитории и продуктовых сценариев.
Пользователю не нужно заранее знать продуктовую линейку — он может начать с собственной ситуации.
Выбор по уровню опыта
Решение 01
Сначала показываю узнаваемые рабочие ситуации, затем связываю их с подходящими форматами обучения.
Проблема перед продуктом
Решение 02
Опыт Вадима, результаты учеников и материалы поддерживают решение, а не заменяют собой навигацию.
Экспертность после выбора
Решение 03
Предыдущая главная была заметно короче и строилась вокруг эксперта и основных направлений обучения.
01
Предыдущая версия
до редизайна
Длинную страницу показываю по смысловым фрагментам — так проще увидеть, как меняется логика главной после редизайна.
Первый экран и выбор направления
Задачи аудитории и продукты
Экспертность и подтверждение опыта
Финальные блоки и следующий шаг
02
Новая главная
редизайн 2026
04 · Решения
Основные изменения касались не только визуала. Я пересмотрела порядок блоков, точки входа в продукты и последовательность информации на главной странице.
Что изменила и почему.
Mobile / 360
Tablet / 768
Desktop / 1440
Fill
Typography
Layout
Position
Design
↳ Products
↳ Segments
↳ Hero
↳ Header
Layers
05 Components
04 Курсы
03 Главная
02 Wireframes
01 Структура
00 Аналитика
Pages
Orehov / Redesign 2026 · Figma
РЕАЛЬНЫЙ РАБОЧИЙ ФАЙЛ · FIGMA
05 · Рабочий файл
После выбора концепции переносила решения в Tilda и уже там дорабатывала страницы, адаптивы и интерактивные элементы.
Перед вторым редизайном я пересобрала структуру ключевых страниц и подготовила прототипы в Figma. На их основе искала новое визуальное направление: работала с композицией, типографикой, цветом и подачей контента.
Редизайн начался с прототипов в Figma.
Аудит текущего сайта
01
Сегменты и задачи
02
Архитектура
03
Прототип
04
Визуальная система
05
Адаптивы
06
Tilda + интеграции
07
06 · Процесс
Работа начинается с анализа текущего сайта и задач аудитории. После этого я собираю структуру, прототипирую страницы, разрабатываю визуальную систему, адаптивы и переношу утверждённый дизайн на Tilda.
Этапы работы над редизайном.
Большая программа из 10 уроков с подробным раскрытием содержания.
Покупатель новостроек
Лето 2026
Более короткий сценарий: проблема → изменение подхода → программа → покупка.
Первая встреча
Лето 2026
Ранняя страница показывает предыдущий этап визуального развития проекта.
Холодные звонки 3.0
Предыдущий этап
07 · Продуктовые страницы
Для страниц курсов используется единая визуальная система, но структура не копируется по одному шаблону. Она меняется в зависимости от содержания программы, объёма информации и сценария покупки.
Страницы отдельных продуктов.
ЗАМЕНИТЬ · добавить реальный tablet-скрин
В мобильной версии отдельно настраиваются порядок, размеры текста, карточки, отступы и плотность контента. Это не автоматическое уменьшение desktop-макета.
Desktop → mobile
Реальные материалы
08 · Адаптив
Для планшетов и мобильных устройств я отдельно настраиваю композицию, размеры текста, карточки, отступы и порядок элементов, сохраняя логику основной версии сайта.
Адаптивные версии.
Form
Shape
Image
Button
Text
Tilda · Zero Block · Главная
ЗАМЕНИТЬ · реальный скрин Zero Block
Основные блоки сайта реализованы в Zero Block. После переноса макета я отдельно настраиваю каждый адаптив и проверяю поведение элементов на разных разрешениях.
Сборка в Zero Block
Что подтвердит реальный скрин
09 · Tilda
После утверждения дизайна я самостоятельно собираю страницы в Tilda: переношу макеты в Zero Block, настраиваю адаптивы, анимацию и поведение элементов.
Реализация сайта на Tilda.
AI помогает при подготовке семантики, метатегов и SEO-структуры. Результат проверяю и адаптирую под содержание конкретной страницы.
Базовая оптимизация
SEO
AI использую для черновой редактуры и поиска формулировок. Финальный текст проверяю и адаптирую под задачу страницы и аудиторию.
Редактура
Тексты
AI · В процессе
Подключаю его на отдельных этапах, где он помогает быстрее подготовить черновой вариант или техническое решение. Финальный результат проверяю и дорабатываю под проект.
AI использую как рабочий инструмент.
// Поведение интерактивного блока
const
'.js-trigger'
closeAll
'click'
openSection
triggers = document.querySelectorAll( ); triggers.forEach((item) => { item.addEventListener( , () => { (); item.dataset.target ? (item.dataset.target) : null; }); });
custom-behavior.js
временный пример
ЗАМЕНИТЬ · реальный фрагмент кода
Для отдельных механик использую код и модификации Nolim. AI подключаю для генерации и доработки кода; финальное решение адаптирую и тестирую внутри проекта.
Дополнительные возможности Tilda
В проекте
10 · Код
Для нестандартных механик использую модификации и код. AI помогает с генерацией и доработкой отдельных решений, после чего я адаптирую их под Tilda, проверяю логику и тестирую на разных разрешениях.
Код и дополнительные решения.
Instagram / Telegram
→
Лендинг
→
Продукт
→
Prodamus
→
Оплата
→
Выдача доступа
→
Личный кабинет
11 · Интеграции
Сайт связан с Prodamus и системой выдачи доступов. Поэтому при работе над страницами я учитываю весь путь пользователя: от перехода на лендинг и выбора продукта до оплаты и получения доступа к материалам.
Интеграции и путь пользователя после покупки.
Страница первого этапа сайта. Сейчас находится в редизайне.
Обучение отделов
2023
Одна из ранних страниц проекта. Новая версия сейчас в работе.
Наставничество
2023
Главная и новые продуктовые страницы становятся основой дальнейшего развития сайта.
Новая система
2026
12 · Развитие проекта
За время сотрудничества менялись задачи, продукты и сам сайт. Страницы разных лет показывают, как проект постепенно пришёл к текущей структуре и визуальной системе.
Как развивался проект с 2023 года.
отзыв Вадима + 1–3 подтверждённых результата проекта.
ЗАМЕНИТЬ:
Новая главная стала основой для актуальных запусков, а страницы предыдущих лет постепенно переводятся на новую систему. Второй редизайн ещё продолжается, поэтому раздел будет дополнен после завершения текущего этапа и получения фактических данных от клиента.
Результат.
13 · Результат
работа продолжается
Статус
от структуры до запуска
Роль
2023 → 2026
Сотрудничество
