Что входило в мою работу:
4// Верстка и оптимизация
У клиентки было много фото и видеоматериалов, которые важно было интегрировать в лендинг и при этом сохранить высокую скорость загрузки. Я оптимизировала все файлы: сжала изображения и видео без ощутимой потери качества, настроила корректную загрузку, чтобы сайт оставался легким и комфортным для пользователя. В итоге клиентка получила именно тот результат, который ожидала, и осталась довольна и визуалом, и скоростью работы сайта.
На финальном этапе я сверстала сайт на Tilda: весь лендинг собран на zero‑блоках с использованием модификаций, что позволило реализовать анимации, аккуратно поддерживающие общий дизайн. Анимация работает деликатно: задает динамику, но не отвлекает от контента.
1// Структура и прототипирование
До начала работы клиентка предоставила подробное ТЗ: последовательность блоков, черновые тексты, пожелания по расположению фото и видео, а также идеи по анимации. Я проанализировала материалы, уточнила акценты и адаптировала структуру под сценарий пользователя: от первого экрана до блока с оплатой. Так лендинг выстраивается в логичную воронку, не перегружает информацией и сразу ведет к целевому действию.
лёгкую читаемость: пользователь скроллит лендинг и быстро понимает, что за продукт, для кого он и как на него записаться.
нейтральную цветовую палитру, которая не спорит с контентом клиентки и подчеркивает её визуальные материалы;
чистые блоки без лишних декоративных элементов — всё внимание на смысл и визуал;
медиа на первом плане: крупные фото и видео, которые сразу погружают человека в контент и энергетику эксперта;
Мы остановились на минимализме — и вот, что я в него заложила:
минималистичную — под запрос клиентки на спокойный, легкий и «воздушный» интерфейс.
более креативную — чтобы показать, как можно смело обыграть тему нейросетей;
Я подготовила две дизайн‑концепции: