Как собрать портфолио, которое не стыдно показать

Долгое время у меня не было портфолио. Не потому, что я не умел его собрать. А потому, что не хотел публиковать то, за что стыдно.

Когда начался отпуск, время наконец появилось. И я поставил себе одно правило:

Если ощущается как шаблон — не публикую.

Это решение определило весь проект.

Портфолио — это не список проектов

Портфолио — первое впечатление. Ещё до того, как человек откроет резюме, зайдёт в GitHub или начнёт листать работы, у него уже складывается мнение о вас. Поэтому я перестал спрашивать себя: «Как мне показать проекты?» Вместо этого я спросил: «Что это портфолио скажет обо мне до того, как кто-то прочитает хоть одно слово?»

Этот вопрос определил почти каждое решение.

Красиво — ещё не значит «моё»

Ранние версии выглядели аккуратно. Фоновые видео, современные макеты, плавные анимации. По отдельности они работали. Вместе — не работали. Чувствовалось, что такое я уже видел в десятке шаблонов. Я переделывал снова и снова. Не потому, что было плохо свёрстано. А потому, что не чувствовалось моим.

Первое впечатление начинается ещё до главной страницы

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

Детали решают сильнее, чем кажется

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

Что это значит для вашего портфолио

Если вы собираете портфолио, а результат вам не нравится, причина может быть не в навыках. Скорее всего, вы пытаетесь сделать «как у всех». Хорошая новость: «как у всех» можно каждый раз пересобирать до тех пор, пока не появится ощущение «это моё».

В работе мне помогли четыре простых ориентира.

Как я действовал: пять шагов

1. Сформулировал не «что показывать», а «что человек должен понять обо мне до чтения текста». Это стало фильтром.
2. Поставил правило «если выглядит как у всех — удаляю». Без жалости.
3. Продумал первую секунду. В моём случае это короткая загрузка, которая задаёт тон.
4. Потратил больше времени на отступы, шрифты, выравнивание и удаление лишнего, чем на новые фичи.
5. Попросил обратную связь по пяти направлениям: дизайн, пользовательский опыт, производительность, доступность, общая подача.

Пункт пять — не для галочки. Именно живая обратная связь помогает увидеть, где портфолио всё ещё «шаблонное» для других людей.

Чек-лист, если делаете своё

• Прежде чем добавить элемент, спросите: «Он говорит что-то обо мне или просто заполняет место?»
• Уберите всё, что можно убрать, и посмотрите, стало ли лучше.
• Покажите результат человеку, который не видел сайт до этого, и спросите: «Что вы можете сказать обо мне как о специалисте?»
• Если ответ «ничего» — пересобирайте.
• Напоминайте себе: портфолио не обязано быть вечным. Оно живёт и меняется вместе с вами.

Итог

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