Как оформлять портфолио

Содержание

Рассказ о себе для портфолио

Шелёва Лиана Владимировна

Дата рождения: 6 октября 1989 год

Город проживания: Иваново

Место и должность ПД : МБОУ «Чернореченская СШ»

Опыт педагогической работы: 4,5 года

Образование: МБОУ «Новоталицкая СШ» ,год окончания — 2006.

Дополнительное образование :

  • МБУДО Детская музыкальная школа № 4 г. Иваново по классу эстетическое фортепиано.Год окончания — 2006.
  • Институт развития образовния ивановской области» ,повышение квалификации по обновлению содержания музыкального воспитания дошкольников в объеме 108 часов.Год обучения 2013.

О себе: Я- человек всегда хорошего настроения! Грустить мне просто некогда.У меня большая семья! Дочка,сын,муж,собака породы Шарпей,шотландская кошка и две рыбки Гурами.

Музыкальным руководителем я стала совершенно случайно,искала работу нянечки,чтобы быть поближе к дочке в садике,а заведующая предложила мне должность Музыкальной Феи.Да,да.Именно так называют меня девочки из средней группы.А может быть случайности не случайны? Ведь музыкальную школу я закончила благодаря маминым пинкам и фразам моей любимой учительницы: «Тебе еще это в жизни пригодится». «Нет!Не пригодится!Я в жизни не сяду больше за инструмент!» — говорила я. И ошибалась.Теперь это мое любимое занятие и дело всей моей жизни. Проработав 3 года в детском саду я ушла… Ушла из -за не понимания педагогов со стажем.Переехала в центр города и следующие три года работала продавцом в ювелирном магазине,но при блеске бриллиантов и феонитов мне очень не хватало блеска глаз детей.В 2017 году приняла решение вернуться в любимый сад,где прошло мое детство и моя педагогическая деятельность.И пусть путь до работы составляет 28 км в день,меня это не останавливает.Я снова в строю! Прививаю музыкальный вкус детям,воспитываю интерес к музыке и проявляю свои творческие и хореографические возможности. Помимо всего этого я веду активную социальную жизнь.Участвую в различных проектах,таких как КВН (районный) ,ГТО,посещаю различные методические объединения.

В 2018 году вступила в отряд добровольцев и волонтеров нашего города.На данный момент обучаюсь в школе волонтеров,где нам рассказывают о добровольчестве и главной цели этого проекта. Кстати,при работе в детском саду (сад районный) я проводила акцию «Ты нам нужен»,мы с детьми показывали сказку и делились апельсинками добра.Собранная сумма была не большой,но и мы смогли внести свой вклад в городской проект.

Так же,я занимаюсь рукоделием.И оно тоже связано с детьми.именные булавки-обереги пользуются огромной популярностью у современных мам.Мой девиз в изготовлении этих замечательных аксессуаров – «Сделано с добром!» А как еще может быть, когда делаешь для детей и ради детей?!

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

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

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

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

10 правил успешного портфолио

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

Правила, которые улучшат ваше портфолио:

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

Еще ни разу не брали заказы? Можно сделать несколько проектов для себя и собрать из них портфолио.

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

Достижения. Что писать: чего добились и какими средствами. Подкрепляйте слова грамотами, сертификатами, документами.

Кому подходит:

  • няням,
  • менеджерам,
  • маркетологам,
  • операторам,
  • директорам.

Презентация. Универсально для всех профессий. Делайте краткий файл презентации, придерживаясь стандартной структуры:

  1. Титульный лист для файлов презентации. В Word достаточно написать имя, фамилию и специальность.
  2. Краткое описание заслуг, выполненных проектов. Опыт работы, если он больше года.
  3. С кем работали и как долго.
  4. Где учились, какие курсы проходили.
  5. Уникальное торговое предложение (УТП) + призыв к действию.
  6. Контакты.

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

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

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

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

Советую делать на WordPress. У платформы масса готовых дизайнов сайтов для фрилансеров, менеджеров. LiveJournal, Blogger или конструктор сайтов выглядят как-то не солидно. Позаботьтесь об удобной навигации, понятном описании и красивом оформлении.

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

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

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

Бумажное портфолио. Сделать его своими руками просто:

  1. Покупаете папку с файлами или твердую на кольцах.
  2. Правите и распечатываете свои работы. Рукописи смотрятся не солидно, да и ваш почерк могут не разобрать.
  3. Складываете распечатки в файлы.
  4. Подписываете папку или приклеиваете название.

Создавайте несколько вариантов. Люди по-разному воспринимают информацию. С кем-то сработает блог, с другими – PDF. Пробуйте.

Рекомендации для каждой профессии

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

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

Маркетологу

Сделать портфолио маркетологу – это собрать несколько успешных кейсов. В них подробно рассказывается:

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

Копирайтеру

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

Сохраняйте скриншоты текстов в формате PNG. Заскринить половину или целую страницу сайта можно плагином Awesome Screenshot.

Программисту

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

Действия, которые испортят ваше портфолио:

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

Менеджеру

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

  1. Тема проекта и название организации. Интернет, коммерция и т. д. Можете написать про отрасль.
  2. Сложность проекта. Сколько рабочих часов и за какой период потратил ваш отдел.
  3. Размер и состав команды. Сколькими людьми вы руководили. Кто они по специальности.
  4. Общение с сотрудниками, мотивация, разрешение конфликтов. Как вы сподвигли команду на продуктивную работу, как вы добились слаженности.
  5. Планирование и соблюдение сроков. Если было нарушение дедлайна, то напишите почему.
  6. Составление документов. Как вы писали техническое задание, распоряжения для сотрудников.
  7. Распределение бюджета и превышение установленных лимитов. Отметьте, если удалось сэкономить часть выделенных средств.
  8. Технология, методы, инструменты. На собеседовании могут спросить, работали ли вы с парадигмой Scrum. Но обычного перечисления не хватит. Опишите все в подробностях. Эта графа дает понятие о ваших ключевых навыках. Благодаря им работодатель быстро поймет, подходите ли вы на эту должность.
  9. Все ли цели удалось достигнуть с помощью проекта. Прибыльность, окупаемость и любые другие показатели.

Пример портфолио менеджера веб-разработок.

Компания “Veck”. Направление проектов: веб, информационные и расчетные системы.

IT-команда вела проекты от 80 часов (2 недели) до 480 часов (3 месяца).

Под управлением 14 человек. Среди них: веб-дизайнер, программист, системный администратор, контент-менеджер. Работали над 8 проектами в разных стадиях разработки одновременно.

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

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

Документация велась в Google Docs. За исполнением задач следили через Jira. Для сданных проектов пользовались Agile.

У 10 из 35 проектов была переработка на 20 рабочих часов. Причина: неправильная формулировка целей и задач разработчику. Удалось сэкономить 5 % от бюджета благодаря двойному согласованию задач и новой системной панели программиста.

Из 35 проектов окупились 27 %. Около 15 % выходят на плановую прибыль.

Учителю

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

Страница 1. Титульный лист. В нем написать:

  • название учебного заведения,
  • портфолио,
  • преподаватель “ваш предмет”,
  • Ф. И. О.,
  • город и год.

Страница 2. Общие сведения:

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

Страница 3. Документы. Сюда прикладываете сканы или оригиналы грамот учеников, сертификаты с курсов, дипломы, гранты.

Страница 4. Какие современные технологии и методики применяются для обучения.

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

Страница 6. Научно-методическая работа педагога. Разработанные лично вами методички.

Страница 7. Практический опыт педагога. Расскажите о конкурсах, мастер-классах, заседаниях, где вы участвовали.

Страница 8. Саморазвитие и самообразование. Курсы, посещения семинаров, лекций.

Страница 9. Оценки от родителей, выпускников, коллег, руководства.

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

Социальному работнику

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

Ретушеру

Портфолио ретушера – это фотографии до и после обработки. Креативно к функционалу подошел Сергей Мошков. Граница “До” и “После” у фото подвижна. Можно скачать оригинал.

Автор разделил все работы на категории и понятно подписал.

Рукодельнице

Один раз мне понадобился блокнот в стиле скрапбукинг. Хотела подарить подружке. Нашла мастера в интернете, написала. Она стала хвалиться, что у нее 100 работ за плечами, 3 года опыта. Слова как-то не впечатлили. Я попросила у нее доказательство – портфолио. Она не смогла показать ни одной работы. На этом мы с ней попрощались. Я сделала заказ у другого человека.

Несколько советов:

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

Советую выкладывать портфолио на портале Ярмарка Мастеров.

Сервисы для создания и публикации портфолио за полчаса

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

Behance

Находка для всех, кто работает с графикой. Улучшаете изображения в Фотошопе: яркость, контрастность и т. д. Потом просто загружаете на сайт в личном кабинете. Можно публиковать в качестве персональных и командных работ. Главное – указать остальных участников проекта.

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

Clippings

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

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

Portfolios

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

Pressfolios

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

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

Бесплатно пользоваться профилем дают 2 недели. Разместить более 12 работ нельзя. Потом нужно оплачивать подписку за 9,99 – 14,99 $ в месяц.

Contently

Крупный сайт, посвященный контент-маркетингу. Оформление профилей похоже на соцсети. Можно добавить ссылки на Facebook, Twitter, Tumblr.

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

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

DeviantАrt

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

Сервис позволяет бесплатно размещать до 100 иллюстраций. Личный домен + неограниченная выгрузка доступны владельцам платной подписки за 5 $ в месяц.

Pinterest

Социальная сеть, состоящая из визуальных закладок. Ваш профиль – это сборник тематических досок, куда вы добавляете свои работы и ссылки на них. Создайте доску “Мои работы” – это и будет вашим портфолио.

За использование Pinterest не нужно платить. Для удобства скачайте расширение Pinstamatic. В два клика сможете добавить картинку, ссылку прямо из браузера.

Coroflot

Английская социальная сеть иллюстраторов и дизайнеров. Здесь легко добавить портфолио и найти клиентов, завести полезные знакомства, пообщаться с коллегами.

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

Revision

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

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

Где можно размещать

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

Социальные сети

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

Как превратить профиль соцсети в мини-портфолио:

  1. В статусе напишите профессию, ваши услуги.
  2. В графе “Место работы” укажите специальность.
  3. В фотоальбоме сделайте папки под каждый вид услуг. Например, “Ретушь”, “Свадебные фотографии” – все раздельно.
  4. На стене постоянно публикуйте видео, фото рабочего процесса, делитесь мыслями, идеями.
  5. Подпишитесь на тематические группы.

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

Персональный сайт

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

Я нашла лендинг программиста. Его можно использовать как схему-образец.

Шаг 1. Представьтесь.

Шаг 2. Покажите услуги, которые вы готовы оказать.

Шаг 3. Добавьте свои работы.

Шаг 4. Установите форму обратной связи и оставьте контакты.

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

Если денег и времени не хватает на создание сайта с нуля, можно сделать блог в ЖЖ, Blogger или Яндекс.Дзен. Главное – начать.

YouTube-канал

Как говорил мой преподаватель по SMM, “Контент хорошо, но Ютуб лучше”. Потому что текст многих напрягает, а видео легче воспринимается. Записывайте значимые части вашей деятельности – как вы печатаете, ищете материалы, мастерите. Если вы профи, пробуйте снимать видеоуроки.

В описании к ролику ненавязчиво оставляйте контакты, ссылки.

Тематические форумы

Создайте новую тему. Например, “Рисую портреты в подарок” или “Пересчитаю все в 1С”. В название добавьте проблему целевой аудитории + решение. Это всегда работает.

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

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

Чтобы построить головокружительную карьеру, студенту уже с первого курса надо собирать портфолио. В идеале оно должно включать:

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

Для создания электронного портфолио можно воспользоваться Word или PowerPoint.

Бумажное портфолио состоит из 11 страниц, которые собраны в одной папке.

Страница 1. Титульный лист. Название вуза, Ф. И. О. студента, дата рождения и средний балл успеваемости.

Страница 2. Специальность, которую студент успел получить в другом институте, на курсах или обучается сейчас.

Страница 3. Где вы проходили практику и как долго.

Страница 4. Напишите, какие проекты делали во время учебы.

Страница 5. В каких олимпиадах участвовали, награждались ли.

Страница 6. Заполните список конференций, которые посещали.

Страница 7. На каких конкурсах выступали со своими проектами.

Страница 8. Попадали ли ваши работы в журналы. Если да, то укажите название издания, дату, количество страниц.

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

Страница 10. Спортивные соревнования, в которых вы участвовали. Места, занятые на них. Если не дружите со спортом, то пропустите этот список.

Страница 11. Ваше творчество на конкурсах. Например, танцы, рисование и т. п.

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

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

Как составить портфолио школьнику

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

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

Титульный лист. Название школы, Ф. И. О. и фото школьника, дата и место рождения.

Мой мир. Фотография, краткая биография, хобби. Эта страничка должна давать краткое представление о жизни ученика.

Моя учеба. Нужно написать:

  • об успеваемости,
  • об учителе,
  • о любимом предмете,
  • об успешных заданиях.

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

Мои увлечения. Фото сделанных работ с описанием.

Мои впечатления. Рассказ о посещении разных мест: театров, музеев, курортов и т. д.

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

В канцелярском магазине можно купить готовую папку “Портфолио школьника”. Там уже все разбито на подразделы, остается только заполнить и вставить фотографии. Стоит от 300 руб.

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

Как оформить портфолио

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

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

Полезный материал

Составление портфолиоскачайте здесь.

2 Какое направление вы бы не выбрали, его необходимо подкрепить примерами. Найдите самые удачные. По каждому из направлений самый оптимальный вариант – 10-20 работ. Этого вполне достаточно, чтобы о вашем уровне могли составить первоначальное впечатление.

Примерная структура портфолио:

  • титульный лист (название проекта);
  • цели портфолио;
  • автобиография;
  • рабочие материалы;
  • достижения;
  • внешние отзывы.

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

4 Примите решение о месте размещения своего портфолио. Самый прогрессивный вариант размещения – интернет. Можно поместить его на специальных сайтах – биржах, на своем личном сайте. Не лишним будет записать его на флешку или диск и всегда носить с собой. Неизвестно, когда и где вам повстречается будущий работодатель или заказчик. Пример портфолио на бирже fl.ru.

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

6 Ознакомьтесь с примером отличного электронного портфолио. Что здесь есть:

  • выбраны работы самые новые и лучшие;
  • в каждом направлении несколько проектов (2-6);
  • скриншоты иллюстрируют статьи;
  • проекты описаны грамотно, правильно озаглавлены;
  • вся страница выглядит гармонично, красиво структурирована;
  • наличие аватара в виде фото автора.

7 Для сравнения обратите внимание на пример не очень удачного портфолио, требующего доработки. Его минусы очевидны:

  • слишком мало работ;
  • работы выполнены давно, нет свежих идей;
  • нет скриншотов, превью;
  • добавлены не все работы;
  • мало направлений (работы с текстами отсутствуют).

8 Еще пример портфолио на сайте freelancejob.ru, который можно принять за образец. Если у вас все еще остались сомнения, неуверенность в написании и оформлении портфолио, то зарегистрируйтесь на форуме фрилансеров. Там, в группах есть специалисты, которые профессионально ответят на вопросы.

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

20 советов для создания идеального портфолио

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

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

1. Будьте избирательны
2. Выбирайте только самые сильные работы
3. Показывайте свои самые уникальные и креативные работы
4. Покажите разнообразие
5. Определитесь с количеством работ
6. Подумайте и о бумажном портфолио
7. Выбирайте высокое разрешение
8. Будьте в курсе актуальных трендов
9. Стремитесь к единообразию
10. Обеспечьте плавный переход между работами
11. Сделайте фотографии своих бумажных работ
12. Сделайте их интересными
13. Включайте свои личные работы
14. Укажите детали проекта
15. Результаты
16. Сделайте снимок крупным планом
17. Покажите процесс дизайна
18. Не используйте flash или анимацию в своем онлайн-портфолио
19. Попросите взгляд со стороны
20. Регулярно пересматривайте свое портфолио
Вместо заключения

1. Будьте избирательны

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

Портфолио Лиз Грант (Liz Grant) чистое, простое и красивое. Оно не перенасыщено и в нем легко ориентироваться:

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

2. Выбирайте только самые сильные работы

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

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

3. Показывайте свои самые уникальные и креативные работы

Отбирайте для портфолио те работы, которые демонстрируют собой самые последние тренды. Они не должны повторять работы других дизайнеров. Заставьте людей думать «ничего себе, вот ЭТО действительно классно!» Портфолио Duoh! — и весь сайт целиком — пример такой уникальности:

Читайте также: Профессиональные советы по созданию идеального портфолио веб-дизайнера

4. Покажите разнообразие

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

Портфолио арт-директора и дизайнера Корины Ники (Corina Nika) включает множество разных проектов, прекрасно сочетающихся между собой:

5. Определитесь с количеством работ

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

В портфолио Олли Сорсби (Olly Sorsby) на первый план выдвинут один проект, а ниже приводится несколько дополнительных. Такой формат портфолио приковывает внимание зрителя к одному нужному проекту:

6. Подумайте и о бумажном портфолио

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

Портфолио Abra Design на изображении выше выполнено в форме журнала, что всегда будет актуально. Также вы можете пойти действительно креативным путем, как Алекс Фоукс, и создать работу, которая будет являться произведением искусства сама по себе:

7. Выбирайте высокое разрешение

Даже если ваше портфолио целиком располагается в Сети, вы никогда не можете быть уверены в том, что однажды вам не понадобится его распечатать. На этот случай желательно иметь фотографии всех ваших работ в высоком разрешении. Портфолио Найноа Шизуры (Nainoa Shizura) целиком состоит из ​​потрясающих, крупных фотографий в высоком разрешении:

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

8. Будьте в курсе актуальных трендов

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

Дизайнер Роберт Гавик (Robert Gavick) создал одностраничное, очень модное и трендовое онлайн-портфолио, а Джон Джейкоб (John Jacob) демонстрирует свои работы нетрадиционным и интересным способом, вместо того чтобы использовать плоские фотографии или PDF-файлы.

Читайте также: Для чего фотографу лендинг-пейдж портфолио

9. Стремитесь к единообразию

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

Дизайнерам Джессике Комингоре (Jessica Comingore) и Мхо (Mhou) удалось сохранить свои портфолио чистыми и единообразными.

10. Обеспечьте плавный переход между работами

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

Портфолио Down With Design и Tractor Beam — отличные примеры плавного перехода между работами: все они выглядят единообразно до того момента, как их откроют. Это создает приятный внешний вид и при этом не сбивает зрителя с толку.

11. Сделайте фотографии своих бумажных работ

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

12. Сделайте их интересными

Если у вас имеется только PDF разработанного вами журнала или постера, поищите в интернете мокап ресурс, такой как, например, Graphicburger. Там есть возможность бесплатно скачать многоуровневые PDF-файлы с вашими работами, чтобы они выглядели так, словно вы нанимали фотографа. Они идеально подходят для веб-сайтов и приложений. Агентство Everything использует для всего своего портфолио мокапы:

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

13. Включайте свои личные работы

То, что вы включаете в свое портфолио, не всегда должно быть обязательно выполнено для заказчика. Если у вас есть свои личные любимые проекты, вы можете также внести их в свое портфолио. Дизайнер бренда и упаковки Пол Курра (Paul Currah) разместил несколько таких работ в своем портфолио:

14. Укажите детали проекта

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

Агентство Studio Faculty указывает не только имена дизайнеров, но также использованные бумагу и шрифты.

15. Результаты

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

«Спустя 3 месяца показатель отказов сайта Smoke&Croak опустился ниже 40%. Это означает, что более 60% пользователей взаимодействовали с сервисом»

Читайте также: Как найти клиентов для веб-студии?

16. Сделайте снимок крупным планом

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

17. Покажите процесс дизайна

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

На изображении выше вы можете наблюдать дизайн-мышление и процесс дизайна Келси Кронкхайт (Kelsey Cronkhite) на протяжении всего проекта. Агентство Hanger также включает эскизы, демонстрирующие начало процесса дизайна:

18. Не используйте flash или анимацию в своем онлайн-портфолио

Ваше портфолио должно быть простым и не перегруженным. Позвольте зрителю просматривать его в своем собственном темпе. Использование эффекта параллакса и других вариантов прокрутки приемлемо и очень популярно сегодня. Филипп Эндрюс (Philip Andrews) использует в своем портфолио разные формы прокрутки, удачно направляющие взгляд зрителя. А в портфолио Arun для демонстрации каждой отдельной работы используются простые всплывающие окна (pop up):

19. Попросите взгляд со стороны

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

Хорошо ли оно смотрится? Профессионально? Легко ли перемещаться по лендингу?

«Ничто не погубит ваш авторитет настолько быстро, как портфолио, полное грамматических и орфографических ошибок. Невнимательное отношение к контенту в своем портфолио — яркий признак того, что и в остальной работе вам свойственна небрежность», — добавляет дизайнер Эрик Ногучи (Eric Noguchi).

20. Регулярно пересматривайте свое портфолио

Если вы считаете, что все заканчивается после того, как вы нажали кнопку «опубликовать» на странице своего портфолио, то возвращайтесь к пункту № 8. Чтобы ваше портфолио всегда оставалось актуальным и отвечающим последним тенденциям, установите график пересмотра своего портфолио. Например, каждые шесть месяцев. Добавляйте новые работы и удаляйте все, что устарело или просто приелось.

Вместо заключения

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

  • Если у вас есть полноценный сайт, то очевидным решение будет добавить раздел «Портфолио». Вы можете также озаглавить его как «Примеры работ».
  • Если же у вас нет своего сайта и ресурсов для его создания, обратите внимание на глобальные творческие сообщества, где дизайнеры могут представить свои работы.
  • Flickr изначально являлся сервисом по обмену фотографиями, но позже развился в площадку портфолио. Вы можете группировать здесь свои работы по категориям так же, как и в обычном портфолио.
  • Instagram также является лидирующей платформой для создания неофициального портфолио. Для этой цели лучше завести второй аккаунт, чтобы ваши селфи не маячили между двумя рекламными кампаниями.
  • Ну и наконец, рассмотрите возможность создания отдельного лендинга, чтобы указывать ссылку на него в социальных сетях и на визитках. Платформа LPgenerator предлагает на выбор несколько готовых шаблонов, которые легко можно адаптировать под себя:

«Портфолио — это основа креатива, поскольку оно показывает, на что вы способны», — говорит графический дизайнер Джейкоб Касс (Jacob Cass) из Just Creative. Это витрина ваших крови, пота, талантов и триумфов. Это ваш бренд, гордитесь этим. А теперь идите и покажите его миру!

Высоких вам конверсий!

По материалам: canva.com

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

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

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

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

Пройдя этот сложный путь, мне хотелось бы помочь другим родителям, которые только столкнулись с вопросом КАК СДЕЛАТЬ ПОРТФОЛИО ШКОЛЬНИКА.

Итак, что нужно для портфолио:

1. папка-регистратор
2. файлы… нет, не правильно, мнооого файлов
3. бумага А4
4. цветные карандаши (для выполнения рисунков ребенком)
5. принтер
6. ну и, конечно же, терпение и время

Задача родителей — помочь детям составить портфолио. Подсказать, КАК СДЕЛАТЬ ПОРТФОЛИО ШКОЛЬНИКА, как правильно заполнить разделы, выбрать нужные фотографии, рисунки.

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

1. Титульный лист портфолио ученика

На этом листе указываются данные ребенка – Фамилия, Имя, Отчество, фотография ребенка, учебное заведение и город в котором учится ребенок, дата начала и окончания портфолио.

2. Раздел — Мой мир:

В этом разделе добавляется информация, которая важна для ребенка. Примерный вариант страниц:

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

3. Раздел — Моя школа:

Моя школа – адрес школы, телефон администрации, можно приклеить фотографию учреждения, ФИО директора, начало (год) учебы.

Мой класс – укажите номер класса, приклейте общую фотографию класса, а также можно написать небольшой рассказ о классе.
Мои учителя – заполняем данные о классном руководителе (ФИО + краткий рассказ, о том какой он), о педагогах (предмет + ФИО).
Мои школьные предметы – даем краткое описание по каждому предмету, т.е. помогаем ребенку понять для чего он нужен. Так же можно написать свое отношение к предмету. Например, математика сложный предмет, но я стараюсь, т.к. хочу научиться хорошо считать или мне нравится музыка, потому что я учусь красиво петь.
Моя общественная работа (общественная деятельность) – данный раздел желательно заполнить с фотографиями, где ребенок принимал участие в школьной жизни (например, выступал на празднике, оформлял класс, стенгазету, читал стихи на утреннике и т.д.) + краткое описание о впечатлении/эмоциях от выполнения общественной деятельности.
Мои впечатления (школьные мероприятия, экскурсионно-познавательные мероприятия) – тут всё стандартно, пишем коротенький отзыв-впечатление о посещении ребенка с классом экскурсии, музея, выставки и т.д. Отзыв можно оформить фотографией с данного мероприятия или нарисовать рисунок.

4. Раздел — Мои успехи:

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

Мое творчество – сюда мы размещаем творчество ребенка. Рисунки, поделки, его писательскую деятельность – сказки, рассказы, стихи. Про объемные работы тоже не забываем – фотографируем и добавляем к себе в портфолио. При желании, работы можно подписать – название, а также где участвовала работа (если выставлялась на конкурсе/выставке).
Мои достижения – делаем копии, и смело размещаем в этот раздел – похвальные листы, грамоты, дипломы, итоговые аттестационные ведомости, благодарственные письма и т.д.
Мои лучшие работы (Работы, которыми я горжусь) – сюда будут вкладываться работы, которые ребенок посчитает важными и ценными за целый год учебы. А оставшийся (менее ценный, по мнению ребенка) материал выкладываем, освобождая место для разделов для нового учебного года.

5. Отзывы и пожелания (Мои учителя обо мне) – это страничка для педагогов, где они могут написать свои отзывы и пожелания по проделанной работе или итогам успеваемости.

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

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

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

Дополнительные страницы, которые можно приложить к портфолио:

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

Шаблоны для портфолио Вы можете посмотреть.

КАК СДЕЛАТЬ ПОРТФОЛИО ШКОЛЬНИКА.

Как сделать портфолио? Примеры и образцы портфолио

Разговаривая с клиентами и фрилансерами, я часто спрашиваю: на что, по-вашему, в первую очередь обращает внимание заказчик? В большинстве случаев люди указывают на портфолио и опыт работы. Это закономерно. Как еще заказчики могут оценить качество и профессионализм удаленного работника? Только по примерам работ.

В нашей статье мы расскажем, как сделать красивое и эффектное портфолио, которое привлечет к вам много клиентов.

Портфолио – это грамотно оформленный перечень работ определенного специалиста.

Например, портфолио копирайтера состоит из написанных им текстов, отсортированных по тематике или виду текста (коммерческое предложение, контент для сайтов, слоганы).

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

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

Как составить портфолио?

  1. Выделите направления, по которым вы желаете создать портфолио. Например, у копирайтера это могут быть: коммерческие предложения, тексты для сайтов, нейминг, слоганы. У фотографа: репортажная съемка, портреты, свадебная съемка и т.д.
  2. По каждому направлению отберите ваши лучшие работы и средние по качеству проекты. Оптимально включить в портфолио 10-20 работ по каждому направлению. Это уже создать у клиента нормальное представление о вашем уровне.
  3. Подумайте над красивым оформлением портфолио. Например, фрилансер-копирайтер может сформировать один файл в .doc, где будут представлены все отобранные им коммерческие предложения или создать отдельный файлы для каждого текста. Главное, чтобы они были правильно оформлены. Можно создать несколько папок, куда добавить работы по направлениям.
  4. Разместите портфолио в Интернете, на личном сайте, флешке или диске. Идеально, если ваше портфолио будет всегда с вами – никогда не знаешь, где придется общаться с клиентом.

Какие работы добавить в портфолио?

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

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

Куда добавить портфолио в Интернете?

  • На персональном сайте — лучший вариант, поскольку ссылки на образцы портфолио Вы сможете дать на визитке, любой бирже удаленной работы, а также в процессе общения на форуме или в сообществе.
  • На бирже удаленной работы — хороший вариант, позволяет привлечь внимание к портфолио со стороны потенциальных заказчиков, однако для этого Вам потребуются платные услуги по выделению портфолио в каталоге фрилансеров (см. статью «Где искать клиентов? Поиск клиентов в Интернете»).
  • В каталогах фрилансеров — на данный момент отдельных каталогов практически нет.
  • На форумах — темы быстро уходят в архив и со временем Ваше портфолио может быть удалено с сайта. Эффект от добавления портфолио на форумах может быть в течение первой недели-двух. Чтобы получать внимание посетителей форума в дальнейшем, Вам придется обновлять портфолио или иным способом привлекать к нему внимание. Другие минусы способа: отсутствие возможности добавить много работ, красиво их оформить и удобно структурировать.
  • На досках объявлений — аналогичные недостатки, как при добавлении портфолио на форумах.

25 сайтов, где можно разместить портфолио!

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

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

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

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

Оформление портфолио на бирже

Большинство бирж позволяют ввести название работы, короткий комментарий (около 300 символов), фотографию и ссылку на источник. Понятно, если вы – дизайнер, то можете поставить в качестве фотографии скриншот сайта, над которым работали. А что желать журналистам? То же самое. Ставить скриншот страницы со статьей. Если статья большая – сделайте скриншот ее небольшой части, а на полную версию дайте ссылку. Если Вы программист – имеет смысл описать суть работы в комментариях, а затем дать ссылку на сайт, где можно посмотреть работу скрипта или системы управления. Как вариант – можно разместить скриншот админ-панели CMS.

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

Отдельно хочется отметить количество работ в портфолио. Как уже было сказано ранее, многие биржи телеработы ведут рейтинг фрилансеров. И размер этого рейтинга иногда напрямую зависит от количества работ в портфолио. Например, Free-Lance.ru начисляет дополнительно около пяти баллов за одну работу. Поэтому фрилансеры заинтересованы ставить как можно больше примеров! Мне приходилось видеть портфолио, где количество работ переваливало за сотню, а то и за две сотни! Длина страницы поражала воображение! Но стоит ли так «накручивать» рейтинг? Понятно, лишних 20 работ – и есть 100 баллов. Сотня работ – уже 500 баллов. Но что скажет заказчик, просматривая такое портфолио? Спасибо точно не скажет. Для него огромный список – это море информации, обработать которую невозможно. Скорее всего, он покинет такое портфолио вместе с заказом. Также надо учитывать, что банальное размещение множества проектов — далеко не единственный путь получить высокий рейтинг. На его размер влияют и другие фаткоры: посещаемость портфолио, отзывы заказчиков и другое. И зачастую влияние этих факторов сильнее, нежели количество работ.

Оптимально размещать до 10-15 работ в каждом направлении. Этого достаточно чтобы не захламить страницу, повысить рейтинг на 50-75 баллов и дать заказчику полное представление о Ваших знаниях и способностях. Что делать, если работ недостаточно? Разделять! Например, Вы пишете новости для портала, допустим, Kadrof.ru. Вместо того, чтобы ставить эту работу одним пунктом (новости для Kadrof.ru), Вы разделяете и вводите каждую новость как отдельный проект. Поучается не одна работа, а допустим – десять. И никто не будет против. Все по правилам. И рейтинг вырастет не на 5 пунктов, а сразу на 50.

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

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

Пример хорошего портфолио:

Плюсы образца портфолио:

  • В каждом направлении – от 2 до 6 проектов
  • Выбраны лучшие и свежие работы
  • Статьи сделаны со скриншотами
  • Грамотное название и описание проектов
  • Страница в целом выглядит аккуратно
  • Есть аватар (фотография исполнителя)

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

Пример портфолио, требующего доработки:

Минусы данного портфолио:

  • Мало свежих работ,
  • Мало превью, скриншотов,
  • Представлены не все направления работы,
  • Немного отзывов.

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

Пример портфолио на корпоративном сайте:

Преимущества данного портфолио:

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

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

Остались вопросы?

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

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

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

01. Начните с постановки задачи.

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

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

Подумайте, кто будет смотреть ваше портфолио и чего он ожидает там увидеть. То, что интересно работодателю, редко волнует клиента, а HR не обратит внимание на многое из того, что увидит коллега.

02. Выберите нужное направление.

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

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

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

Рисунки в портфолио концепт-артиста Пола Ричардса

03. Покажите, с какими задачами вы имели дело и как их решили.

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

Например, в портфолио Кэрола Банача представлены его муралы, благодаря которым преображаются интерьеры офисов, кафе и других помещений. В его копилке постеры, иллюстрации и принты для Икеа, Adobe, Huawei Honor, Samsung, The Washington Post.

Минималистичное портфолио с ярким дизайном Кэрола Банача

04. Переключите мышление с «соискателя» на «профессионала».

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

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

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

Портфолио Хизер Шоу

05. Учитесь у дизайн-студий и креативных агентств.

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

Обратите внимание на подачу: студии всегда демонстрируют полезное действие и результаты своих работ.

Портфолио креативного агентства Red Keds

6. Если нет клиентских проектов, добавьте свои.

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

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

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

Наносхема московского метро Ильи Бирмана

07. Придумайте клиента или обновите существующий дизайн.

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

Работа многих крутых дизайнеров начиналась с выдуманных или бесплатных работ. Например, Артемий Лебедев делал визитки, которых ему не заказывали, а дизайнер Эндрю Ким из Сеула придумал новый брендинг для Microsoft, после чего его наняли работать в компанию. Там Эндрю разработал дизайн Xbox One S, а затем ушел в Tesla Motors.

Проект The Next Microsoft Эндрю Кима, 2012 год

08. Участвуйте в конкурсах.

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

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

На сайте 99designs.com можно поучаствовать в конкурсах на дизайн для реальных заказчиков: клиенты составляют брифы и платят деньги победителям.

Конкурсы на сайте 99designs.com

09. Учитесь и добавляйте в портфолио учебные работы.

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

Например, мастер-класс «Большая переверстка» Игоря Штанга проходит регулярно в Москве, Санкт-Петербурге и других городах. За два дня Игорь научит делать дизайн из текста с помощью алгоритма верстки, разработанного им самим.

Мастер-класс по переверстке проходит в разных городах. О ближайших событиях можно узнать на сайте Игоря Штанга

10. Выполняйте тестовые задания.

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

Актуальные вакансии публикуют в телеграм-каналах: DesignHunters, Норм работа, Антирабство, Охотник за головами и других.

11. Сделайте благотворительный дизайн.

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

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

Благотворительный дизайн Олега Приходько

12. Пять крутых работ лучше, чем 20 посредственных.

Когда цель ясна и опыт наработан, можно приступать к дизайну самого портфолио. И тут главное — сделать правильный выбор. Идеальный объем портфолио — 5–7 сильных проектов, которые полностью раскрывают ваши умения и соответствуют выбранному направлению.

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

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

Портфолио Pawel Nolbert

13. Плохой дизайн нельзя вылечить хорошей презентацией.

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

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

14. Покажите те работы, которые вы хотели бы делать и дальше.

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

Портфолио Вани Звягина. На главном банере — дизайн приложения для карты «Совесть», арт-директор Илья Бирман

15. Выберите формат размещения портфолио.

Проще всего разместить портфолио на платформе для дизайнеров. Но есть и другие варианты: PDF, видео, промостраница или целый сайт.

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

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

16. Зарегистрируйтесь на Behance.

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

Другие площадки для размещения портфолио: Dribbble.com, Dropr.com, Carbonmade.com, Flickr.com, Adobe Portfolio.

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

Портфолио Oscar Ramos

17. Соберите сайт на конструкторе.

Можно создать сайт с портфолио в одном из конструкторов: Readymag, Tilda, Squarespace, Вордпрессе.

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

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

Больше интересных и вдохновляющих примеров портфолио на Редимаге можно найти в разделе Explore

Портфолио Анастасии Кобытевой

18. Для печати: портфолио в PDF.

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

Страничка из портфолио креативной студии Proekt Agency в PDF

19. Продумайте структуру.

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

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

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

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

Шоурил студии Сибирикс

Портфолио студии Creative People: проекты сгруппированы по направлениям и областям

20. Подумайте о целевом действии.

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

В портфолио дизайнера Ольги Зоновой контактная информация находится внизу страницы, а фото закреплено вместе с именем и ссылками на соцсети.

Портфолио Ольги Зоновой

21. Сделайте карточки похожими.

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

Минимальная структура карточки: несколько фотографий плюс описание проекта. Вместо фотографий может быть видеоролик, как, например, сделали на сайте Студии Олега Чулакова.

Портфолио Студии Олега Чулакова

22. Расскажите историю.

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

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

Описание талисманов «Команды России» в портфолио Студии Лебедева. Емко, с юмором и к месту

В описании постарайтесь ответить на вопросы:

  • Какая задача передо мной была?
  • Как я ее решил(а)?
  • Как это изменило восприятие продукта / бренда?

Не нужно вдаваться в детали — важно выделить главную идею, «фишку» дизайна. Например, в Бюро Горбунова разработали название и логотип компании для сервиса покупки и продажи электрического кабеля. Фишка дизайна — «гибкий» логотип, который в зависимости от контекста может принимать разные формы. На странице портфолио логотип растягивается при прокрутке и по-разному гнется на фото.

Проект Конектр в портфолио Дизайн-бюро Артема Горбунова

23. Добавьте драматургии.

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

Ведущие дизайн-студии используют прием «Корзины»: показывают, какие идеи и варианты дизайна остались за бортом, и объясняют, почему.

Минимальная история о процессе — это расположенные рядом с фото конечного продукта наброски. Контраст грубого скетча и четкого логотипа создает мощный эффект.

Процесс создания этикетки в портфолио Питера Комеровски

24. Представьте клиента.

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

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

Портфолио Ariane Spanier

25. Покажите результаты: метрики, кейсы.

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

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

Результаты проекта в портфолио агентства Firma

26. Расскажите о себе.

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

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

«Я Алекс Ковен и я ношу три шляпы» — рассказывает о себе графический и шрифтовой дизайнер и веб-разработчик. Так тоже можно 🙂

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

«Я тот парень, что заставляет людей покупать ваши вещи» — Даниэль Шпатцеке

27. Дополните портфолио дизайнера отзывами и рекомендациями.

Запишите отзывы тех, кто работал с вами раньше. Хорошо, если это будут не общие фразы вроде «Иван хороший дизайнер», а описание ваших конкретных заслуг в том или ином проекте.

Слайдер с отзывами в портфолио Гранта Берка, дизайнера и руководителя студии в Канаде

28. Приятные мелочи.

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

Неожиданные сюрпризы и «пасхалки» приятно удивляют и делают сайт запоминающимся. Например, в портфолио амстердамской студии Bolden есть виджет, меняющий «погоду» на сайте и язык приветствия на первом экране.

На сайте студии Bolden можно вручную поменять локацию — и на экране пойдет дождь или засияет солнышко, как у вас за окном

29. Степень проработки и «украшения» портфолио зависит от задачи.

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

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

30. Не усложняйте.

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

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

Стильное портфолио Марли Калвер, где все кейсы выдержаны в одном ключе

31. Показывайте работу в контексте.

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

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

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

Плакаты для Cryptex в портфолио Attila Tóth

Плакаты для Cryptex в портфолио Attila Tóth

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

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

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

В портфолио Стефани Бруклер композиция кадра удачно взаимодействует с композицией экрана, а массивный шрифт на визитках создает контраст с утонченными линиями окружения.

Один из кейсов в портфолио Стефани Бруклер

33. Используйте фотографии в высоком разрешении.

Мыльные снимки выглядят неаккуратно и ухудшают впечатление от просмотра.

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

Иллюстрации в портфолио Димы Кашталяна

34. Осторожнее с анимацией.

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

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

Также с помощью анимации можно «оживить» страницу, сделав ее выразительнее.

В портфолио Саши Юдашкина много анимированных элементов, которые оживляют графические объекты

В одном из кейсов Саша с помощью анимированной картинки показывает упаковку с набором открыток

35. Покажите крупные планы.

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

Айдентика бренда Fiction в портфолио дизайнера Дэнни Джонса

36. Правильно пользуйтесь фотостоками.

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

Сейчас в интернете становится все больше мест, где можно скачать профессиональные фотографии высокого разрешения под лицензией Creative Commons. Один из таких архивов — фотосток Pexels от Canva. Фоторедакторы специально отбирают для него такие снимки, в которых человек и его окружение выглядят максимально естественно.

Одно из 84 000 фото, которые можно бесплатно скачать на Pexels

Если нужны стильные бесплатные иконки, их можно скачать на сайте Сергея Чикина. Здесь есть пиктограммы практически на любую тему. Проект Чикина 365 иконок сам по себе интересный: это одновременно и ресурс, и портфолио.

Проект 365 иконок Сергея Чикина

37. Проверьте текст перед публикацией.

Грамматические ошибки могут повлиять на общее впечатление от вашего портфолио, а стоп-слова затруднят понимание текста.

Прочитайте текст вслух, лучше всего знакомому. Убрать стилистические излишки поможет сервис Главред.

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

В портфолио 3Алессандро Скарпеллинисобраны проекты в минималистичном стиле, и сам сайт им полностью соответствует

38. Оттипографьте текст.

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

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

Один из кейсов в портфолио дизайн-бюро «Интуиция»с простым и аккуратным текстом

39. Вдохновляйтесь портфолио других дизайнеров.

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

Лета Собирайски — графический дизайнер. Благодаря характерному языку Лета вошла в топ-20 лучших молодых дизайнеров 2014 года по версии Print Magazine. Стилистика ее портфолио отражает и поддерживает яркий и смелый характер самих работ. В то же время в каждом из кейсов есть вся полезная информация о проекте.

Портфолио Леты Собирайски

Кейс: серия плакатов для Adobe

40. Спросите совета со стороны.

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

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

41. Заявите о себе.

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

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

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

42. Напишите сопроводительное письмо.

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

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

олезная информация о том, как писать письма и откликаться на вакансии, есть в книге «Как написать» Максима Ильяхова

43. Подготовьте рассказ для личной встречи.

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

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

44. Подумайте о физическом воплощении портфолио.

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

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

Портфолио Raul R. Pasco Максима Ильяхова

45. Позаботьтесь об авторских правах заранее.

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

46. Персональные данные защищены.

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

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

Фирменный стиль для компании ПЗСП в портфолио студии Ermolaev Bureau Максима Ильяхова

47. Одна работа может лежать в нескольких портфолио.

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

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

48. Всегда упоминайте соавторов.

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

Иллюстрация Элени Калоркоти для «Нью-Йорк Таймс». Внизу указан арт-директор — Ханна К. Ли

Работа студии Элени Калоркоти сделанная в соавторстве. Над фото указаны имена авторов каждой таблички

49. Обновляйте портфолио.

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

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

50. Будьте актуальными.

Не храните в портфолио старые работы, не отражающие ваш уровень.

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

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

Подписывайтесь на обновления в Телеграме, Фейсбуке, ВКонтакте и Яндекс Дзене, чтобы всегда быть в курсе трендов графического дизайна и возможностей Canva, которые помогут воплотить их в жизнь!

20 примеров оформления портфолио на сайте

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

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

Студия Артемия Лебедева

Ссылка – https://www.artlebedev.ru/everything/

Особенности

  1. Креативное название портфолио – «Задизайнено».
  2. Показано общее число работ – и оно внушительное. И растет почти каждый день. Посмотрите сейчас на сайте: число будет уже не 3621.
  3. Работы разделены не только по направлениям деятельности студии, но и по сферам бизнеса клиентов. В любом из направлений есть свое разделение:
  1. Если нажать на кнопку «Все теги», можно идти закрывать свою жалкую студию в провинции дополнительно проникнуться:
  1. Принцип организации работ – плитки, которые долго-долго листаешь вниз:
  1. Если навести курсор на конкретную работу, можно увидеть оформленные ссылками аспекты ее создания:
  1. Внутри:
  • описывается поставленная задача и расписывается процесс ее решения;
  • указывается, что было создано в рамках решения задачи:
  • информация обо всех исполнителях проекта:
  1. В конце страницы с работами есть панель расшаривания в соцсетях. Согласитесь – лучше поделиться своим портфолио, а не просто скопировать / вставить ссылку на него.

Студия Артемия Лебедева – компания легендарная. Их работы по косточкам разбирают, восхищаясь и презирая, в дизайнерских кругах и не только. Ясно одно – ребята давным-давно ушли от просто веб-дизайна в сторону графического преобразования любого предмета материального мира. Чему доказательство – портфолио.

Компания «Алтэк»

Ссылка – https://altekpro.ru/portfolio/

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

Список сделан с пагинацией – 15 страниц работ внушают!

  1. Внутри любой работы:
  • большая фотография заведения;
  • ее описание:

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

Строительная компания «Интехстрой»

Ссылка – http://almetfasad.ru/portfolio/

  1. Странное деление работ – всего одна категория «Отделка фасада», нажатие на которую не меняет список работы – они такие же, как и в категории «Все».
  2. Список выполнен следующим образом:
  1. Полный список работ можно посмотреть, если нажать на кнопку «Посмотреть еще» внизу.
  2. При наведении курсора на любую работу появляется ее описание:
  • нажатие на лупу откроет фотогалерею по этой работе;
  • нажатие на звенья открывает подробное описание работы.
  1. Как она выглядит изнутри:

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

Фабрика мебели Льва Соловьева

Ссылка – http://www.sl-mebel.ru/portfolio/

  1. Портфолио представлено разделами – каждое со своими фотографиями работ – «Мебель для баров и ресторанов», «Мебель для частных интерьеров», «Реставрация мебели» и т. д. Работы разделены пагинацией.
  2. Фотографии любой из категорий можно посмотреть в режиме слайд-шоу, а потом вернуться к эскизам.
  3. При наведении на любую картинку появится всплывающая подсказка, которая укажет на то, что работа над мета-тегом alt не делалась:
  1. При этом если щелкнуть на работу, все будет в порядке:

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

Ателье «Гардероб»

Ссылка – http://www.g-atelier.ru/portfolio

  1. Интригует надпись «На этой странице представлены изделия, созданные мастерами ателье Гардероб для наших клиентов. Часть 1». Как будто глава в истории. Во вторую часть можно попасть, если подо всеми работами нажать кнопку «Смотреть еще».
  2. Список работ оформлен плитками, которые просто листаешь до конца страницы. Ничего не подписано.
  3. Если навести курсор на конкретную работу, появится значок лупы, на который можно щелкнуть и перейти на страницу с галерей снимков. Здесь неожиданность – при листании фотографий будут показаны не / не только снимки с другого ракурса, а другие работы ателье. Это вводит в некое заблуждение:

А вот тут не совсем ясно, что хотели показать:

  1. Сильный прием в конце списка работ – призыв к действию с формой обратной связи:

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

Компания «Репаблайк»

Ссылка – http://republike.ru/portfolio.html

  1. Положительное впечатление от того, что все работы подписаны.
  2. Работы разбиты по категориям, которые расположены не сверху, а чуть ниже и сбоку:
  1. Обращает на себя внимание желание создателей сайта мотивировать посетителей захотеть такую же презентацию:
  1. При наведении на работу появляется интригующий вопрос:
  1. Каждая работа внутри состоит из нескольких частей:
  • слайд-шоу презентации:
  • все рабочие аспекты:
  • подробное описание работы:

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

Агентство «Текстерра»

Ссылка – /progress/portfolio/

  1. Вообще портфолио «Текстерры» состоит из разделов о клиентах, отзывах, кейсах, сертификатах и непосредственно работах. Свои труды агентство емко характеризует:
  1. Очень (!) оригинально обыгранное число работ в портфолио. Читайте:
  1. Работы оформлены пиктограммами-категориями:
  1. При открытии любой из них появляется непосредственно портфолио работ с названием направления, кратким описанием и подписанными скриншотами. При наведении на любую работу появляется ссылка «Подробнее»:
  1. Страница в категории «Контент» внутри содержит ссылку на оригинал и качественный скриншот всей (!) статьи, которую можно расширить в соцсетях, а также прямо со страницы перейти в следующую работу.
  2. Работы в других категориях по структуре внутреннего представления отличаются между собой. Вот, например, вид изнутри одной из работ в категории «Создание сайтов»:

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

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

Как и все портфолио целиком, так и любая работа заканчиваются призывом к действию с заполнением формы обратной связи:

Если собрать работы «Текстерры» в один файл, это будет white paper и маркетинг-кит в одном. Как и любой специалист из мира интернет-маркетинга, стремлюсь к тому, чтобы иметь такой же багаж, пусть это и чертовски сложно.

Фабрика художественных кузнечных изделий OST

Ссылка – http://ostmetal.com/portfolio/

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

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

Мастерская «Глагол»

Ссылка – https://glagol-maket.ru/blog/cases

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

и рассказано об исполнителях:

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

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

Компания «Ремск»

Ссылка – http://remsk.net/portfolio.html

  1. Работы разбиты по категориям, подписаны, разделены пагинацией и содержат краткое описание:

Если нажать на кнопку «Читать далее», откроется фотогалерея конкретной работы:

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

Агентство «ПраздникON»

Ссылка – https://www.prazdnikon.ru/foto-i-video

  1. Портфолио представлено в виде трех разделов:
  1. Портфолио детских праздников начинается с «убойного» примера:
  1. То же самое можно сказать про портфолио организации юбилеев:
  1. Страницы в этом разделе портфолио организованы следующим образом:
  • фотогалерея:
  • запись мероприятия:
  • схема работы с заказчиком:
  • и еще несколько продающих моментов:
  • и в конце сразу две формы обратной связи:
  1. Что вы можете сделать с любой работой из портфолио и в целом со страницей? Правильно:

Основная страница портфолио выглядит слабо по сравнению с оформлением его разделов. Зато там есть все: статусность, качество текстово-графического описания, продающие блоки. Серьезный подход – серьезные клиенты.

Студия PhotoIDEAL production

Ссылка – https://photo-ideal.ru/portfolio/

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

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

Автосервис DUBOKSERVIS

Ссылка – http://dubokservis.ru/nashi-raboty/

  1. Работы в портфолио организованы по принципу «До и после» и подписаны названием марок автомобилей, работы разделены пагинацией:
  1. Количество моделей и результат работу внушают уважение у меня как у водителя. Собственно… все!

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

Клининговая компания «От чистого сердца»

Ссылка – http://uborkavufe.ru/portfolio.html

  1. Портфолио идет между двумя сквозными блоками сайта:
  • конкурентные преимущества компании:
  • список клиентов:
  1. Работы подписаны и имеют релевантные фотографии:
  1. Если навести на работу курсор, ее «кружок» превратится в квадрат изображения:
  1. Положительный момент – на многих фотографиях показаны сотрудницы в форменной одежды, где хорошо читается название компании – «От чистого сердца».

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

Тату-студия «Эй, капитан!»

Ссылка – http://haycaptaintattoo.com/portfolio

  1. Портфолио долго (от слова «очень») загружается – единственный подобный пример из подборки.
  2. Все работы подписаны и снабжены водяным знаком салона:
  1. По щелчку на любой работе открывается окно с увеличенной фотографией:
  1. Если листать фотографии, это будет не эта же работа с другого ракурса, а другая – с новой татуировкой:

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

Кондитерская Coolnws Foods

Ссылка – https://www.coolnws.ru/home_sweet/portfolio/

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

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

Сеть салонов лазерной эпиляции и косметологии «Подружки»

Ссылка – https://podruge.ru/portfolio/

  1. Портфолио разделено на категории. И первая же обеспечивает ему статусность и названием, и фотографией:
  1. Если открыть раздел «Звезды», все станет яснее ясного:
  1. Открываем карточку:
  1. Раздел портфолио «До и после» не такой эстетически привлекательный, зато необходимый для такой компании. Как видите, здесь подкатегории работ:
  1. Если открыть подкатегорию, будет галерея работ по конкретной услуге:
  1. Раздел «Видео» – ролики с процессом наведения красоты:

Что сказать – таким портфолио можно гордиться. Поток богатых и знаменитых клиентов и клиенток в «Подружки» после таких лестных комментариев обеспечен.

Компания «Свое»

Ссылка – http://art-doors.ru/portfolyo/

  1. Работы организованы плитками, подписаны и имеют водяной знак:
  1. Под списком работ идет очень большой для такого типа страниц текст:
  1. Если на работу навести курсор, появится надпись «Смотреть», можно ее открыть. Внутри – полноценный кейс по проекту – текст, который чередуется с большими увеличивающимися изображениями:
  1. Страница любой работы и страница с портфолио имеют в конце заявку на расчет:

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

Компания «Климатический сезон»

Ссылка – https://www.climatseason.ru/portfolio/

  1. Здесь есть фильтр работ по объектам и по видам. Все работы подписаны, указан их тип и категория использованного оборудования:
  1. Подробное описание работы выглядит так:
  1. Информация о любой работе включает в себя:

    • описание работ;
    • красиво оформленная фотогалерея (но фотографии не подписаны);
    • описание проекта;
    • рассказ о его реализации;
    • используемое оборудование (заметьте, с указанием цены и ссылкой на карточку товара).

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

Агентство «Дом недвижимости»

Ссылка – http://www.domnedv.ru/page167/portfolio/

  1. Портфолио имеет классическое оформление блога – картинка / название / дата публикации / текст-анонс:
  1. Если открыть любую работу, она также будет выглядеть как обыкновенная статья, если не вчитываться:

Здесь есть все признаки кейса: сложившаяся ситуация, поставленная задача, фото объекта (странно, что везде сняты дома, а не интерьеры квартир) и решение.

  1. Любой работой из перечня и портфолио в целом можно поделиться в социальных сетях.

Самое странное и простое оформление портфолио в подборке. И самое информативное с точки зрения текстовой составляющей. Повторюсь – надо читать каждую конкретную работу – там очень интересно.

Не говори, что делаешь. Покажи, что сделал

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

Судя по футеру, сайт никак не менялся с 2015 года. Тем не менее, он в выдаче поисковых систем, иначе я бы его не смог найти. С точки зрения «Яндекса» все не так уж плохо. Но для людей, потенциальных клиентов, отсутствие у компании работ – тревожный звоночек и повод быстро уйти искать конкурентов с портфолио.

Если хотите, чтобы ваше портфолио как минимум смотрели, помните, что его характеризует:

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

    • сделайте пагинацию;
    • спрячьте часть работ за кнопкой «Посмотреть еще»;
    • сделайте поиск по портфолио.
  1. Заканчивайте описание работ призывом к действию – предложение связаться с вами и получить такой же классный результат будет более чем уместным.

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

Хотите самостоятельно продвигать свой бизнес? Закажите разработку стратегии в нашей компании.

Правила оформления портфолио Просмотров: 25345

Порядок создания портфолио

I. Подготовительная работа: сбор и упорядочивание работ.

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

2) В созданные папки скопируйте работы, созданные в соответствующих программах. Например, в папку word — все работы, созданные в Word’e в формате *.doc, в папку writer— все работы, созданные в Writer’e в формате *.odt.

3) Все работы и папки должны быть переименованы с использованием маленьких латинских букв без пробелов, причем, если используются цифры, то первой должна быть буква. Например, файл Турбаза нужно переименовать в turbaza, 13 ноября в november13, папку Итог в itog и т.д.

4) Работы, созданные в программе Photoshop, нужно пересохранить в *.jpg формате с помощью команды Файл/Сохранить для Web. И так же не забывать задавать имена файлов маленькими латинскими буквами без пробелов. Вместо Photoshop можно воспользоваться программой Gimp, которая также поддерживает формат *.psd и *.jpg. Для пересохранения в Gimp нужно выбрать команду Файл/Экспортировать.

5) Работы, созданные в программе CorelDRAW, также пересохраняются в *.jpg формате. Для этого:

а) Загрузите CorelDRAW;

б)Откройте созданное вами изображение (например, «Снеговик») и выделите только ваше изображение без образца;

в) Выберите команду File/Export;

г)Имя запишите маленькими латинскими буквами без пробелов. Папку выберите coreldraw;

д) В строке Save as type выберите JPG-JPEG bitmaps;

е) оставьте флажок Selected Only для того, чтобы сохранялись только выделенные объекты, а не все изображение;

ж) Нажмите кнопку Export;

з) В строке Resolutions установите разрешение 72 dpi;

и) Единицы измерения поставьте pixels (пиксели), а размер измените так, чтобы он не превышал размеры окна, т.е. не более 1024х768, иначе изображение будет слишком большим. Нажмите ОК.

6) Работы, созданные в программе Flash должны быть экспортированы в формат swf для этого:

а) Выполнить команду File → Export → Export Movie.

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

7) Работы, созданные в программе Inskape, пересохраняются в PNG формате. Для этого:

а) Загрузите Inskape;

б) Откройте созданное вами изображение;

в) Выберите команду Файл →Экспортировать в растр;

г) Указываем разрешение растрового изображения 72 dpi. Ширину и высоту программа укажет сама после щелчка мышью по соответствующему полю;

д) В поле имя Имя файла с помощью кнопки Выбрать указываем папку inskape и даем имя файлу маленькими латинскими буквами без пробелов, а потом нажимаем кнопку Экспорт.

II. Оформление портфолио в виде web-сайта

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

Главная страница, имеющая название index.html, должна содержать краткую информацию об авторе портфолио и ссылки на другие страницы, посвященные одной компьютерной программе или теме. Эти страницы должны иметь название совпадающее с именем программы, которой посвящены, например, word.html, coreldraw.html и т.д. На каждой странице должны располагаться ссылки к файлам конкретных работ.

Создавать web-сайты можно с помощью разных Web-редакторов (например: Dreamweaver, FrontPage, Kompozer). Рассмотрим пример создания портфолио с помощью программы FrontPage.

Способ 1. Создание с нуля

Шаг 1: Проделайте подготовительную работу (сбор и упорядочивание работ), описанную в п. I данной статьи.
Должна получиться примерно такая структура:

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

Шаг 2: Создайте в папке portfolio папку с именем images. Она нам понадобиться для рисунков и фонов, которые мы будем использовать при оформлении портфолио.

Шаг 3: Запустите программу Microsoft FrontPage (Пуск →Программы → Microsoft Office →Microsoft Office Front Page).

Шаг 4: Создадим новый Web-узел и определим его в папку portfolio.
Для этого выполните команду Файл → Создать. На вкладке, расположенной справа выберите Одностраничный Web-узел и укажите папку portfolio (нажмите на кнопку Обзор) в качестве расположения.

Шаг 5: При создании Web-узла программа FrontPage уже создала главную страницу сайта – index.htm. Двойным щелчком открываем ее для редактирования.

Шаг 6: Оформим главную страницу и создадим остальные страницы на ее основе.

1) Установим кодировку страницы Кириллица
Кодировка нужна для того, чтобы русские буквы отображались корректно. Чтобы настроить кодировку нужно выполнить команду Файл → Свойства, в открывшемся окне перейти на вкладку Язык и в поле Сохранить документ, используя указать Кириллица. Нажать ОК чтобы сохранить внесенные изменения.

2) Зададим заголовок страницы
Заголовок страницы отображается в левом верхнем углу страницы. Для того, чтобы настроить заголовок страницы нужно выполнить команду Файл → Свойства,перейти на вкладку Общие и в поле Название указать заголовок страницы.

3) Установим фоновый рисунок страницы
Выберите рисунок, который будет являться фоном и скопируйте его в папку images, которая располагается в папке portfolio. Переименуйте этот рисунок в fon. Не стремитесь выбирать слишком яркие и пестрые фоны – основной критерий выбора фонового рисунка – на нем должен хорошо читаться текст. О том, как лучше подобрать фон можно прочитать в статье Выбор фона.
Для примера был выбран вот такой фон

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

В этом же окне вы можете установить фоновый цвет страницы – в том случае если вы не хотите использовать рисунок в качестве фона.

4) Далее следует разместить информацию о себе, сделать ссылки на работы и оформить страницу на ваше усмотрение.
В данном примере для размещения информации на странице будет использоваться таблица, состоящая из 3 строк и 6 столбцов, выровненная по центру с нулевыми границами. Для того чтобы вставить таблицу нужно выполнить команду Таблица→Вставить→Таблица. В открывшемся окне указываем параметры создаваемой таблицы.

Если необходимо некоторые ячейки объединить, то их выделяют, нажимают правой клавишей в выделенной области и выбирают Объединить ячейки.
В данном примере необходимо объединить все ячейки в первой и третьей строках.

5) В первой строке напишем Портфолио, выделяем и форматируем текст также как в программе Microsoft Word.

6) В третьей строке пишем о себе и при желании вставляем фотографию.
Для вставки фотографии нужно предварительно ее скопировать в папку images. А затем выполнить команду Вставка → Рисунок → Из файла.
В данном примере в третьей строке таблицы установлен фоновый цвет – голубой. Чтобы установить фоновый цвет в ячейке таблицы необходимо нажать правой клавишей в ячейке и выбрать Свойства ячейки. В открывшемся окне выбрать нужный цвет фона.

7) Во второй строке с помощью команды Вставка →Меняющаяся кнопка создадим следующие кнопки: Главная страница, Word, Excel, Gimp, FrontPage, CorelDraw.
Вот что получилось

8) Создадим остальные страницы сайта. Проще всего создать новую страницу из имеющейся. Для этого нужно выполнить команду Файл → Создать и в открывшейся справа вкладке выбрать Из имеющейся страницы, указать в качестве основы страницу index.htm.

9) Сохраняем созданную страницу с именем word.htm.

10) Удаляем из третьей строки информацию о себе и фотографию. Пишем названия работ по word. В данном примере получилось вот, что:

11) Создаем ссылки к работам. Для этого нужно выделить название работы и выполнить команду Вставка→ Гиперссылка. В открывшемся окне открыть папку word и выбрать нужную работу. То же самое необходимо проделать для всех работ по теме word.

Для работ представляющих собой web-сайты, ссылку нужно делать на файл index.html, который располагается в папке с работой.

Сохранить страницу.

12) Возвращаемся к 7-му пункту и аналогично создаем другие страницы: excel.htm, coreldraw.htm и т.д.

13) Когда все страницы созданы нужно настроить ссылки главного меню на всех страницах. Для этого открывают сначала страницу index.htm. Двойным щелчком на кнопке Главная страница в поле ссылка указывают файл index.htm.

Двойным щелчком на кнопке Word в поле ссылка указывают файл word.htm и т.д. Тоже самое проделывают с остальными страницами.

Шаг 7: Необходимо добавить в папку portfolio вашу фотографию.
Размеры фотографии: ширина – 120 пикселей, высота – 160 пикселей, разрешение – 72 пикс/дюйм, формат — jpg. Фотографию необходимо скопировать в папку portfolio и дать ей имя face.jpg.

Шаг 8: Теперь необходимо выгрузить портфолио на локальный сервер.
Для этого запускаем Internet Explorer и заходим в систему тестирования. Внизу страницы располагаются следующие ссылки:

Нажать на ссылку Ваши файлы. В открывшуюся папку скопировать содержимое папки portfolio.

Обратите внимание не саму папку portfolio – а ее содержимое!

Способ 2. Создание на основании готового шаблона оформления

Шаг 1: Проделайте подготовительную работу (сбор и упорядочивание работ), описанную в п. I данной статьи.

Должна получиться примерно такая структура:

Названия работ в папке frontpage могут отличаться от представленных на рисунке. Если вы изучали не FrontPage, а например Kompozer, то папка frontpage может называться Kompozer.

Если все уже готово, то можно приступать ко второму шагу.

Шаг 2: Выберите шаблон и скачайте его в папку portfolio. Нажмите правой клавишей на скачанном шаблоне и выберите Извлечь в текущую папку. При этом у вас в папке portfolio должны появиться страницы index.html, kurs_1.html, kurs_2.html, kurs_3.html и папка images, в которой располагаются картинки относящиеся к сайту.

Шаг 3: Запустите программу Microsoft FrontPage (Пуск →Программы → Microsoft Office →Microsoft Office Front Page).

Шаг 4: Создайте новый Web-узел и определите его в папку portfolio.

Для этого выполните команду Файл → Создать. На вкладке, расположенной справа выберите Пустой веб-узел и укажите папку portfolio (нажмите на кнопку Обзор) в качестве расположения.

После этого у вас на экране должно появиться примерно следующее:

Шаг 5: Откройте файл index.html для редактирования (двойным щелчком). Исправьте содержимое страницы, написав о себе и своих увлечениях.

Если вы учитесь не на третьем курсе, то удалите лишние пункты меню.

Если вы хотите разместить в портфолио свою фотографию, то нужно предварительно ее скопировать в папку images. А затем выполнить команду Вставка → Рисунок → Из файла.

После внесения изменений сохраните страницу.

Например, у вас может получиться так:

Шаг 6: Откройте страницу kurs_1.html для редактирования.

Измените названия тем и названия практических работ.

После изменения в данном примере получилось вот что:

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

Для работ представляющих собой web-сайты, ссылку нужно делать на файл index.html, который располагается в папке с работой.

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

Шаг 7: Так же настраивают остальные страницы (kurs_2.html и kurs_3.html).

Шаг 8: Необходимо добавить в папку portfolio вашу фотографию.

Размеры фотографии: ширина – 120 пикселей, высота – 160 пикселей, разрешение – 72 пикс/дюйм, формат — jpg. Фотографию необходимо скопировать в папку portfolio и дать ей имя face.jpg.

Шаг 9: Теперь необходимо выгрузить портфолио на локальный сервер.

Для этого запускаем Internet Explorer и заходим в систему тестирования. Внизу страницы располагаются следующие ссылки:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *