5 советов для улучшения твоего портфолио

Веб-разработчику не всегда легко найти и привлечь новых клиентов.

Во-первых, существует препятствие в том, как перевести то, что ты делаешь, на язык, понятный клиентам. Если ты начнешь говорить о таких вещах, как PHP, API и wireframe'ы, глаза твоих потенциальных клиентов потускнеют от непонимания. Они хотят увидеть, на что ты способен.

Во-вторых, как ты будешь выделятся из толпы, когда большинство разработчиков используют одни и те же инструменты и языки программирования для создания веб-сайтов?

Хорошо продуманный сайт-портфолио веб-разработчика решит обе эти проблемы.

Ниже я собираюсь показать несколько портфолио веб-разработчиков, которые действительно выделяются в своей области.

1) Произведи сильное первое впечатление с помощью привлекательной анимации

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

Поскольку ты отвечаешь за создание веб-сайта, у тебя есть навыки для создания чего-то более живого, чем просто статичное изображение или дизайн. Так почему бы не дать потенциальным клиентам почувствовать это с самого начала с помощью привлекательного баннера и анимации?

Вот как разработчик Яцек Езнах знакомит посетителей со своим сайтом-портфолио, а также с каждой последующей страницей:

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

2) Придай своему сайту портфолио уникальный и современный вид

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

Итак, подумай, что делает тебя уникальным веб-разработчиком. Твой сайт в целом должен это отражать. Это единственный способ привлечь потенциальных клиентов из точки А (домашняя страница) в точку Б (портфолио).

Адхам Даннауэй, например, дизайнер / разработчик:

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

Остальная часть сайта-портфолио минималистична и не содержит сюрпризов. Это упрощает их привлечение к образцам портфолио.

3) Размести свое портфолио веб-разработчика на специальной странице

Часто веб-разработчик размещает свое портфолио на домашней странице и заканчивает работу. Но нужно кое-что запомнить:

Клиенты нанимают тебя не просто потому, что твоя работа впечатляет. Они нанимают тебя, потому что хотят работать с кем-то вроде тебя.

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

Помни, что они хотят видеть не только список логотипов клиентов. Они хотят знать, что ты создал, и увидеть, что из этого получилось.

Возьмем, к примеру, портфолио full-stack разработчика Мэтью Уильямс:

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

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

4) Не забудь про знаки доверия

Для корпоративных и веб-сайтов электронной коммерции знаки доверия представлены в виде уведомлений о согласии на использование файлов cookie, сертификатов SSL, а также печатей защиты от вирусов и вредоносных программ. Но веб-разработчикам нужно заслужить доверие другим способом.

Клиенты хотят увидеть что ты не не просто хорошо поработал над созданием веб-сайта. Они также хотят знать, что клиент доволен работой, процессом и результатами.

И тебе нужно будет предоставить доказательства.

Веб-сайт Сары Суэйдан - хороший пример того, как ты можешь это сделать:

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

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

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

5. Сделай так, чтобы потенциальные клиенты могли легко сделать следующие шаги.

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

Что это означает?

Во-первых, твоя навигация должна быть простой. Не перегружай свой сайт посторонней информацией. Ты уже "продал себя" дизайном своего сайта и качеством своего портфолио. Сделай свой сайт простым и продумай естественную последовательность шагов, которые должны предпринять потенциальные клиенты.

У Джонни Макихерна есть прекрасный пример этого:

Есть три шага:

1. Узнайте о моих услугах.

2. Посмотрите мое портфолио.

3. Узнайте цены.

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

Они могут запросить расценки, если им интересно:

Или они могут связаться через контактную форму или виджет живого чата:

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