Портфолио часто остается в тени более очевидных страниц: «Каталог», «Услуги», «Контакты». Между тем именно здесь потенциальный клиент может увидеть не просто обещания, а реальные результаты вашей работы. Многие компании со временем приходят к выводу, что портфолио заслуживает большего внимания, чем просто галерея скриншотов. При системной работе этот раздел начинает работать как полноценный инструмент привлечения клиентов. Далее разберем, с чего начать новичкам и как усовершенствовать раздел тем, у кого уже есть опыт.
Кому и для чего необходимо портфолио на сайте
Если результат вашей работы можно показать визуально: изображение, документ, аудио, видео, графический файл, сайт или объект, который можно сфотографировать, то портфолио станет эффективным способом презентации. Работа проектного характера, такая как программирование, строительство, консультирование или внедрение технологий, также отлично оформляется в кейсы. Основная задача портфолио – самопрезентация и демонстрация навыков, которую можно сделать практически для любой профессии. Главное – продумать удобный формат и наполнение.
Для сфер, где работа строится на выполнении стандартных процедур, следовании инструкциям или координации процессов, портфолио в классическом понимании не обязательно. В таких случаях для укрепления доверия уместно делать акцент на сертификатах, дипломах, списке клиентов (партнеров) и их отзывах. Примеры таких направлений: логистика, управление персоналом, административная работа, системное администрирование, политика и др.
Грамотно выстроенное портфолио выполняет сразу несколько важных задач:
Рассказ о продукте. Когда речь идет о сложных системах или новых технологиях, один качественный кейс может быть нагляднее длинного описания. Так, пользу крауд-маркетинга проще всего показать через реальные примеры, как в нашем портфолио.
Доказательство компетенций. Перечисление преимуществ недостаточно – кейсы или примеры работ позволят клиенту самому увидеть результат и оценить уровень профессионализма компании.
Фильтрация клиентов. Будущий клиент не всегда точно понимает, что ему нужно, но, глядя на портфолио, сможет найти откликающийся ему проект или в целом понять, подходит ли ему ваш стиль (например, в случае с дизайном).
Обоснование стоимости. Хорошо оформленное портфолио показывает масштаб и сложность ваших работ. Пользователь либо понимает, что вы не его уровень, либо сразу настраивается на адекватный бюджет.
Формирование доверия пользователей. Чем больше и подробнее портфолио, тем проще убедиться, что компания давно на рынке и успешно работает с заказчиками. Когда компания открыто делится информацией о своих проектах, это говорит о ее уверенности и прозрачности.
Больше статей на схожую тематику:
Где разместить портфолио на сайте
Теперь, когда мы определились, зачем показывать клиентам примеры работ, поговорим о том, где их разместить и как оформить портфолио на сайте.
Выделим три основных раздела, где портфолио проектов компании будет наиболее уместно.
Главная страница
Эта страница представляет компанию и часто становится первым, что видит новый пользователь. Поэтому на главной странице уместно показать выполненные работы в дополнение к основному описанию. Сначала рассказываем о деятельности компании и ключевых преимуществах, а затем подтверждаем информацию примерами реализованных проектов. В дополнение рекомендуем материалы о том, что лучше размещать на главной странице и как удобно структурировать данную информацию.
Достаточно показать несколько последних или наиболее показательных проектов. Оптимально разместить 3–5 кейсов и добавить ссылку на полный список. В анонсе лучше добавить фотографию или тематическое изображение, заголовок и небольшое описание. Например, блок с примерами работ компании по оснащению предприятий может выглядеть так:
Если видите, что заголовки дублируют друг друга и не несут смысловой нагрузки, то на главной странице ими можно пренебречь, как в данном примере компания по установке пластиковых окон ограничилась разделением фотографий на подгруппы:
Раздел портфолио
Как вы уже поняли из пункта выше, мы рекомендуем создать портфолио на сайте в виде отдельного раздела. Здесь удобно разместить все проекты, реализованные за время работы компании.
Под каждый проект лучше создать отдельную страницу, а на общей странице портфолио показывать только анонсы. Так пользователю проще просматривать и выбирать работы, а при оформлении заявки клиенту будет легко ссылаться на понравившийся проект.
Если на главной допустимо сделать минимально информативные анонсы, то на странице портфолио рекомендуем добавить заголовок и краткое описание с ключевыми результатами. При наличии более 15-20 кейсов стоит продумать разделение на подгруппы: по отрасли, виду услуги, запросам пользователей или хотя бы по году добавления.
Пример разделения кейсов на сайте адвокатского бюро:
На нашем сайте две системы разделения (так тоже можно) – по услуге и по отрасли, чтобы клиенту было удобнее найти похожие к его сайту примеры:
Страница услуги
Тот же принцип, что и на главной: показываем несколько анонсов и ссылку на полное портфолио. Отличие в том, что на странице услуги должны быть представлены проекты, относящиеся именно к этой услуге. Такой блок дополняет описание услуги и помогает пользователю принять решение. Это особенно актуально, если посетитель попал на страницу услуги из поиска или по рекламе и знакомится с компанией впервые.
Пример блока для страницы услуги перетяжки кожаных диванов:
Такой блок на странице услуг выполняет еще одну функцию – помогает потенциальному клиенту сориентироваться в ценах. Это особенно актуально для услуг с вариативной стоимостью, например, для автосервиса, где итоговая цена зависит от сложности поломки:
Как оформить портфолио на сайте: что разместить на странице проекта
С местами размещения анонсов разобрались. Теперь сосредоточимся на том, как правильно оформить страницу отдельного проекта.
Фотографии и/или видео
Важно, чтобы изображения в портфолио были качественными: это напрямую влияет на восприятие результатов работы. Лучше показать несколько фотографий с разных ракурсов, чем большое количество однотипных снимков. Для удобства просмотра стоит добавить превью с возможностью раскрыть полноразмерную версию, как в примере фотографии маникюра:
Удачный прием разделять фотографии на «До» и «После». Это помогает наглядно показать результат работы. Пример фотографий реставрации ванн:
Фотографии не всегда способны передать масштаб и качество выполненных работ, поэтому рекомендуем добавлять небольшие видео. Живые кадры рабочего процесса и готовых объектов делают презентацию более убедительной. Пример размещения коротких видео по ремонту электрики:
Графики и таблицы
Когда визуальные материалы не подходят для демонстрации результата, основным инструментом становятся метрики. Рост ключевых показателей удобно демонстрировать в виде графиков или таблиц. Пример разбора кейса одного из наших клиентов по запуску товарной рекламы:
Клиент не всегда глубоко разбирается в специфике услуги, поэтому важно акцентировать внимание на тех показателях, которые имеют для него значение. Например, в данном кейсе мы отдельно выделили информацию о росте количества кликов и снижении средней цены заявки.
Примеры роста кликов, конверсий, заказов и прибыли:
Описание проекта
Самые запоминающиеся кейсы – это те, в которых раскрыта история проекта: какая была задача, что сделано, с какими трудностями столкнулись и как их решили, какой итоговый результат.
Не по каждому проекту есть смысл делать такое подробное описание, но полезно взять за правило – один развернутый кейс в месяц. Для остальных работ подойдут краткие описания. Также рекомендуем указывать примерную стоимость, чтобы помочь сориентировать посетителей сайта. Пример истории для проекта ремонта квартиры:
Подробнее о приемах и техниках сторителлинга можно прочитать здесь.
Отзыв клиента
Этот пункт не обязателен, но он значительно повышает доверие к компании, особенно, если это видеоотзыв. Добавьте к проекту отзыв клиента, так вы наглядно покажете, что заказчик остался доволен результатом. Это помогает снять возможные сомнения в профессионализме.
Высший пилотаж сделать отзыв частью видео о результатах работы, как это сделала компания по созданию детских пространств:
Форма заявки
Завершая описание кейса, стоит дать пользователю понятный следующий шаг. Добавьте форму заказа или записи на консультацию, чтобы превратить заинтересованность в действие. Пример портфолио на сайте компании по производству промышленных редукторов с формой обратной связи на странице кейса:
Важно использовать понятный призыв к действию, например: «Хочу такой же результат», «Обсудить проект» или «Получить консультацию». Подробнее о том, как выбрать цепляющий заголовок.
Дополнительные рекомендации по оформлению портфолио на сайте
И еще несколько рекомендаций, которые помогут усилить эффект от портфолио на сайте:
Регулярно пополняйте портфолио. Пользователям важно видеть, что раздел постоянно обновляется. Свежие проекты не только демонстрируют актуальность работы компании, но и подтверждают, что сайт поддерживается в актуальном состоянии.
Выбираем лучшее. Не стоит стремиться добавить все проекты подряд. Отбирайте те, которыми по-настоящему гордитесь: где удалось достичь ярких результатов, решить нестандартную задачу или получить благодарность клиента. Качественная подборка работает убедительнее, чем большой объем.
Отражайте разнообразие. Если вы работаете в разных направлениях, важно представить кейсы по каждой услуге. Также полезно показывать проекты для разной аудитории: малый бизнес, крупные компании, разные отрасли. Это помогает разным категориям клиентов увидеть себя в вашем портфолио.
Используйте соцсети как дополнительный канал. Даже если вы работаете в B2B, аудитория в соцсетях может быть полезной: публикации привлекают внимание, формируют узнаваемость и направляют заинтересованных пользователей на сайт. Подробнее об SMM для B2B.
Публикуйтесь на профильных ресурсах. Удачные кейсы стоит показывать там, где уже собрана ваша целевая аудитория: на отраслевых порталах, в профессиональных сообществах, на специализированных площадках. Это расширяет охват и привлекает новых посетителей. Как выбрать подходящие площадки, рассказали здесь.
Добавьте возможность поделиться проектом. Разместите на странице проекта кнопки для публикации в соцсетях и отправку на электронную почту. Так пользователю будет проще поделиться понравившимся проектом с коллегами или партнерами. Иногда клиенты сами публикуют такие ссылки, а это дополнительная возможность для бесплатного упоминания компании.
Как анализировать раздел «Портфолио» на сайте
Отдельно выделим рекомендацию следить за статистикой. Данные аналитики помогают понять, какие проекты вызывают наибольший интерес и насколько эффективно портфолио приводит к заявкам. В Яндекс Метрике можно посмотреть, какие страницы раздела просматривают чаще, и при необходимости скорректировать структуру или наполнение.
Для настройки отчета:
- Заходим в «Отчеты -> Содержание -> Популярное».
- В блоке с фильтрами рядом с кнопкой «Просмотры» кликаем по «+».
- Раскрывается строка поиска, в которой выбираем «Просмотр -> Просмотр URL -> указываем ссылку на портфолио и к адресу ссылки добавляем символ «*», чтобы учитывались все страницы раздела -> кликаем на кнопку Применить».
- Ниже находим кнопку «Группировка» и кликаем по ней.
- В открывшемся окне убираем лишние группировки уровней вложенности сайта «Адрес, ур.1», «Адрес, ур.2», «Адрес, ур.3» и «Адрес, ур.4» и нажимаем кнопку «Применить».
- Спускаемся до таблицы, в которой отображаются страницы раздела в порядке популярности:
Больше информации о возможностях Яндекс Метрики и настройке отчетов рекомендуем посмотреть в наших материалах: часть 1 и часть 2.
Что делать с NDA (соглашение о неразглашении)
Когда клиенты не дают согласия на публикацию проекта, это не повод оставлять портфолио без новых кейсов. Есть несколько рабочих подходов:
Показывайте суть без имен. Убрать название компании, логотип и другие идентификаторы — и описать задачу, процесс и результат в общем виде. Потенциальные заказчики увидят масштаб работ и уровень задач, даже не зная имени клиента.
Создавайте аналоги. Если проект визуально узнаваем (например, в дизайне или интерьере), можно подготовить адаптированную версию: изменить цвета, заменить текст, убрать узнаваемые элементы. Идея и решение останутся, а конфиденциальность будет соблюдена.
Договаривайтесь с клиентами. Иногда клиенты готовы дать разрешение на публикацию в обмен на дополнительные бонусы или встречные уступки. Если отношения сложились доверительные, можно обсудить возможность размещения кейса или отзыва. В подавляющем большинстве случаев клиенты соглашаются, им тоже выгодно, чтобы их сайт фигурировал в успешных кейсах.
Как мы создали раздел портфолио на сайте
Когда мы начинали заниматься продвижением сайтов, портфолио казалось нам чем-то вторичным. Мы думали, что с клиентом главное экспертно поговорить и побыстрее решить его проблему. Мы игнорировали портфолио несколько лет. И в какой-то момент заметили: входящие заявки есть, но они либо «привет, сделайте как у соседа», либо требуют бесконечных созвонов, чтобы просто объяснить, кто мы и что умеем.
Затем мы стали выкладывать работы, но от случая к случаю, без контекста. Вот так выглядел раздел портфолио и, например, кейсы по поисковому продвижению:
Вроде все видно, рост позиций клиента, вот диаграмма и измеримые результаты, но ощущение, что никакого комплексного подхода нет и пользователю явно нужно поизучать сферу, чтобы понять хорошие это значения для данной тематики или нет.
Также пользователь мог посмотреть «Позиции до и после» в виде таблицы, без пояснений:
И мы пересобрали подход. Теперь формулируем результаты на языке пользователя, в анонсе добавляем более информативный заголовок и выделяем ключевые показатели:
А на странице кейса подробно рассказываем обо всех проделанных работах, полученных результатах и добавляем отзывы клиентов:
По данным аналитики, за год около 20% новых пользователей перед оформлением заявки, провели 5-10 минут в разделе портфолио, изучая наши кейсы. Наверняка процент был бы больше, если бы не внушительная часть заявок с блога (еще одно подтверждение в пользу ведения блога) и работа над узнаваемостью бренда. В общем, пользователи приходят уже прогретыми, понимающими специфику нашей работы и, что важно, с доверием.
Нравится статья? Тогда смотрите наши курсы!
Заключение
Портфолио на сайте – системный инструмент продаж, который работает на вас 24/7. Он экономит время на переговорах, привлекает целевых клиентов и служит доказательством вашей экспертизы.
Начните с малого: возьмите один завершенный проект и оформите его по предложенной структуре. Посмотрите, как изменится реакция клиентов на ваше коммерческое предложение. Как только вы увидите результат, вы уже не сможете относиться к портфолио как к второстепенной задаче. Проверено на собственном опыте.
А если вам нужна помощь в оформлении и анализе раздела портфолио (и не только его), то вы всегда можете обратиться к нам. Расскажем, как сделать сайт продающим и поможем в продвижении.
0
0
0
0
0Специалист по юзабилити
© 1PS.RU, при полном или частичном копировании материала ссылка на первоисточник обязательна
