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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Фотографии

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В заключение

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

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

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

---