Бесплатные материалы по веб-дизайну и ДПО: Учись и развивайся с нами!

Как собрать портфолио веб-дизайнера, от которого клиенты скажут: “Беру!” (Даже если у тебя всего 3 работы)

Пробреин академия
Как собрать портфолио веб-дизайнера, от которого клиенты скажут: “Беру!” (Даже если у тебя всего 3 работы)

«Портфолио — это не музей. Это реклама тебя самого»

Представь: ты заказчик. Перед тобой два портфолио:

  • Первое: 20 шаблонных лендингов с кричащими заголовками.
  • Второе: 3 проекта, где видно, как дизайнер думал, ошибался и находил решение.
  • Кого выберешь? Вот и я о том. Давай сделаем твоё портфолио таким, чтобы клиенты писали: «Где вы учились? Хочу так же!».

1. Правило 3 кейсов: меньше — лучше

Не надо: Вываливать все работы, которые ты делал за год.

Надо: Выбрать 3–5 лучших и показать процесс:

  • Проблема: «Клиент хотел увеличить конверсию, но сайт выглядел как 2007 год».
  • Решение: «Я предложил упростить навигацию и добавить видео-истории».
  • Результат: «Через месяц заявки выросли на 40%» (даже если это учебный проект — пиши как есть).

Пример:

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

2. «До/После» — твой секретный инструмент

Что делать:

  • Покажи, как выглядел сайт до твоего вмешательства (скриншот «до»).
  • Рядом — твоя версия («после»).
  • Подпиши: «Почему я изменил шрифт/цвета/структуру».

Фишка:

Даже если работаешь с нуля — придумай «до». Например: «Клиент прислал набросок на салфетке → я превратил это в лендинг».

3. Расскажи историю, а не продавай шаблоны

Не надо:

«Сделал лендинг для клиента. Использовал Figma».

Надо:

«Клиент продаёт экологичную косметику, но сайт выглядел как магазин хозтоваров. Я:

  • Добавил фото с реальными людьми (не моделями!).
  • Придумал анимацию капель воды для заголовков.
  • Сделал раздел «Как мы собираем травы» с таймлайном.
  • Теперь клиенты пишут: «Ваш сайт пахнет луговыми травами!» (серьёзно, такое было)».

4. Добавь «провальные» работы

Зачем: Показать, что ты умеешь учиться на ошибках.

Как:

  • Выбери проект, где всё пошло не так.
  • Напиши: «Я думал, что чёрный фон — это круто. Клиент попросил переделать. Теперь я знаю: яркие цвета = больше доверия».

Пример:

Парень выложил в портфолио свой первый сайт с кривым меню. В описании написал: «Сейчас бы я сделал иначе». Его взяли в студию за честность.

5. Где разместить? Не только Behance!

Варианты:

  • Персональный сайт-визитка: Одна страница с кейсами + кнопка «Связаться».
  • Инстаграм: Посты с этапами работы (скетчи → финал).
  • Tilda: Готовые шаблоны, но добавь свою изюминку.

Совет:

Сделай PDF-портфолио на случай, если заказчик попросит «скинуть примеры в телеграм».

6. «Ты кто вообще?» — раздел «Обо мне»

Не надо:

«Веб-дизайнер с опытом 2 года. Умею Figma, Photoshop».

Надо:

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

В свободное время коллекционирую vintage-постеры и учусь играть на укулеле (пока плохо получается)».

Фишка: Добави фото, где ты не в костюме — за работой, с кофе или на митапе.

7. «А что по деньгам?» — не стесняйся указывать ценник

Как:

  • Напиши в разделе «Услуги»: «Лендинг — от 20 000 руб.», «Редизайн сайта — от 35 000 руб.».
  • Или добавь: «Цена зависит от сложности. Давайте обсудим!».

Почему: Это отсеет тех, кто хочет «дизайн за еду».