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

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

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

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

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

• Придумайте себе заказчика.

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

• Сделайте дизайн популярного бренда.

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

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

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

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

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

• Ведите свои социальные сети.

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

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

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

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

• Сделать его на WordPress.

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

• Создать в программе Adobe Muse .

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

• Также своё портфолио можно сделать с помощью: Dunked , Тумблер , Adobe Портфолио (синхронизируется с Behance ), Readymag , Squarespace .

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

• Определите самые лучшие из своих произведений и разместите их.

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

• Используйте даты.

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

• Важной деталью являются ссылки на уже работающие сайты.

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

• Определитесь со своей специализацией.

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

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

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

• Не перестарайтесь.

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

• Экспериментируйте со стилем.

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

• Помните главную цель вашего портфолио.

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

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

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

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

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

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

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

Заключение

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

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

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

Сологуб Марина, Лобачева Кристина, Пилипчук Юлия

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

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

Скачать:

Предварительный просмотр:

Чтобы пользоваться предварительным просмотром презентаций создайте себе аккаунт (учетную запись) Google и войдите в него: https://accounts.google.com

Подписи к слайдам:

WEB - портфолио Портфолио - это собрание работ определенного человека, иллюстрирующее его знания, навыки в каком-либо виде деятельности. Портфолио – способ фиксирования, накопления и оценки индивидуальных достижений. Портфолио учащегося – это «копилка» его успехов, инструмент в формировании самооценки и самопрезентации личных достижений учащихся. Гипотеза Конструктор Характеристика Создание сайта Структура Типы страниц Контент Шаблон

WEB - портфолио Гипотеза. И збежать недостатков папки-портфолио можно с помощью Web -портфолио. Цель работы заключается в разработке проекта Web -портфолио. Задачи: Выбрать инструмент для создания сайта; Создать Web -портфолио; Создать шаблон Web- портфолио; Сделать выводы согласно выдвинутой гипотезе. Методы исследования: Проведения опроса учащихся (дискуссии); Сравнение конструкторов сайтов (анализ); Анализ полученных результатов. Гипотеза Конструктор Характеристика Создание сайта Структура Типы страниц Контент Шаблон

WEB - портфолио Гипотеза Конструктор Характеристика Создание сайта Структура Типы страниц Контент Шаблон

WEB - портфолио Гипотеза Конструктор Характеристика Создание сайта Структура Типы страниц Контент Шаблон Получение аккаунта Создание сайта Оформление сайта

WEB - портфолио УТВЕРЖДЕНО приказом МАОУ "Средняя школа № 6" от 31.12.2014г, № 733 ПОЛОЖЕНИЕ о «портфолио» обучающегося 3.2.Портфолио включает следующие разделы: портфолио документов; портфолио работ; портфолио отзывов. Гипотеза Конструктор Характеристика Создание сайта Структура Тип страницы Контент Шаблон

WEB - портфолио Гипотеза Конструктор Характеристика Создание сайта Структура Тип страницы Контент Шаблон Название страницы Тип страницы Главная Достижения Увлечения Веб-страница– обычная страница сайта, которая может содержать форматированный текст, картинки, таблицы, ссылки. На веб-страницу можно вставить другие объекты Google (документы, фотографии, альбомы, карты, видео и пр.). Проекты Файловый менеджер - страница, предоставляющая возможность владельцу и соавторам сайта загружать файлы разных форматов. При этом можно создавать папки, загружать, удалять и перекладывать в них файлы. Конкурсы Списки - страница, позволяющая формировать списки в виде таблиц, содержание однотипные сведения о каких-либо объектах. Например, на странице сайта можно создать список учащихся класса, каталог литературы, либо другой список. Календарь Объявления - страница для публикации и обсуждения сообщений (объявлений).

WEB - портфолио Гипотеза Конструктор Характеристика Создание сайта Структура Тип страницы Контент Шаблон 15Гб

WEB - портфолио Гипотеза Конструктор Характеристика Создание сайта Структура Тип страницы Контент Шаблон Заключение http://86sch6-kogalym.edusite.ru/

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

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

В чём отличие портфолио (Portfolio) от резюме (CV, Curriculum Vitae)

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

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

Где разместить портфолио

Варианты, которыми пользовался я или воспользовался бы:

• Привлекательные сайты-портфолио можно сделать, используя конструктор сайтов Wix — при этом не требуются знания программирования и вёрстки — подойдёт даже тем, кто ещё только планирует изучать веб-технологии
• GitHub Pages — бесплатный сервис для публикации статической информации, тесно связанный с репозиториями GitHub
• в качестве хранилища несложных работ (HTML + CSS + JS) можно использовать Сodepen (пример http://codepen.io/copist) — многим это нравится, потому что интересные работы можно скопировать себе и поэкспериментировать
• портфолио в виде блога на базе WordPress на бесплатном или платном хостинге
• сделать свой сайт-портфолио самостоятельно на каком-нибудь языке программирования и разместить в облачном сервисе Cloud9 , который также является удобной средой разработки вместо настольной IDE.

Список специализированных сервисов портфолио: Где и как создать себе сайт-визитку, портфолио или галерею [ lifehacker ]

Основываясь на личном опыте, хочу порекомендовать хранить резервные копии всех выполненных проектов (целые веб-сайты или отдельные веб-страницы) на своём хостинге. Я столкнулся с тем, что за 15+ лет часть сайтов, над которыми я работал, уже не существуют , а часть значительно изменилась. А если же у тебя есть резервная копия отдельных страниц или целого проекта, то сможешь поставить ссылки на свои копии, если оригинальные проекты больше не работают или сильно изменились.

Этот блог на базе WordPress расположен платном shared хостинге TheJetHost с удобной панелью управления, на нём же работают несколько проектов написанных на Javascript и PHP. Для более сложных проектов на базе NodeJS, Python, Ruby и PHP я использую Virtual Dedicated Server на FirstVDS и DigitalOcean .

Что разместить в портфолио?

1. Контакты (Contact Details)

Прочитав историю в портфолио с тобой захотят связаться. Надо дать несколько способов, но не слишком много. Адреса электронной почты будет достаточно, можно ещё добавить сервис быстрого обмена сообщениями (Skype, WhatsApp или Telegram), номер телефона на сайте размещать нежелательно. Можно воспользоваться сервисами, которые заменят имейл и номер телефона на картинки.

2. Биография (Bio, About)

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

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

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

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

3. Подходящий опыт (Relevant experience)

Нужны только работы, которые относятся к той работе, которую ты ХОЧЕШЬ выполнять. Возможно, в прошлом ты был дизайнером или занимался SEO, а теперь решил стать веб-программистом. Исключи из портфолио те работы , которыми ты не хотел бы больше заниматься , а также те, которые не могут пригодиться при работе на этой должности.

• Ты выполнял работу по SEO аккуратно и пунктуально, всё делал точно и вовремя? OK, подойдёт как демонстрация аккуратности, особенно если сайт вышел в ТОП.
• Ты сам рисовал дизайны сайтов? Подойдёт для .
• Ты развозил команду по домам? Понятно, что это хорошее дело, но этот пункт не нужен.

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

Список работ для новичков:

• Для студентов — твоя курсовая или квалификационная работа, если она была по этой специальности.
• Перечисли все самостоятельно выполненные работы . Учебные работы по жёсткому учебному процессу не котируются, “стерильные” работы из codecademy и htmlacademy не нужны. Только те, где была значительная самостоятельная работа. Даже если это самостоятельная работа при изучении книги, даже если это была попытка сделать (блог, форум, интернет-магазин, фото галерея), проект для друзей, сайт класса — если ты сделал всё сам, то это твоя работа и твой опыт, они ценятся.
• Если участвовал в конкурсе работ , но твоя работа не прошла в призёры — это твой опыт, добавь работу сюда.
• Если выполнял тестовое задание при устройстве на работу — это твой труд, результаты которого можно продемонстрировать (пример).

К каждой работе нужно приложить описание:

1. Дата или период выполнения работы
2. Для кого и что планировалось сделать. Это может быть техническое задание, описание задачи в обычном стиле, макет в системе прототипирования, графический макет (PSD), скриншот, блок-схема алгоритма, спецификация на API.
3. Что в итоге сделал. Подойдут скриншоты (очень выгодно будут смотреться скриншоты до и после улучшения ), ссылки на резервные страницы с результатами или на страницы действующего сайта, ссылки на репозиторий исходного кода.
4. Что получилось хорошо. Что вызывало гордость, радость, воодушевление. Это может быть твоё личное описание, рецензия заказчика на бирже фрилансеров, отзыв коллег, комментарии в соц сетях. Может быть была премия от заказчика или компании?
   Укажи, какие технические и нетехнические навыки пригодились или появились.
5. (для новичков) Что получилось не хорошо. Как бы это можно было исправить.

Работы нужно размещать в хронологическом порядке, самые свежие первыми. Максимальная «глубина» истории — 3-4 года. Более старые нужно удалять или оставлять о них только упоминания. Также рекомендую после трудоустройства удалить из портфолио пятый пункт описания работ («Что получилось не хорошо…») , чтобы там осталось только хорошее о себе и своих работах. Но можно и оставить, если регулярно актуализировать список и в этом пятом пункте обновлять варианты исправления недочётов с учётом современных знаний, методов, навыков («сейчас бы я …»).

4. Подходящие навыки (Relevant Skills)

Не надо сходить с ума и перечислять вообще всё, что умеешь. Выдели то, что ты умеешь лучше всего .

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

4.1. Профессиональные, технические навыки (Hard Skills)

Пример списка навыков одной из моих курсанток на программах поддержки :

• настройка зависимостей проектов
  • composer
  • bower
• препроцессоры
  • SCSS
• сборка проектов
  • webpack
  • grunt
• работа с системой версионности git
  • github
  • bitbucket
  • + установка продукта из git репозитория на сервер Ubuntu
• Язык программирования PHP
  • функциональное программирование, базовые управляющие конструкции, основы объектно-ориентированного программирования
• фреймворк Laravel 5 (PHP)
  • роутинг, упрощённо
  • работа с базой, упрощённо
  • реализация REST
  • работа с JSON
  • обработка данных форм
• CMS WordPress (PHP)
  • создание и изменение тем
  • настройка виджетов
• CMS Joomla (PHP)
  • создание и изменение тем

Большой список, не правда ли? И по каждому из пунктов надо указать, какая работа может подтвердить навык, то есть указать гиперссылки на работы из первого пункта портфолио. Следи, чтобы не было “битых” ссылок.

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

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

4.2. Нетехнические навыки, личные качества (Soft Skills)

Cписок навыков, которые не относятся к специальности, но очень ценятся у работодателей и заказчиков

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

Продемонстрировать такие личные качества в портфолио — ещё более сложная задача, чем доказать технические навыки. Но считается, что профессиональный рост обеспечивается на 15% техническими навыками и на 85% личными, поэтому хоть и сложно, ну нужно.

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

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

5. Аттестация, сертификаты, дипломы (Certification, Certificates, Diplomas)

В порядке увеличения важности

1. просто перечень курсов, которые прошёл
2. ссылки на страницы, где перечислены пройденные уроки, выполненные задач (htmlacademy.ru , codewars.com) или хотя бы бейджики за достижения (codecademy.com)
3. ссылки на курсы, где выдаются виртуальные сертификаты
4. сертификат, полученный онлайн (электронный или бумажный вариант)
5. сертификат при оффлайн тестировании (электронный или бумажный вариант)
6. диплом о высшем или специальном образовании

По четвёртому и пятому пунктам — список ресурсов, на которых можно получить сертификат:

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

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

Знания иностранных языков ценятся, поэтому сертификаты с курсов иностранного языка будут уместны.

6. Подходящие социальные профили (Social Profiles)

• Github
• Linkedin

Bitbucket ценится ниже чем, чем Github, но ссылка на свой профиль в этом сервисе — тоже хорошо. Российский аналог Linkedin — это МойКруг, я там встречал отличные профили веб-разработчиков, прям конфетки.

Хорошим дополнением будет ссылка на stackoverflow, hachcode, toster и другие профессиональные сообщества разработчиков, особенно если у тебя там высокая репутация.
Если есть свой профессиональный блог или профессиональный канал на Youtube — это ценная ссылка в портфолио.
Выкладываешь слайды со своих конференций на SlideShare — отлично.

Можно, конечно, указать свой Twitter, Facebook, Vkontakte, если есть. Я лично стесняюсь их, потому что там большой риск заполнить свою ленту всякими несерьёзными лайками и перепостами, но эти профили позволят заказчику или работодателю составить лучшее представление о тебе как о личности. Обычно профессиональные качества со временем проявляются в хобби, увлечениях, интересах и отношениях с другими людьми (это называется профессиональная деформация).

7. Получение новый знаний (Self-Studying, Mastering, Skill Growing)

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

Мне встречались квалифицированные специалисты, которые по разным причинам, вынужденно или осознанно, переставали следить за технологиями. Они достигли высокого уровня мастерства в одной узкой специализации. Но жизнь заставила их сменить место жительства или перейти на удалённую работу и оказалось, что в их специализации нет хороших предложений, а их 10+ лет стажа по узкой специализации не достаточны на новом рынке. Некоторые вообще не знают, что такое веб и HTTP. Некоторые пишут с нуля базу данных на C вместо использования популярных SQL/NoSQL решений.

В 2003 году я ушёл из компании, занимавшейся разработкой биллинговой системы для ЖКХ, потому что почувствовал — я заперт в узкой специализации, в одной технологии, мне будет трудно сменить место работы и я навсегда останусь привязанным к этой компании. Теперь я знаю достаточно много про разные биллинговые и платёжные системы и знаю более двух десятков языков программирования. Не все из них даже на 50%, но разобраться в чужом коде могу. Это позволяет мне быть универсальным веб-разработчиком.

Один программист 45 лет попросил составить ему план изучения технологий на 5 лет вперёд с целью … не скучать на пенсии и не зависеть от государства. Да, если он закончит план, то скучать или голодать ему не придётся. Информационные технологии — самое быстро развивающееся направление — его знания 100% пригодятся.

А у тебя как обстоят дела с самообразованием? Куда планируешь пойти учиться? Что планируешь изучить? Что ты изучаешь сейчас? Над чем экспериментируешь?

Продемонстрируй работодателю, что ты не остановил свою подготовку. Большой список не пиши, чтобы не вызвать ощущение, что ты хватаешься за 10 дел и скачешь по верхам. Для планирования используй другие средства, например задачник Todoist или сервис постановки целей SmartProgress .

8. Профессиональные интересы

Это только профессиональные интересы, ничего личного.

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

8.1. Текущие интересы (Professional interests)

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

Примеры профессиональных интересов:

1. Получить практику в разработке на PHP
2. Изучить фреймворки Yii, Zend, и Symfony2.
3. Получить сертификат Zend Certified PHP Engineer
4. Углубить знания Javascript, Angular.js, Node.js

8.2. Профессиональные цели (Professional aims)

Твои интересы на ближайшие 3 — 5 лет, чтобы работодатель понял, куда ты будешь развиваться .

Примеры профессиональных целей:

• Провести полный цикл веб-разработки от проектирования до сопровождения
• Разработать профессиональный веб-инструмент (фреймворк, CMS, CRM или иной) для какого-нибудь специального применения
• Работать с конечными пользователями, с клиентами
• Создать высоконагруженное веб-приложение
• Создать мультиязычный веб-проект
• Разработать мультиплатформенное веб-приложение
• Стать руководителем команды разработки
• Изучить интернет-маркетинг и SEO
• Работать удалённо
• Свободно общаться на английском

Насколько подробно публиковать интересы и цели — решать тебе. Можно наметить только ориентиры (этакий todo list), а можно детально расписать план с указанием меток на шкале времени, как делается в SmartProgress . Планирование — отличный навык, даже если пока план реализуется не в срок.

9. Фото (Photo)

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

Выбери самую качественную фотографию. Стиль — деловой, но не слишком строгий (Business Casual). Для вдохновения — поищи в гугле по фразе «мужское портфолио фото». Будь на фото такой, какой ты бы был после того, как закончилась какая-нибудь официальная встреча, но то того, как начался банкет.

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

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

10. Версия для скачивания (Printable Copy, Hard Copy)

Многие предпочитают иметь отпечатанный на бумаге экземпляр резюме или портфолио. Оформи резюме в виде документа, который можно распечатать или сделай сайт-портфолио printer-friendly. По отзывам HR-специалистов, нет «лучшего» формата документа, поэтому рекомендую иметь идентичные версии в форматах PDF и DOC, на всякий случай ODT и просто HTML. Если подскажешь ссылку на сервис, который сразу все эти форматы поддерживает — моё огромное спасибо!

Советую в копию для печати добавить короткую ссылку и QR код для перехода на онлайн-версию веб-портфолио с смартфона или планшета. Лучше если веб-портфолио при этом будет с реализовано с поддержкой «отзывчивой» вёрстки (responsive layout).

Хочешь иметь этот лист под рукой? Скачай всю статью в электронном виде целиком (формат: html или PDF, объём ~10 страниц А4, время чтения 5 минут)

Чтобы преуспеть на рынке web-дизайна и разработки или в качестве фрилансера, нужно иметь . Создатели сайта-портфолио сталкиваются с задачами посложнее, чем у других креативщиков. Их мастерство будет оценено не по картинке или тематическому исследованию, а тому как работает дизайн. Для этого обзора подобраны самые крутые, свежие дизайнерские сайты 2017 года. Сегодня много оформителей портфолио погналось за модными современными спецэффектами. Но творческий подход на основе не стареющих принципов веб-дизайна с уникальным авторским почерком – неоспоримо интересней и выглядит новаторским.

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

Великолепная графика проектов связно представлена в плоском плиточном дизайне. Малика поражает умением использовать позитивно-негативное пространство. Шикарно выглядит векторная графика оживленная синемаграфией. Эффектные иллюстрации на

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

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

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

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

Что включить в свое портфолио?

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

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

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

• Картинки, которые показывают работу с клиентами
• Ссылки, которые переадресуют посетителя к каждой работе,где ее можно рассмотреть более детально и индивидуально
• Детальное описание каждой работы и предпринятой методики
• И, наконец, необходима активная ссылка на живой сайт, где посетители могут увидеть и ощутить ваш профессиональный талант в живую.

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

Thumbnails/Картинки

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

Есть несколько отличных способов применения картинок, например, посмотрите на Google Chrome Web Store или Itunes.com

Showcases/Витрины

Не всем нравятся “понты”, но вы должны серьезно рассмотреть такой подход при создании портфолио ваших работ.

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

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

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

Как получить опыт работы?

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

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

Где и как получить отзывы о своем портфолио?

Как ни странно, лучшее место для получения “фидбэка” являются сообщества. Зарегистрируйтесь в Контакте, и начните участие в дизайнерских сообществах, добавьте их в список ваших интересов. Станьте частью сообществ и общайтесь с другими дизайнерами.

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

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

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

Итог

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

Так что, если вы голодны,готовы вступить в мир дизайна и сделать что-то великое, или создать свой личный виртуальный мир, тогда вперед. Знайте, у вас все получится!