Молодежный образ бренда
Развить существующую айдентику в современный визуальный язык для молодой аудитории: типографику, цвет, сетку, карточки, иллюстрации и акцентные элементы
Редизайн главной страницы
Обновление дизайна главной страницы Хекслет Колледжа с учетом новой структуры, молодежной аудитории, существующего бренда и мобильного сценария
Задача редизайна
Структурировать большой объем информации, убрать ощущение текстового полотна и сохранить понятный путь для абитуриента и родителя
Понятная иерархия
Разделить длинные смысловые блоки на короткие сценарии, карточки, факты и действия, чтобы страницу можно было быстро просмотреть и понять
Полноценный мобильный UX
Проработать размеры, порядок контента, навигацию, интерактивные элементы и точки принятия решения
Состав редизайна
Состав дизайн-проработки одинаков для обоих вариантов реализации
Редизайн по новой структуре
Переработка визуальной подачи всех блоков с сохранением содержания, логики бренда и ключевых пользовательских сценариев
Удобное чтение
Короткие смысловые фрагменты, карточки, визуальные акценты и ясные заголовки вместо сплошных текстовых полотен
Адаптивный дизайн
Продуманные состояния для десктопа, планшета и мобильных устройств
Интерактивные блоки
Фильтры направлений, кампусы, формы, FAQ и другие элементы с понятным поведением
Основа для развития
Последовательные стили и компоненты, которые можно повторно использовать на следующих страницах, если будет принято решение о постепенном обновлении сайта
Текущий этап
Редизайн и верстка одной главной страницы по обновленной структуре
Зона моей ответственности
- Структура, визуальная система и качество UX/UI
- Постановка задач агентам и контроль результата
- Проверка адаптивности и поведения компонентов
- Финальная ответственность за качество страницы
Состав этапа
- Редизайн и верстка одной главной страницы
- Без CMS и административной панели
- Без новой архитектуры для всех разделов
- Интеграции и публикация оцениваются отдельно
Развитие маркетингового сайта
После запуска новой главной предлагаю рассмотреть постепенное развитие маркетингового сайта за пределами Tilda
Постепенный переход на Astro + headless CMS
Новая главная становится пилотом, затем компоненты и дизайн-система используются для переноса приоритетных разделов на общую платформу
Почему сейчас
Кодинговые агенты выполняют большую часть механической работы, а дизайн можно сразу создавать в коде. Основной задачей становится создание фундамента, визуальной системы и правил для компонентов. Я отвечаю за эту часть и контролирую результат
Собрать дизайн-систему
Зафиксировать типографику, цвета, сетку и библиотеку повторно используемых блоков
Перенести основу на Astro
Использовать быстрый статический фронтенд для новых страниц и переносить приоритетные разделы постепенно
Подключить headless CMS
Вынести программы, города, преподавателей, события и другой контент в отдельную управляемую систему
Создать единый источник актуальной информации
Один раз обновленные данные автоматически используются на всех подходящих страницах. Это снижает риск расхождений, устаревших условий, неправильных ссылок и ручных ошибок
Подключить процессы
Формы, CRM, аналитику, изображения, локализации и автоматическую публикацию
Подготовить поиск
Семантика, метаданные и структурированные данные для SEO, GEO и AEO
Дать доступ агентам
Структурированный контент можно использовать на сайте, в продажах, рассылках, подготовке материалов и внутренних инструментах
Практический опыт
Кодинговые агенты уже используются мной в готовых проектах с сохранением требований к дизайну и техническому качеству
Разработка без ручного написания кода
В последних проектах код создавался и изменялся через агентов. Я контролировал структуру, дизайн и итоговое качество
Высокие показатели Lighthouse
Готовые сайты показывали 89–99 баллов в Google Lighthouse, были полностью подготовлены к SEO и сохраняли хороший UX/UI на десктопе и мобильных устройствах
Текущий проект с Directus
В одном из текущих проектов подключена headless CMS Directus. Сайт получает актуальную информацию из CMS, а все изменения я вношу через агентов без открытия административной панели
Агент продаж в мессенджерах
Контент из CMS уже используется в альфа-версии агента для продаж в мессенджерах. Агент берет актуальные структурированные данные и готовит для менеджера драфты ответов на сообщения
Редизайн + HTML-верстка
Современная адаптивная главная по обновленной структуре: молодежный дизайн сразу в коде, удобная подача контента и готовая верстка без отдельного этапа в Figma
60 000 ₽