Портфолио веб-дизайнера

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

Ключевые элементы эффективного портфеля

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

Биографическая информация

Включение раздела «О нас» имеет решающее значение, но то, как вы структурируете контент, зависит от целей вашего портфолио. Если вы используете портфолио, чтобы получить работу, вам следует подчеркнуть свои технические навыки и любой другой опыт, который делает вас сильным кандидатом. Включение ссылки на ваше резюме (в формате PDF) также удобно, чтобы работодатели могли загрузить и сохранить копию.

Если вы фрилансер и ищете клиентов, вам следует адаптировать то, что вы пишете о себе, с учетом желаемой клиентуры. Например, если вы ищете клиентов, которые хотят нанять программистов со специальными навыками, такими как Javascript, Python или Ruby, вы захотите написать о своей технической проницательности в этих областях. С другой стороны, если вашими идеальными клиентами являются малые предприятия, которым нужен веб-сайт, вы должны написать о своем опыте таким образом, чтобы он ссылался на их потребности, например, веб-сайт, который увеличит продажи или решит другие проблемы, связанные с бизнесом.

Примеры вашей работы

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

Не чувствуйте необходимости включать все, что вы сделали. Качество побеждает количество!
Предоставьте несколько визуальных изображений своей работы, например, скриншот сайта на обычном экране рабочего стола или ноутбука, на экране планшета и на смартфоне. Это показывает, что вы можете создавать адаптивные, удобные для мобильных устройств сайты.
Некоторые дизайнеры предоставляют ссылки на живые сайты, которые они создали. Однако вам не обязательно делать это, если вы достаточно четко представляете свою работу с помощью визуальных средств. В некоторых случаях, если клиент изменил вашу работу в худшую сторону после того, как вы подписались на работу, вы не захотите размещать ссылку на его веб-сайт. Веб-сайт также может быть временно недоступен по ряду возможных причин, например, из-за проблем с сервером или из-за перерыва в работе бизнеса.
Всегда включайте информацию о своем сайте, которая вызывает интерес у целевой аудитории. Например, если вы ищете должность, которая требует сильного разработчика, и вы кодировали сайт, используя передовые навыки кодирования, вам нужно будет описать, какова была цель сайта и как вы ее решали.
Аналогичным образом, если вы ищете клиентов, которые больше заинтересованы в том, что сайт будет делать для них, а не в том, «что под капотом», то обсудите, какова цель сайта для владельца бизнеса или организации, и как ваша работа помогла достичь этой цели и улучшить свое положение.

Если вы ищете должность, связанную с навыками разработки, стандартной процедурой является добавление ссылки на ваш сайт разработки (например, на Github ), чтобы они могли просмотреть ваш код и увидеть, как вы думаете о создании сайта.

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

Отзывы

Отзывы — отличный способ продемонстрировать, что вы хорошо работаете с другими людьми, будь то клиенты, работодатели или коллеги. Прося отзывы, разумно предложить именно то, что вы хотели бы, чтобы они написали. «Джо — замечательный человек» не так сильна для потенциальных клиентов, как «Джо помог мне развить мой бизнес благодаря своим отличным коммуникативным навыкам и проницательности в дизайне веб-сайтов. Он прекрасно вложил в веб-сайт то, что мне было нужно для решения моих самых больших бизнес-задач».

Вы не пишете для них отзыв, а говорите им, какие моменты вы хотели бы, чтобы они осветили.

Контакты

И последнее, но не менее важное: убедитесь, что вы предоставили свою контактную информацию и предложили несколько способов, если можете. Вот некоторые примеры: ваш адрес электронной почты, номер телефона, страница Github, дескриптор Twitter, личная и/или профессиональная страница Facebook и идентификатор Skype. Сделайте так, чтобы людям, которые хотят работать с вами, было как можно проще связаться с вами.

Дополнительные элементы портфолио

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

Собираем свое портфолио вместе

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

Конструкторы сайтов

Некоторые дизайнеры и разработчики тратят много времени на создание веб-сайта, который сам по себе является частью их портфолио и демонстрирует их мастерство. Другие легко и быстро соберут что-то вместе, даже используя простые варианты веб-конструктора, такие как Wix и Squarespace . Многие веб-разработчики, а также WordPress имеют темы портфолио, которые уже настроены для вас, чтобы вы могли настраивать и добавлять их в свою работу. Другой вариант — Cargo , веб-конструктор, специализирующийся на сайтах-портфолио. Если вам нужно быстро что-то придумать, чтобы найти работу или найти клиентов, нет ничего плохого в том, чтобы использовать более простой вариант. Вы даже можете перенести свое портфолио на пользовательский сайт, когда у вас будет больше времени для этого.

Процесс обновлений

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

Расширьте свой охват

Существуют дополнительные веб-сайты, на которых вы можете добавить свое портфолио и получить еще одну ссылку на свой веб-сайт. Хотя размещение вашей работы в нескольких местах может показаться излишним, многие работодатели и возможные клиенты используют эти сайты для поиска дизайнеров и разработчиков, которых можно нанять, и будут искать эти ссылки на вашем сайте. Некоторые крупные сайты включают Behance и Dribble . Вы также можете использовать Github для размещения страницы портфолио в рамках своей учетной записи. Не забывайте также об Instagram , который вы можете использовать для демонстрации своей работы творчески.

Примеры отличных сайтов-портфолио

Всегда полезно иметь вдохновение при создании портфолио. Вы можете просмотреть множество коллекций в Интернете, которые содержат одни из лучших сайтов-портфолио в Интернете. Awwwards и Creative Bloq — потрясающие ресурсы, а также Behance и Dribble.

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

Разработчик Тимми О’Махони использует минималистский, но эффективный подход к демонстрации своих навыков. Он снабжает свою работу яркой визуальной графикой и дает подробную информацию о целях каждой работы. В своем заявлении «О программе» он перечисляет как «мягкие», так и навыки кодирования. В целом это очень простой, но понятный дизайн, в котором говорится о том, кто такой Тимми и почему вам следует его нанять.
Zero , дизайнерское агентство из Нью-Йорка, имеет эффектное портфолио с убедительным использованием анимации, чтобы сделать их сайт примером своей работы. Их избранные работы включают информацию о том, как они придумали дизайн и насколько он был успешным для их клиентов, с измеримыми данными, такими как количество показов.
Сайт Фелипе Кастро использует цвет и анимацию, чтобы выделить его работы. Подробный процесс для каждой части работы обсуждается таким образом, чтобы это было интересно и интересно читать. Его страница «О нас» персонализирует его и заставляет читателя увидеть в нем творческую личность с желаемыми навыками, с которой вам понравилось бы работать.
Shatterbox предоставляет веб-сайты для клиентов, и они очень эффективно используют похвалу клиентов. Использование отзывов рядом с изображениями сайта подчеркивает, что их работа делает клиентов успешными и отвечает целям проекта. Забавное использование цвета также выделяет портфолио. Они не ссылаются на сайты своих клиентов, демонстрируя, что в этом нет необходимости, чтобы создать образцовый сайт-портфолио.

Получите свою работу онлайн

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