Разработать современное портфолио на Tilda, которое не просто показывает готовые работы, а раскрывает мой подход к дизайну, профессиональный опыт и набор компетенций.
Сайт должен решать сразу несколько задач: помогать потенциальным клиентам и работодателям быстро оценивать уровень работ, показывать спектр услуг и давать простой способ связаться со мной.
Начал с подготовки и отбора проектов для портфолио. После этого собрал референсы и изучил разные визуальные подходы, чтобы найти собственную концепцию сайта, а не повторять готовые решения.
Затем спроектировал структуру страниц, подготовил прототипы и разработал несколько вариантов ключевых решений. После выбора основного направления перешёл к дизайну всех страниц и адаптивной версии.
Особое внимание уделил главной странице. В её основе лежит простая сетка с четырьмя направляющими и двумя силовыми линиями. Большое количество свободного пространства помогает разделить контент и сохранить лёгкость композиции.
На первом экране разместил навигацию, крупную фотографию и подборку работ. Ниже расположил краткое описание, портфолио, услуги, награды, отзывы и форму связи.
Карточки проектов выполнены в единой системе, поэтому даже разные по характеру работы воспринимаются как часть одного портфолио.
Страницу отзывов оформил в виде мозаики. Это позволило уйти от стандартного списка отзывов и сделать отдельный раздел визуально выразительным.
Для страниц проектов использовал другой принцип композиции: крупное название, описание и полноформатное изображение в начале страницы. Контент выстроен относительно центральной силовой линии, которая проходит через всю композицию. В конце каждой страницы добавил блок с другими проектами, чтобы пользователь мог продолжить просмотр портфолио.
Основу дизайна составила чёрно-белая палитра с жёлтым акцентом. Жёлтый используется точечно: в заголовках, кнопках и отдельных элементах интерфейса.
Отдельно проработал типографику и сочетание шрифтов. За счёт этого визуальный стиль получился минималистичным, но не слишком строгим.
Мне было важно показать через сам сайт то, что я предлагаю клиентам: аккуратную работу с композицией, типографикой, сеткой и визуальной иерархией, но при этом готовность экспериментировать с подачей.
Получился сайт-портфолио с единой визуальной системой и отдельным характером у каждой страницы.
Сайт позволяет быстро перейти к проектам, изучить отдельные кейсы, ознакомиться с услугами и отзывами, а затем связаться со мной через форму или социальные сети.
Проект используется как основная площадка для презентации работ и привлечения новых клиентов.