15 важных рекомендаций по оформлению портфолио компании и 18 классных примеров
Хотите показать вашу экспертность? Тогда пора собирать портфолио! О том, как сделать его цепляющим и лаконично показать на сайте рассказали в статье.
Сейчас детей уже со школы учат презентовать себя и создавать свое портфолио. И это здорово, ведь мастерство презентации — важный элемент в продвижении личного бренда или своего проекта. Если говорить о сайте, то примеры работы это лучший способ:
- Показать свою экспертность. Фотографии (или описания результатов) отлично продают и формируют впечатление, что ваша компания разбирается в обозначенной теме и умеет довести дело до конца.
- Помочь клиенту определиться с хотелками. Пользователь не всегда точно понимает, что ему нужно, а глядя на портфолио сможет найти откликающийся ему проект или в целом понять, подходит ли ему ваш стиль (например, в случае с дизайном).
- Рассказать о своем продукте. Для сложных систем или новых технологий порой проще показать получившийся результат, чем пытаться подробно рассказать о них. К слову, полезность крауд-маркетинга лучше объяснить именно через портфолио кейсов (посмотрите на наш пример).
- Обосновать цены. Если вы демонстрируете результаты, рассказываете о своем подходе и перечисляете выполненные работы, то у пользователей появляется меньше вопросов за что он платит.
- Вызвать доверие пользователей. Чем больше и подробнее портфолио, тем проще поверить, что компания давно на рынке и пользуется популярностью. Согласитесь, подозрительно, если компания не говорит о своих клиентах, но указывает, что на рынке много лет.
С необходимостью портфолио определились, теперь давайте разберемся, где лучше разместить портфолио на сайте и как сделать его привлекательным для посетителей.
Кому необходимо портфолио
Если результат вашей работы — изображение, документ, аудио, видео, графический файл, сайт или можно показать на фотографиях, то без портфолио не обойтись. Работа, которая носит проектный характер, например, программирование, строительство, консультирование и внедрение технологий, также может быть оформлена в кейсы. Основная цель портфолио — это самопрезентация, демонстрация навыков, которую можно сделать практически для любой профессии. Важно только продумать формат и содержание.
Для тех, чья работа связана с выполнением стандартных действий, по четким инструкциям или с координацией и управлением, нет смысла собирать примеры работ. Здесь для повышения доверия лучше показать сертификаты, дипломы и перечислить клиентов (партнеров), с которыми работаете, разместить их отзывы. Пример таких сфер: логистика, управление персоналом, секретарская работа, системное администрирование, политика и т.д.
Где разместить портфолио на сайте
Базово рекомендуем три раздела, где портфолио проектов компании будет уместно:
Главная страница
Эта страница как лицо компании и, чаще всего, первое, на что смотрит новый пользователь, поэтому логично показать на ней выполненные работы. Сначала рассказываем о том, чем занимается компания, какие преимущества дает по сравнению с конкурентами и подтверждаем свои слова результатами работ. Подробнее о том, про что рассказывать на Главной странице и как удобно расположить информацию.
На Главной достаточно показать несколько последних или лучших проектов. 3-5 кейсов и ссылки на полный список будет достаточно. Например, блок с примерами работ строительной компании:
Можно также показать примеры работ в виде слайдера:
Раздел портфолио
Как вы поняли из предыдущего пункта — на сайте стоит сделать раздел с примерами работ. Здесь размещаем все отзывы, которые смогли собрать с клиентов за все время работы. Несколько рекомендаций по оформлению:
Под каждый проект лучше сделать отдельную страницу, а на общей странице раздела портфолио показать только анонсы. Так пользователю будет легче просматривать и выбирать работы (и скидывать вам ссылки на проекты, которые понравились, при оформлении заявки). В анонсе проекта достаточно показать фотографию, название и краткое описание.
Антипример, где общий список фотографий без подписей. Очень тяжело для восприятия:
Аккуратный список с подписями к фотографиям:
Если кейсов слишком много (более 15-20), то стоит добавить разделение по услугам или запросам пользователей:
Страница услуги
По аналогии с Главной страницей здесь стоит показать несколько анонсов проектов со ссылкой на общий раздел. Разница лишь в том, что на странице услуги должны быть проекты, относящиеся именно к этой услуге (простите за тавтологию). Такой блок усилит описание услуги и поможет с выбором. Особенно, если пользователь попал на страницу услуги с запроса в поиске или с рекламы и видит вашу компанию в первый раз. Пример блока для страницы услуги монтажа фасадных и кровельных покрытий:
Дополнительно данный блок на странице услуг можно использовать, чтобы рассказать о ценах. Например, на бухгалтерские услуги, где стоимость варьируется от объема необходимой документации:
Поговорили о том, где следует показать анонсы выполненных проектов, теперь сосредоточим внимание на самой странице проекта.
Что разместить на странице проекта
Фотографии
Рекомендуем размещать изображения только высокого качества, чтобы в целом результаты выглядели привлекательно. Их не обязательно должно быть много, важно продукт с разных сторон. Несколько фотографий добавляем в виде превью с возможностью раскрыть полную версию изображений.
Крупные изображения общим списком тяжело воспринимаются (особенно при просмотре с мобильных устройств):
Аккуратный список фотографий, в котором легко ориентироваться:
Хорошо делить фотографии на До и После, чтобы подчеркнуть результаты работ:
Дополнительно после фотографий можно показать видео проекта (что будет очень круто). И снова не забываем про высокое качество изображения.
Размещайте анонсы в едином стиле, чтобы портфолио смотрелось аккуратно и стильно.
Графики или таблицы
Если тематика вашего бизнеса не подразумевает фотографии и видео, то делаем упор на рост показателей. Наглядней всего изменения отобразить в виде графика или таблицы, например, результаты нашего клиента:
Полная информация по кейсу находится здесь.
Клиент не всегда ориентируется в вашей услуге, поэтому ярко выделяйте те показатели, которые важны именно для него. Как в случае с таргетированной рекламой мы отдельно разместили информацию о росте количества подписчиков и просмотров.
Описание проекта для портфолио
Расскажите историю проекта, какая была задача, какие работы сделали, возникали ли трудности и если да, то как вы их решали, подведите итоги. Истории цепляют и запоминаются. Понимаем, что не по каждому клиенту есть, что подробно рассказать, но возьмите за правило хотя бы раз в месяц готовить один подробный кейс. Для остальных проектов добавляйте краткие описания. Отлично указывать хотя бы примерные цены, чтобы сориентировать пользователей.
Описание слишком общее и поэтому сложно заметить результаты:
Хоть и короткая, но история проекта легко воспринимается:
Подробнее об особенностях и техниках сторителлинга можно прочитать здесь.
Отзыв клиента
Пункт дополнительный, но в разы повышающий доверие к компании. Покажите, что клиент остался доволен, добавив отзыв к проекту. Тогда ни у кого не останется сомнений в вашем профессионализме.
Ссылка на форму заявки
После описания кейса рекомендуем направить клиента к оформлению заказа, добавив соответствующую ссылку.
Рекомендуем статью, где рассказали как сделать цепляющее целевое действие.
Дополнительные рекомендации
Несколько советов, которые помогут увеличить эффект от портфолио на сайте.
- Регулярное обновление. Пользователь должен видеть, что портфолио постоянно пополняется. И дело не в том, что актуальная информация более привлекательна, у клиента может сложиться впечатление, что сайт заброшен и компания больше не работает.
- Показываем то, чем гордимся. Не нужно создавать портфолио ради портфолио, отбираем проекты, где были достигнуты привлекательные результаты и есть, что рассказать.
- Упор на разнообразие. Если вы предоставляете несколько услуг, то рекомендуем собирать кейсы по каждой из них. В портфолио не должно быть уклона только на одну услугу. Также ориентируйтесь на разную аудиторию, например, размещайте примеры работ с небольшими компаниями и крупными клиентами или проекты из разных тематик.
- Рассказываем о кейсах в соцсетях. Не раз говорили о необходимости аккаунтов в соцсетях, даже для B2B-сегмента. Новый проект — отличный инфоповод для поста в соцсетях.
- Делимся портфолио на тематических площадках. О самых удачных проектах полезно рассказывать на сторонних площадках, где находится ваша целевая аудитория. Приток новых клиентов гарантирован. Инструкция, как правильно выбирать площадки для публикации.
- Добавьте возможность поделиться вашим проектом. Так пользователю будет легче отправить ссылку на проект другу, коллеге, родственнику. Некоторые клиенты постят результаты работ в соцсетях, что также повысит узнаваемость вашей компании.
- Настройте веб-аналитику. Яндекс.Метрика и Google Analytics помогут понять, на какие страницы заходят чаще и делают ли с них заказы. Например, если зайти в Метрике в отчет «Популярное» и отсортировать просмотры раздела портфолио, то вы сможете увидеть наиболее посещаемые страницы:
Отчет можно найти в разделе: «Отчеты -> Содержание -> Популярное» и выбираем фильтр: «Просмотры в которых -> Просмотр -> Просмотр URL -> указываем ссылку на портфолио»
Чтобы учитывались все страницы раздела, к адресу ссылки добавляем символ «*». Например, https://название компании/portfolio/*.
Что делать с NDA (соглашение о неразглашении)
Если ваши клиенты не хотят разглашать свои данные, это нормально. Важно правильно работать с этим:
- Скройте детали. Покажите хотя бы общую картину, чтобы сориентировать потенциальных клиентов. Так они смогут понять, на что вы способны.
- Создайте аналоги. Например, в дизайне сложно будет скрыть клиента, если были использованы узнаваемые корпоративные цвета, но вы можете их изменить и показать саму идею проекта.
- Договаривайтесь с клиентами. Предложите дополнительные бонусы за размещение кейса или отзыва. Если у вас с клиентом хорошие отношения, то он может пойти на встречу и дать разрешение. Возможно, вас сейчас просят об уступках и сверх работах, за которые адекватно намекнуть о пополнении портфолио.
Также вы не обязаны добавлять в портфолио все проекты, отбирайте те работы, по которым можно показать больше информации
Примеры оформления портфолио для вдохновения
И еще несколько примеров оформления портфолио, которые выглядят привлекательно.
Интересно показали информацию о клиентах не только списком, но и на карте города:
Отличные заголовки для анонсов фотосессий:
Пример анонса проекта, где хоть и показано несколько фотографий, но страница не смотрится перегруженной. Также видим удобное меню для переключения категорий:
Даже для юридических услуг можно показать портфолио и вот хороший пример:
И пример историй успеха клиентов образовательного портала:
В заключение
В целом, основная ошибка бизнеса — это отсутствие портфолио. Если вы еще не начали его собирать, то настоятельно рекомендуем это сделать. Портфолио компании обязательно станет прекрасной инвестицией в привлечение новых клиентов.
В дополнение к статье подборка приемов для повышения доверия на сайте.
Если вам нужна помощь с аудитом вашего портфолио или сайта в целом, вы можете обратиться к нам. Найдем недочеты и подскажем, как их исправить.