Как сделать портфолио веб-дизайнера: советы для начинающих. Как сделать портфолио сайт


как сделать и советы для начинающих

Всем привет, ребята! На связи Василий Блинов и сегодня мы обсудим, как новичку сделать портфолио веб-дизайнера привлекательным для клиентов. Если для копирайтера важны его примеры текстов, то визитной карточкой дизайнера является портфолио с его работами. Это самый важный инструмент для поиска интересного и высокооплачиваемого предложения от работодателя.

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

Где взять примеры работ новичку

Если вы обучаетесь на веб-дизайнера самостоятельно, то наверняка у вас ещё нет примеров. Да и где им взяться, если вы только начинаете пробовать себя в этой сфере? В предыдущей статье о самостоятельном развитии, мы обсудили наличие качественного портфолио.

Теперь мы подготовили для вас несколько проверенных идей, где взять первые примеры:

Определите его род деятельности, разработайте ТЗ (техническое задание), нарисуйте логотип. Например, это может быть лендинг по продаже одежды или услуг массажиста. Создаём под эти параметры сайт и первый образец готов. Теперь можете смело размещать работу в своём портфолио.

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

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

Один из таких — 99designs.

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

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

Как сделать сайт-портфолио

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

Мы расскажем о нескольких простых вариантах создания собственного сайта:

Выбираете хостинг, устанавливаете Вордпресс на него, выбираете шаблон, заполняете сайт своими работами и необходимой информацией. Шаблон можно выбрать на themeforest. Там они есть специальные для портфолио.

Работать довольно легко и интуитивно, только вот за пользование нужно заплатить.

Советы по созданию лучшего портфолио

Главное, при составлении портфолио соблюдать несколько правил:

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

Это покажет заказчику, сколько времени вы уже занимаетесь своим ремеслом, насколько ответственно вы относитесь к своему делу, востребованы ли ваши работы.

Ведь перейдя на созданный вами сайт, заказчик сразу увидит весь спектр ваших умений.

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

Это значительно увеличивает шанс получить желаемое место в проекте.

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

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

Это, в первую очередь, привлечение новых клиентов, а не повод похвастаться перед друзьями или другими менее успешными дизайнерами. К примеру, на таком портале, как Behance, много дизайнеров, которые публикуют свои работы. Вы можете узнать их мнение, получить лайки, комментарии, но выйти на реального крупного заказчика сложно, если, конечно, вы не попали в самый ТОП.

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

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

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

Структура простого портфолио

Для начинающих мы расскажем, как структурировать информацию, чтобы всё красиво и аккуратно выглядело.

  1. Размещаем вашу фотографию, пишем ФИО, профессию и контакты.
  2. Далее скриншоты ваших работ. Напишите количество успешно выполненных заказов. Самые удачные проекты разместите на первой странице. Для начала достаточно трёх – четырёх работ.
  3. Для того, чтобы ваши макеты выглядели презентабельно, советуем использовать сервис Getcover. Он делает скрин макета в браузере.

Заключение

Мы с вами разобрались, как новичку найти первые примеры для портфолио, как создать свой личный сайт-портфолио, поделились с вами полезными фишками и действующими инструментами. Теперь дело за вами — всё это воплотить в жизнь.

Желаем вам творческого энтузиазма и вдохновения.

Всего вам доброго!

iklife.ru

Создать собственный сайт-портфолио - это просто!

Как создать собственный сайт-портфолио?

На просторах мировой сети существует множество вариантов создания собственного сайта-портфолио. Вы можете воспользоваться либо специальными конструкторами или же движками (CMS), например, WordPress, Joomla и многими другими. Но здесь стоит отметить несколько важных моментов.

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

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

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

Системы управления сайтом (CMS) являются менее предпочтительным вариантом, так как требуют серьезных знаний в области сайтостроения. При этом результат на выходе будет мало чем отличаться от сайта, созданного в конструкторе.

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

Каким должен быть сайт-портфолио?

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

1. Никакой лишней информации

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

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

2. Полное отсутствие рекламных баннеров

Если вы хотите сделать по-настоящему качественное портфолио, напрочь забудьте о рекламе на вашем сайте. Такая ситуация часто встречается в тех случаях, если вы используете бесплатные конструкторы сайтов. Существует два выхода из этой ситуации:

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

3. Простой доступ к владельцу сайта-портфолио

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

Проще всего сделать так называемую плавающую «шапку», которая будет содержать в себе самые важные контактные данные и меню (если таковое необходимо). Здесь же можно разместить ссылку на страницу или блок с контактными данными. И чем больше способов будет с вами связаться, тем лучше для вас.

4. Минималистичность сайта-портфолио

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

konstruktorysajtov.com

Как сделать портфолио

Как сделать портфолио

Портфолио – важный рабочий инструмент не только для актеров и моделей. Он должен быть у дизайнеров, художников, фотографов и рукодельниц. То есть всех тех, кого интересует работа на дому, требующая рекламы своих умений и изделий.

Как сделать портфолио

Как-то у меня был случай: рекомендованная мне рукодельница, не смогла показать ни одной из своих работ, хотя вязала на заказ уже лет 15. Рассказ о том, что она обвязывает весь город, меня не впечатлил, и мы расстались. Знаю, что большинство рукодельниц также особо не задумываются о том, чем и как заинтересовать потенциальных заказчиков. При этом они хотят, чтобы и заказов было много, и оплачивались они хорошо. Если вы из их числа, то пора задуматься о том, как «показать товар лицом» и продать себя подороже.

Оформление портфолио

Требования к портфолио, независимо от того, каким оно будет — реальным или виртуальным, примерно одинаковые:

  1. Все, даже в виртуальном варианте должно смотреться дорого, круто, солидно, креативно.
  2. Размещайте только свои лучшие работы, регулярно обновляя их набор – убирайте устаревшие и добавляйте лучшие из нового.
  3. Показывайте весь спектр своих возможностей. То есть если вы не только дизайнер интерьеров, но и собственноручно создаете гобелены, то заказчик должен об этом узнать.
  4. Давайте названия своим работам – это упростит общение с клиентом.
  5. Покажите несколько примеров рабочего процесса, например: как было и как стало. Если есть возможность продемонстрировать крупный проект, например дизайн дома, то неплохо бы показать поэтапное решение – исследование, несколько начальных вариантов, подбор материалов, технологий и пр.
  6. К каждой фотографии должно быть небольшое описание – какая техника использовалась, для кого была сделана данная работа и пр.
  7. Продайте себя — добавьте к своим работам отзывы благодарных клиентов, дипломы, грамоты и прочие свидетельства вашего успеха и сопричастности к данной профессии.
  8. Не старайтесь создать огромный каталог. Ваша задача показать свой профессионализм и спектр возможностей.
  9. Не обязательно использовать только фото – короткая видео-презентация, если человек чем-то заинтересовался, может стать последней каплей, после которой он сделает заказ.

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

Виды портфолио

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

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

Как сделать фото-портфолио

Красивый фотоальбом с большими и качественными фотографиями.

Альбомы, где удобно менять фото

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

Как сделать электронное портфолио

Это обычно цифровая книга с фотографиями и подписями к ним.

Обложка для pdf файла, сделанная мною для примера в BOOK MAKA

Проще всего создавать его в стандартных программах Microsoft Office, большинство из которых наверняка есть на вашем компьютере. Это Publisher, Power Point или Word. Если делаете в Word, то переведите готовый вариант в формат pdf, он будет смотреться солиднее. Также можно использовать программу Picasa, там можно красиво обрабатывать фотографии, делать фотоколлажи и слайды. Можно скачать в интернете специальную программу или найти онлайн варианты, вроде Portfolios.ru.

Работа с фотографиями в Portfolios.ru

Как сделать сайт-портфолио

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

Примеры шаблонов Вордпресс для сайтов-портфолио

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

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

Основная задача портфолио — дать ответы на следующие вопросы заказчика:

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

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

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

P.S. Советую почитать: Полезные сервисы интернета для бизнес-леди и продвинутых домохозяек

Похожие темы

dengiledi.ru

Как создать сайт портфолио

Создание картинной галереи

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

Пишем:

<html>

<head>

<title></title>

</head>

<boby>

</body>

</html>

<html> - отвечает за начало и конец html кода

<head> - эти теги отвечают за заголовок

<title> - Отвечает за отображение текста заголовка, т.е. в браузере будет страница выдаваться с таким заголовком. И в поисковике тоже.

<body> - внутри этого тега будет находиться остальной код.

Продолжаем:

В заголовок введем:

"Картинная галерея художника такого то (или портфолио фотографа такогото)"

<html>

<head>

<title>Картинная галерея художника Василия Пупкина</title>

</head>

<boby>

</body>

</html>

Добавим на страницу текст и фото автора. Для этого нам нужна фотография размером, предположим 300x300 пикселей формата ".jpg". Название ее должно быть на английском языке, например, "foto.jpg".

Сжимайте фотографии перед публикацией в интернет. Сделать это можно при помощи Photoshop. Открываем фото, выбираем файл -> сохранить как -> тип файлов JPEG выбираем средний размер файла. Или еще лучше файл -> сохранить для web и устройств -> JPEG Hight.

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

Для этого вставляем таблицу, в левой ячейке которой будет находиться фотография, а в правой - текст:

<html>

<head>

<title>Картинная галерея художника Василия Пупкина</title>

</head>

<boby>

<table border="1">

  <tr>

    <td> </td>

    <td> </td>

  </tr>

</table>

</body>

</html>

<table> - означает начало и конец таблицы

width="100%" - ширина таблицы, в данном случае она заполняет всю ширину экрана

border="1" - ширина границы таблицы

<tr> - создание строки

<td> - создание столбца, в данном случае в одной строке создается два столбца.

Теперь поместим в левую часть таблицы фотографию. Для этого сохраним создаваемый нами файл в какой-нибудь папке следующим образом: файл -> сохранить как -> вводим название "index.html" - наш файл сохраняется как веб страница. Название index он должен иметь потому, что когда вы набираете в браузере название какого-либо сайта, в первую очередь он ищет файл index.html, потом index.htm, index.php и т. д. В той же папке, куда мы сохранили этот файл, мы создадим папку "images", в которой будем сохранять все наши изображения. В эту папку ("images") мы переместим нашу фотографию "foto.jpg".

Выводим изображение на экран браузера.

<html>

<head>

<title>Картинная галерея художника Василия Пупкина</title>

</head>

<boby>

<table border="1">

  <tr>

    <td><img src="/images/foto.jpg"></td>

    <td> </td>

  </tr>

</table>

</body>

</html>

<img> означает вывод изображения

src="/images/foto.jpg" - путь к фотографии

Теперь необходимо вывести текст в правой части таблицы.

<html>

<head>

<title>Картинная галерея художника Василия Пупкина</title>

</head>

<boby>

<table border="1">

  <tr>

    <td><img src="/images/foto.jpg"></td>

    <td><h2>Художник Василий Пупкин</h2>

    Моя биография... - сюда пишем текст о себе...

    </td>

  </tr>

</table>

</body>

</html>

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

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

<html>

<head>

<title>Картинная галерея художника Василия Пупкина</title>

</head>

<boby>

<table border="1">

  <tr>

    <td><img src="/images/foto.jpg"></td>

    <td><h2>Художник Василий Пупкин</h2>

    Моя биография... - сюда пишем текст о себе...

    </td>

  </tr>

</table>

<br /><br />

<table border="0" cellspacing="15">

  <tr>

    <td>Строка 1</td>

  </tr>

  <tr>

    <td>Строка 2</td>

  </tr>

  <tr>

    <td>Строка 3</td>

  </tr>

</table>

</body>

</html>

Тег <br /> означает перенос на новую строку. Т. е. Текст после этого тега будет выводиться на новой строке

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

Вместо текста "Строка 1" нужно вставить нашу первую фотографию. Я надеюсь, мы ее уже приготовили и поместили в папку images корневой папки, где находится наш сайт. Назовем ее pic_1.jpg

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

Земеним текст "Строка 1" на <img src="/images/pic_1.jpg" alt="Фото природы" title ="Фото природы">

В этом выражении alt означает альтернативный текст, т. е. Тот, который будет отображаться вместо картинки, если в браузере посетителя сайта выключено отображение изображений.

Тег title отвечает за вывод подсказки при наведении мышки на картинку.

Еще можно указать название изображения под картинкой. для этого послес трочки вывода изображения поставим <br /> для перехода на новую строку и напишем текст "Фото природы".

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

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

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

Вернемся к редактированию текста. Сохраним HTML код и проверим, как все это отображается в браузере.

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

- Рекомендуется указывать размер фотографии в пикселях, что поможет браузеру точно размечать страницу и изображения никогда не будут выходить за заданные параметры. Для этого добавим к тэгу <img> атрибуты:

height=" " - высота в пикселях и

width=" " - ширина в пикселях.

Укажем ширину нашего заранее подготовленного такой, какая она есть. Пусть, в нашем примере изображение будет размером 300 по ширине и 200 по высоте.

Соответственно укажем:

<html>

<head>

<title>Картинная галерея художника Василия Пупкина</title>

</head>

<boby>

<table border="1">

  <tr>

    <td><img src="/images/foto.jpg"></td>

    <td><h2>Художник Василий Пупкин</h2>

    Моя биография... - сюда пишем текст о себе...

    </td>

  </tr>

</table>

<br /><br />

<table border="0" cellspacing="15">

  <tr>

    <td><img src="/images/pic_1.jpg" alt="Фото природы" title ="Фото природы"><br />

Фото природы

    </td>

  </tr>

  <tr>

    <td>Строка 2</td>

  </tr>

  <tr>

    <td>Строка 3</td>

  </tr>

</table>

</body>

</html>

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

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

Теперь добавим другие фотографии подобным образом в наш код.

Мы получили простую галерею изображений. Добавим теперь свои контакты для того чтобы посетители сайта могли связаться с нами. Воспользуемся ссылкой на электронную поту. Для того чтобы вставить ссылку на e-mail пишем следующий код: <a href="mailto: Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript " title="Написать письмо"> Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript </a>

 - в этом выражении <a> означает открытие тега ссылки, затем идет href="/ " - адрес ссылки, тег title=" " означает надпись, появляющуюся при наведении на ссылку мыши.

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

<html>

<head>

<title>Картинная галерея художника Василия Пупкина</title>

</head>

<boby>

<table border="1">

  <tr>

    <td><img src="/images/foto.jpg"></td>

    <td><h2>Художник Василий Пупкин</h2>

    Моя биография... - сюда пишем текст о себе...

    </td>

  </tr>

</table>

<br /><br />

<table border="0" cellspacing="15">

  <tr>

    <td><img src="/images/pic_1.jpg" alt="Фото природы" title ="Фото природы"><br />

Фото природы

    </td>

  </tr>

  <tr>

    <td>Строка 2</td>

  </tr>

  <tr>

    <td>Строка 3</td>

  </tr>

</table>

<p>

<a href="mailto: Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript " title="Написать письмо"> Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript </a>

<br />

Звоните: 77-888-999

</p>

</body>

</html>

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

© Дмитрий Парыгин, www.itsait.com

itsait.com

Портфолио. Что такое портфолио? Как сделать портфолио?

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

 

 

Что такое портфолио?

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

 

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

 

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

 

Варианты популярных порфолио

 

Портфолио для актеров

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

Кстати, как сделать актерское портфолио, чтобы оно «цепляло» режиссера, смотрите следующее видео:

 

 

Портфолио для фотомоделей

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

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

Это видео расскажет о том, как создать портфолио фотомодели:

 

 

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

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

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

При размещении портфолио в интернете не забывайте о сайтах фрилансеров. Эти сайты могут привлечь до 80% ваших заказчиков. Подробный образец создания портфолио для веб-дизайнера представлен ниже:

 

Портфолио для учителя, портфолио классного руководителя, портфолио первоклассника, портфолио класса

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

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

Также портфолио ученика можно создать на специальном ресурсе portshkolio.ru. Как это сделать рассказывается в этом видео:

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

seportal.ru

Как сделать портфолио фрилансеру (копирайтеру) с нуля, без заказов - на примерах

Большинство фрилансеров (и копирайтеров, в частности) не являются техническими специалистами. И сделать портфолио на собственном сайте под силу далеко не каждому. В результате люди размещают свои работы на сайтах бирж, что недальновидно. Посудите сами: потенциальный клиент получает ссылку на портфолио, смотрит его, а затем отправляется смотреть примеры работ других исполнителей. И кого он выберет — еще вопрос.

Но это еще полбеды. Большинство копирайтеров совершенно не умеют оформлять портфолио. 9 из 10 авторов подходят к вопросу так: вот, дескать, я покажу текст, а там потенциальный заказчик пусть сам смотрит, нравится ему работа или нет. При этом люди совершенно не понимают, что большинству заказчиков не нужен просто текст. Им нужно решение тех или иных задач.

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

Типовое портфолио копирайтера.

Но и это еще не все. Гораздо хуже обстоит дело у начинающих копирайтеров, у которых еще нет заказов. Здесь вообще замкнутый круг: без заказов нет портфолио, а без портфолио — нет заказов. Что делать? Ответ на этот вопрос я записал в коротком трехминутном видео.

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

Два аспекта при создании портфолио

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

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

Когда осознаешь, что не ты работаешь на заказчика, а заказчик — на твое портфолио.

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

Два показательных примера из портфолио копирайтера

Поставьте себя на место заказчика. Хотя, нет. Давайте предметно. Вы — SEO-специалист, и Вам нужен автор, который сможет писать SEO-тексты под нужные Вам поисковые запросы по Вашим ТЗ. В поисках исполнителя Вы открыли портфолио двух исполнителей.

Первое выглядит так.

Просто текст в портфолио. Ни больше, ни меньше.

Как видите, это просто текст. И понять, что здесь к чему непросто. Нужно читать. Нужно вникать. А времени на это нет. И желания — тоже. А теперь сравните со вторым вариантом.

Кейс в портфолио.

Здесь копирайтер явно показывает, что он умеет решать задачи SEO-специалиста. И такой исполнитель, положа руку на сердце, стоит 10 обычных текстописцев. Чувствуете разницу?

Где сделать портфолио фрилансеру

Хорошо. Допустим. С кейсами все более-менее понятно. Но остается открытым вопрос: где разместить портфолио. На биржах — не лучший вариант, потому что потенциальный заказчик пойдет смотреть конкурентов. Свой сайт делать — это долго, дорого, да и навыки для этого нужны. Готовые конструкторы либо платные, либо имеют ограничения. Да и осваивать их нужно. Что делать?

Для быстрого решения этой задачи, без заморочек, я рекомендую использовать систему Google Сайты. Конечно, идеальный вариант — это свой сайт, на своем доменном имени и платном хостинге. Но если портфолио нужно здесь и сейчас, то на Google Сайтах его можно разместить за 30 минут. Разумеется, при условии, что у Вас есть что размещать. Если нет — смотрите чуть выше в районе картинки с Робертом Дауни младшим.

Как бесплатно разместить портфолио в интернете за 30 минут: по шагам

А теперь — небольшая пошаговая инструкция с наглядным образцом и примерами. Все, что Вам нужно для ее реализации — это учетная запись в Google.

Шаг 1: Заходим на гугл диск и создаем сайт

Для этого вводим в адресной строке drive.google.com. Нажимаем кнопку “Создать” в левом верхнем углу, выбираем “Еще” и Google Сайты.

Создание портфолио в системе Google Сайты.

Шаг 2: изучаем элементы и возможности

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

Стартовая болванка для будущего сайта.

Шаг 3: делаем шапку сайта

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

Шапка портфолио (первый экран).

Шаг 4: заполняем контентную часть

Далее, у Вас карт-бланш. Контентную часть можно заполнять как угодно. Для примера я решил сделать блок “О себе”, где копирайтер может рассказать о своих знаниях, навыках (все это вкупе называется “экспертиза”), убеждениях и просто о том, какой он человек. По желанию можно использовать Why-формулу.

Чтобы реализовать этот блок, я разделил контентную часть на две зоны. В одну добавил фотографию (ее можно либо добавлять как изображение, по ссылке или с Google Диска), либо как файл с компьютера, через инструмент “Загрузить”. Во вторую часть я добавил текстовое описание. А чтобы текст смотрелся веселее, я разбавил его эмодзи.

Блок «О копирайтере».

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

Шаг 5: создаем портфолио

Самый ответственный шаг — это размещение самого портфолио (кейсов или примеров работ). И здесь Google Сайты раскрываются в полной мере, т.к. в них можно быстро размещать контент в разных форматах.

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

Блок кейсов в портфолио (примеров решенных задач).

В данном примере я использую три формата. Первый — текстовый документ из Google Docs. Он интерактивный. В нем можно даже выделить текст или, при желании, перейти на страницу документа (откроется в новом окне). Чуть ниже будет ссылка на сайт, сможете сами все испробовать.

Второй формат — это изображение. Но его для раскрытия кейса недостаточно. Поэтому я в описании решения задачи сделал ссылку на дополнительную страницу, которую создал на этом же сайте (правая колонка, сверху вкладка “Страницы”). На этой странице я описываю кейс подробно и сопровождаю его дополнительными изображениями.

Дополнительное раскрытие кейса.

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

Шаг 6: описываем преимущества

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

Блок преимуществ.

Шаг 6: призыв к действию и/или контакты

Если посмотреть внимательно на то, что получается, то мы немного перестарались. Вместо обычного портфолио у нас выходит полноценный коммерческий сайт-визитка. А раз пошла такая пляска, то почему бы не сделать все по модели AIDA?

Добавляем призыв и возможность на этот призыв среагировать. По хорошему — здесь должны быть просто контакты. Но я пошел немного дальше и встроил контактную форму (на демо-сайте она неактивна!). Сделать такую же (только рабочую) можно, используя инструмент “Встроить → Встроить код”.

Призыв к действию.

В завершении я вставил нижний колонтитул. Здесь, по хорошему, тоже нужно разместить логотип, контакты. Но я ограничился предупреждением о запрете копирования.

Портфолио целиком

Вот так выглядит портфолио фрилансера (копирайтера) целиком. Конечно, его можно много чем еще дополнить, но это я уже оставляю на Ваше усмотрение.

Сайт с портфолио копирайтера целиком.

Когда все готово, самое время опубликовать сайт, чтобы его мог увидеть любой желающий в интернете. Для этого нажимаем большую кнопку “Опубликовать” в правом верхнем углу. Появляется окно, в котором нужно выбрать настройки приватности и уникальный домен (вида https://sites.google.com/view/ivanovstudio). К слову, по этой же ссылке можете посмотреть сайт “вживую”.

Главные преимущества такого сайта:

  1. Быстро. За полчаса можно создать и запустить страницу с портфолио.
  2. Просто. Не нужны технические навыки. Легко может освоить любой желающий.
  3. Бесплатно. Для кого-то это один из решающих факторов.
  4. Адаптивно. Сайт сразу удобен для просмотра как на компьютерах, так и на смартфонах.
  5. Функционально. Портфолио решает свои задачи и, более того, индексируется поисковыми системами.

Главные недостатки такого сайта:

  1. В самом низу стоит пометка, что портфолио сделано на Google Сайтах
  2. Ограничения штатных функций и возможностей сервиса
  3. Сайт вроде как Ваш, но в то же время Вам не принадлежит (что, впрочем, характерно для любых конструкторов)
  4. Нет красивого домена, хотя это решаемо в перспективе через Google Domains

Достоинства в данном случае явно перевешивают недостатки. Особенно если нужно быстро разместить контент, пока Вы осваиваете HTML, CSS и работу с основными CMS, например, WordPress.

Что еще можно сделать

Если Вам кажется все это простым и понятным, возможно, даже примитивным, то можете усложнить задачу и связать созданный сайт с системой Google Analytics. Выйдет 2 в 1: и польза, и практика интернет-маркетинга. С помощью аналитики Вы можете настроить цели и измерять конверсию. Более того, Вы анализируете, откуда на портфолио приходят люди, как они себя ведут на Вашем сайте, и насколько им вообще все это интересно.

Чтобы связать сайт с метрикой, нужно нажать на значок трех точек, выбрать “Открыть статистику” и связать страницу с идентификатором в Google Analytics. О том, что такое идентификатор, и где его брать, выходит за рамки этой статьи и остается на факультативное изучение. Если интересно — пишите в комментариях, я расскажу.

Связь портфолио с Google Analytics.

Резюме

Любой копирайтер (равно как и любой другой фрилансер) может сделать портфолио в Google Сайтах. По возможностям с полноценным сайтом сравнение не идет, конечно. Однако для быстрого решения задач и размещения контента в Сети вариант более чем подходит. В конце концов, что лучше: потратить 30 минут времени, создать портфолио и работать над привлечением клиентов, параллельно осваивая новые технологии, или потратить месяц на изучение всех возможных систем и сидеть все это время без денег? Ответ каждый выбирает для себя сам.

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

И, да, для создания портфолио Вам не нужны клиенты. Вы можете создать его сами. Для себя. И, поверьте, оно будет на порядок лучше, чем клиентские проекты.

Словом, пробуйте, и у Вас все получится!

Искренне Ваш, Даниил Шардаков.

shard-copywriting.ru

Создайте онлайн портфолио!

ОсновныеВозможности

Пример портфолио
  1. Настройка дизайна

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

  2. Бесплатное портфолио

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

  3. Много места на диске

    До 3ГБ места на диске для ваших работ. Смело загружайте исходники и изображения высокого разрешения.

  4. Локализация

    Ваше портфолио можно перевести на любой язык и вы можете изменить все тексты, отображаемые на сайте.

  5. Рейтинги, комментарии

    Посетители вашего портфолио могут оставлять комментарии и ставить оценки вашим работам.

  6. Ваше доменное имя

    Можете выбрать себе адрес вида вашеимя.portfoliopen.com или использовать собственный домен.

ЛучшиеПортфолио

Другие портфолио

ЛучшиеРаботы

Все категории Все категории Логотипы Вебсайты Фотографии Иллюстрации Иконки Интерфейсы Обои 3D графика Шрифты Интерьеры Одежда Полиграфия Живопись Персонажи Архитектура Скульптура Рисунки Другое

ПоследниеДобавления

Все категории Все категории Логотипы Вебсайты Фотографии Иллюстрации Иконки Интерфейсы Обои 3D графика Шрифты Интерьеры Одежда Полиграфия Живопись Персонажи Архитектура Скульптура Рисунки Другое

Portfoliopen покажет ваши работы всему миру. Это удобный веб-сервис, так что вам не потребуется ничего устанавливать и настраивать, не придется думать о хостинге, разработке, поисковой оптимизации и т.п. — мы всё уже сделали за вас! Наш сервис надёжен и безопасен. Мы даём вам готовый и красивый сайт портфолио, а вы можете сосредоточиться на создании новых шедевров. Мы никак не ограничиваем вашу креативность, можете легко изменить дизайн портфолио, перевести его на другой язык, настроить свой домен. Ну, чего вы ждете? Вперед, создайте портфолио прямо сейчас!

www.portfoliopen.com