Портфолио компании на сайте: как оформить? Актуальные примеры


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

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

Нужно ли портфолио на сайте Вашей компании?

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

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

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

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

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

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

Когда всё по-господски

Архитектурно-проектное бюро «Господин оформитель» заворожит мистикой дизайна, присутствующей в каждой из его работ. Посетители его официального сайта могут убедиться в этом воочию, заглянув в раздел «Портфолио». Он разделён на две части: «Загородные дома» и «Квартиры». При желании можно перейти на официальный Instagram-канал компании, где также представлены фотографии её проектов.

Список проектов

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

Выполненные проекты

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

Общее описание раздела

Переходим в карточку раздела:

"Карточка" раздела

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

Отображение "карточки" квартиры

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

Много-много-много дизайна

Портфолио проектно-строительной компании “Iter-Design” с первого взгляда поражает своим размахом: так много в нём представлено проектов! Оно включает в себя сразу четыре раздела: «Квартиры», «Дома», «Коммерческие объекты», «Архитектура».

Портфолио проектно-строительной компании “Iter-Design”

Переходя по разделам, Вы продолжите удивляться объёму и разнообразию выполненных компанией работ. Вот так выглядит раздел «Квартиры»:

Раздел «Квартиры» на сайте компании “Iter-Design”

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

Интерактивные фотографические изображения различных проектов компании “Iter-Design”

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

Карточка выполненного проекта компании “Iter-Design”

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

Описание проекта в виде журнала
Описание проекта в виде журнала

«Феникс-систем»: делаем город красивее

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

Раздел «Проекты» на сайте компании «Феникс-Систем»

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

Карточка проекта на сайте компании «Феникс-Систем»

Помимо оригинальных фотографий зданий, облицованных с применением материалов, изготовленных «Феникс-Систем», на карточке указаны заказчик, застройщик и реальный адрес объекта. Имеются и описания работ с указанием площадей строительства и особенностями материалов, которые применялись для отделки.

Описание работ с указанием площадей строительства и особенностями материалов на сайте компании «Феникс-Систем»

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

“WoodHead”: только натуральное

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

Раздел «Выполненные проекты» на сайте компании “WoodHead”

Его фишка заключается в наличии двух больших разделов, посвящённых фасадным и кровельным работам, каждый из которых включает в себя по нескольку подразделов (например: «Кровли из камыша», «Фасады из дранки», «Монтаж террасной доски», прочее). Под каждым разделом имеется информация о количестве выполненных работ данной направленности:

Информация о количестве выполненных работ на сайте компании “WoodHead”

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

Раздел посвящённый материалу на сайте компании “WoodHead”

В карточке отдельного проекта представлена дополнительная информация о нём. Помимо небольшого описания имеются иконки, определяющие тип объекта, проводимые работы и применяемый материал:

Фотографии выполненных работ на сайте компании “WoodHead”

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

“Active Theory”: сплошной интерактив

И «на закуску» приведём в качестве примера портфолио зарубежного агентства “Active Theory”, занимающегося разработкой web-сайтов и web-приложений. Оно поражает с первого взгляда, поскольку является анимированным и интерактивным: каждое движение мышкой приводит к изменению фона и будто создаёт движение:

Портфолио зарубежного агентства “Active Theory”
Портфолио зарубежного агентства “Active Theory”

Здесь представлено сразу несколько разделов, посвящённых разным направлениям в работе компании, а при переходе читатель попадает в раздел «Рекомендованные». Выбрав раздел «Приложения/Платформы», переходим в него:

Раздел «Приложения/Платформы» агентства “Active Theory”

При наведении на названия проектов, прописанных крупными буквами с правой стороны, изображения на «небольшом экране» в центре анимации меняются в соответствии с ними. Выбрав проект “Mira”, переходим на его страницу – и видим анимацию-презентацию, переносящую нас в другой мир:

Презентация проекта “Mira”

Здесь имеется краткое описание проекта, а также кнопка “Case Study”, нажав на которую можно перейти в раздел с подробным описанием, фото и видео:

Раздел с подробным описанием проекта на сайте агентства “Active Theory”

Такое увидишь не каждый день! Потенциальные заказчики будут впечатлены.

Давайте подытожим

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

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

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

Читайте также

Карточка товара для онлайн-магазина: какой она должна быть? Краткие пояснения и актуальные примеры

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


Блог компании: каким он должен быть, чтобы привлекать пользователей?

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


Каким должен быть дизайн сайта, чтобы его можно было назвать отличным?

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