Игорь Трошин › troshify Сбер ID
Делаю сайты, которые работают на ваш бизнес
Рейтинг
14 965
№ 64 в каталоге
Отзывы
Профессионализм
10/10
Коммуникация
10 /10
Город
Санкт-Петербург
Опыт работы
7 лет
На сайте с
2019 года
Юридический статус
Самозанятый
Freelance.Boutique
Премиум-сервис для лучших исполнителей
Безопасная сделка
Деньги списываются после приёмки

Troshify | Сайт-портфолио веб-дизайнера

Используемые навыки Figma Tilda UI/Пользовательский интерфейс Веб-дизайн Сайт "под ключ"

Описание

Разработать современное портфолио на Tilda, которое не просто показывает готовые работы, а раскрывает мой подход к дизайну, профессиональный опыт и набор компетенций.

Сайт должен решать сразу несколько задач: помогать потенциальным клиентам и работодателям быстро оценивать уровень работ, показывать спектр услуг и давать простой способ связаться со мной.

Решение

Начал с подготовки и отбора проектов для портфолио. После этого собрал референсы и изучил разные визуальные подходы, чтобы найти собственную концепцию сайта, а не повторять готовые решения.

Затем спроектировал структуру страниц, подготовил прототипы и разработал несколько вариантов ключевых решений. После выбора основного направления перешёл к дизайну всех страниц и адаптивной версии.

Особое внимание уделил главной странице. В её основе лежит простая сетка с четырьмя направляющими и двумя силовыми линиями. Большое количество свободного пространства помогает разделить контент и сохранить лёгкость композиции.

На первом экране разместил навигацию, крупную фотографию и подборку работ. Ниже расположил краткое описание, портфолио, услуги, награды, отзывы и форму связи.

Карточки проектов выполнены в единой системе, поэтому даже разные по характеру работы воспринимаются как часть одного портфолио.

Страницу отзывов оформил в виде мозаики. Это позволило уйти от стандартного списка отзывов и сделать отдельный раздел визуально выразительным.

Для страниц проектов использовал другой принцип композиции: крупное название, описание и полноформатное изображение в начале страницы. Контент выстроен относительно центральной силовой линии, которая проходит через всю композицию. В конце каждой страницы добавил блок с другими проектами, чтобы пользователь мог продолжить просмотр портфолио.

Основу дизайна составила чёрно-белая палитра с жёлтым акцентом. Жёлтый используется точечно: в заголовках, кнопках и отдельных элементах интерфейса.

Отдельно проработал типографику и сочетание шрифтов. За счёт этого визуальный стиль получился минималистичным, но не слишком строгим.

Мне было важно показать через сам сайт то, что я предлагаю клиентам: аккуратную работу с композицией, типографикой, сеткой и визуальной иерархией, но при этом готовность экспериментировать с подачей.

Результат

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

Сайт позволяет быстро перейти к проектам, изучить отдельные кейсы, ознакомиться с услугами и отзывами, а затем связаться со мной через форму или социальные сети.

Проект используется как основная площадка для презентации работ и привлечения новых клиентов.

Оценили проект:

Другие проекты

Все проекты →
Веб-разработка и IT NOA - интернет-магазин армянских вин
NOA - интернет-магазин армянских вин
399
Веб-разработка и IT Day Look - интернет-магазин одежды
Day Look - интернет-магазин одежды
307
Веб-разработка и IT DoskaDoska — интернет-магазин пиломатериалов
DoskaDoska — интернет-магазин пиломатериалов
313
Веб-разработка и IT Mildar — сайт производителя сыра и молочной продукции
Mildar — сайт производителя сыра и молочной продукции
374