Лендинг-портфолио дизайнера

Описание

Задача
Спроектировать и собрать персональный портфолио-сайт, который за несколько секунд первого экрана коммуницирует профиль дизайнера, ключевые компетенции и опыт — и ведёт к целевому действию.

Цель
Создать первое впечатление, которое конвертирует просмотр в контакт: показать релевантные проекты (e-com, internal tools, b2c), подтвердить экспертизу цифрами (11 проектов, 3 года опыта) и дать простой путь связаться — без лишних кликов и текста.

Решение

Спроектировала структуру страницы: hero → витрина проектов → блок про развитие → опыт работы → контакты — путь от знакомства к доверию и связи.

Собрала hero-секцию с фото, ролью, ключевым оффером и опытом (3 года), с единственным CTA «Связаться».
Сформировала сетку из 6 карточек проектов с превью, тегами инструментов (figma, tilda, webflow и др.), коротким описанием и кнопкой перехода к кейсу или сайту — для быстрого сканирования портфеля работ.

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

Оформила блок опыта работы в виде хронологической таблицы: компания/формат, период, роль, описание задач — от TSQ Consulting до текущих проектов (Basket Entertainment, Dental First и Redstom).

Продумала переходы между разными форматами занятости (найм, фриланс) так, чтобы они читались как последовательный профессиональный рост, а не разрозненный опыт.

Спроектировала футер с тремя равнозначными способами связи (Telegram, почта, резюме) — чтобы у посетителя не было барьера в выборе канала для контакта.

Выдержала единый визуальный язык на всей странице: тёмные акцентные блоки + фиолетово-розовая палитра как узнаваемый авторский почерк дизайнера.

Результат

Готовый портфолио-сайт, который последовательно проводит посетителя по воронке «узнал → заинтересовался → доверяет → связался»:

– Быстрое считывание профиля — за один экран понятно, кто дизайнер, какой у него опыт и стек инструментов, без необходимости искать эту информацию по странице.
– Наглядная витрина из 6 проектов — разные типы работ (B2B-приложение, маркетплейс, лендинг, портфолио) показывают широту компетенций: от UX-исследований до вёрстки на Tilda и Webflow.
– Прозрачная история опыта — хронологический блок с ролями и периодами работы закрывает вопросы о стаже и подтверждает заявленные 3 года опыта конкретными кейсами.
– Личный, небанальный визуальный стиль — тёмные акцентные блоки и фиолетово-розовая палитра работают как часть личного бренда, показывая дизайнерский вкус прямо на примере собственного сайта.
– Низкий барьер для контакта — три равнозначных канала связи в футере (Telegram, почта, резюме) снимают трение на последнем шаге воронки.
– Целостная навигация по портфолио — с главной страницы можно провалиться в любой кейс или сайт проекта в один клик, что удобно и для рекрутеров, и для заказчиков.