15 важных рекомендаций по оформлению портфолио компании и 18 классных примеров 

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

  • Показать свою экспертность. Фотографии (или описания результатов) отлично продают и формируют впечатление, что ваша компания разбирается в обозначенной теме и умеет довести дело до конца.
  • Помочь клиенту определиться с хотелками. Пользователь не всегда точно понимает, что ему нужно, а глядя на портфолио сможет найти откликающийся ему проект или в целом понять, подходит ли ему ваш стиль (например, в случае с дизайном).
  • Рассказать о своем продукте. Для сложных систем или новых технологий порой проще показать получившийся результат, чем пытаться подробно рассказать о них. К слову, полезность крауд-маркетинга лучше объяснить именно через портфолио кейсов (посмотрите на наш пример).
  • Обосновать цены. Если вы демонстрируете результаты, рассказываете о своем подходе и перечисляете выполненные работы, то у пользователей появляется меньше вопросов за что он платит.
  • Вызвать доверие пользователей. Чем больше и подробнее портфолио, тем проще поверить, что компания давно на рынке и пользуется популярностью. Согласитесь, подозрительно, если компания не говорит о своих клиентах, но указывает, что на рынке много лет.

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

Кому необходимо портфолио

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

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

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

Базово рекомендуем три раздела, где портфолио проектов компании будет уместно:

Главная страница

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

На Главной достаточно показать несколько последних или лучших проектов. 3-5 кейсов и ссылки на полный список будет достаточно. Например, блок с примерами работ строительной компании:

Примеры работ на Главной странице

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

Примеры работ на Главной странице в виде слайдера

Раздел портфолио

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

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

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

Антипример оформления портфолио компании

Аккуратный список с подписями к фотографиям:

Пример лаконичного оформления портфолио компании

Если кейсов слишком много (более 15-20), то стоит добавить разделение по услугам или запросам пользователей:

Пример меню подразделов для страницы портфолио

Страница услуги

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

Примеры работ на странице услуги

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

Пример портфолио с ценами

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

Что разместить на странице проекта

Фотографии

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

Крупные изображения общим списком тяжело воспринимаются (особенно при просмотре с мобильных устройств):

Отсутствие превью для фотографий

Аккуратный список фотографий, в котором легко ориентироваться:

Пример превью фотографий проекта

Хорошо делить фотографии на До и После, чтобы подчеркнуть результаты работ:

Пример фотографий до и после

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

Пример видео выполненного проекта

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

Графики или таблицы

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

Полная информация по кейсу находится здесь.

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

Описание проекта для портфолио

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

Описание слишком общее и поэтому сложно заметить результаты:

Слишком общее описание проекта

Хоть и короткая, но история проекта легко воспринимается:

Пример истории проекта

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

Отзыв клиента

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

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

Ссылка на форму заявки

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

Пример ссылки на форму заявки на странице проекта

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

Дополнительные рекомендации

Несколько советов, которые помогут увеличить эффект от портфолио на сайте.

  • Регулярное обновление. Пользователь должен видеть, что портфолио постоянно пополняется. И дело не в том, что актуальная информация более привлекательна, у клиента может сложиться впечатление, что сайт заброшен и компания больше не работает.
  • Показываем то, чем гордимся. Не нужно создавать портфолио ради портфолио, отбираем проекты, где были достигнуты привлекательные результаты и есть, что рассказать.
  • Упор на разнообразие. Если вы предоставляете несколько услуг, то рекомендуем собирать кейсы по каждой из них. В портфолио не должно быть уклона только на одну услугу. Также ориентируйтесь на разную аудиторию, например, размещайте примеры работ с небольшими компаниями и крупными клиентами или проекты из разных тематик.
  • Рассказываем о кейсах в соцсетях. Не раз говорили о необходимости аккаунтов в соцсетях, даже для B2B-сегмента. Новый проект — отличный инфоповод для поста в соцсетях.
  • Делимся портфолио на тематических площадках. О самых удачных проектах полезно рассказывать на сторонних площадках, где находится ваша целевая аудитория. Приток новых клиентов гарантирован. Инструкция, как правильно выбирать площадки для публикации.
  • Добавьте возможность поделиться вашим проектом. Так пользователю будет легче отправить ссылку на проект другу, коллеге, родственнику. Некоторые клиенты постят результаты работ в соцсетях, что также повысит узнаваемость вашей компании.
  • Настройте веб-аналитику. Яндекс.Метрика и Google Analytics помогут понять, на какие страницы заходят чаще и делают ли с них заказы. Например, если зайти в Метрике в отчет «Популярное» и отсортировать просмотры раздела портфолио, то вы сможете увидеть наиболее посещаемые страницы:

Отчет можно найти в разделе: «Отчеты -> Содержание -> Популярное» и выбираем фильтр: «Просмотры в которых -> Просмотр -> Просмотр URL -> указываем ссылку на портфолио»

Отчет Популярное в Яндекс.Метрике

Чтобы учитывались все страницы раздела, к адресу ссылки добавляем символ «*». Например, https://название компании/portfolio/*.

В таблице отображаются страницы раздела в порядке популярности:

Таблица отчета Популярное

Подробнее о том, какие отчеты есть в Яндекс.Метрике и как ими пользоваться, рассказали здесь: часть 1 и часть 2.

Что делать с NDA (соглашение о неразглашении)

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

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

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

Примеры оформления портфолио для вдохновения

И еще несколько примеров оформления портфолио, которые выглядят привлекательно.

Интересно показали информацию о клиентах не только списком, но и на карте города:

Отличные заголовки для анонсов фотосессий:

Привлекательные заголовки для анонсов проектов

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

Пример анонса с краткой информацией и несколькими фотографиями

Даже для юридических услуг можно показать портфолио и вот хороший пример:

Портфолио для юридических услуг

И пример историй успеха клиентов образовательного портала:

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

В заключение

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

В дополнение к статье подборка приемов для повышения доверия на сайте.

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

© 1PS.RU, при полном или частичном копировании материала ссылка на первоисточник обязательна.

Понравилась статья?

5 чел. оценили, средняя оценка 5

Чек-лист «Юзабилити интернет-магазина»

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

Получить чек-лист

Популярные статьи

Все популярные статьи »

Комментарии (0)

Правила комментирования блога

Проверить позиции сайта

Запросы для проверки
Регион для проверки
Оставить коммент к статье

Полетели к ТОПу прямо сейчас!

Подпишитесь на рассылку и первыми получайте полезный контент без воды и банальностей. Иногда с котиками. =)

Летим с нами в ТОП

Подписывайтесь на рассылку и получайте практические советы по продвижению сайта

Ваш email

Нажимая на кнопку «Подписаться», вы соглашаетесь на обработку персональных данных

Я уже с вами

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

×

Тяните за рычаг
и выигрывайте классные подарки

Главный приз – бесплатное продвижение сайта в течение 1 месяца!

Введите свой email и нажмите на кнопку

Да вы настоящий везунчик!

Активировать выигрыш

Повезет в любви! =)

Но не вешайте нос – попытайте удачу еще раз.

Сыграть заново

Закрыть и не показывать больше