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

Нажав кнопку "Принять и продолжить", вы соглашаетесь с Политики конфиденциальности

Принять и продолжить

Сообщить об ошибке

Отменить
504
How-to Читать 8 минут 19 декабря 2018

Как создать портфолио на сайте

Как создать сайт-портфолио
ЧЕК-ЛИСТ: КОНТЕНТНАЯ ЧАСТЬ — ИНФОРМАЦИЯ О БИЗНЕСЕ
Портфолио — такой же важный раздел сайта компании, как главная страница. Это витрина, которая с одной стороны наглядно демонстрирует опыт в сфере, а с другой — позволяет превратить каждого посетителя в потенциального покупателя. Главное — правильно ее оформить.

Как сделать портфолио

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

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

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

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

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

По желанию и по возможности можно указывать или вскользь упоминать бюджет — это помогает клиентам прицениться и сделать выбор в пользу компании.
Бюджет проекта в портфолио
Заключительный и важнейший этап — обратная связь. На самой странице желательно сделать блок «Оформить заказ». Такой же Call To Action-блок не помешает и на страницах с каждым проектом. Например, если компания занимается созданием сайтов, то после описания задачи и работы можно добавить кнопку «Хочу такой сайт». Это упрощает процесс заказа для клиента и подталкивает последнего к нему.
Call-to-action в портфолио

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

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

Тяжелее всего с портфолио крупных компаний — проектов много и найти похожий на свой не представляется возможным действием. Чтобы избежать подобных неудобств, достаточно просто структурировать материал, то есть поделить все по разделам или категориям. Ниже — один из вариантов.
Структура портфолио на сайте
Вот пример оформления, когда количество работ исчисляется тысячами. Обратите внимание на кнопку «Все теги» — список расширяется:
Тегирование работ в портфолио
Очень важно стремиться не только к качеству, но и к количеству. Чем больше работ, тем солиднее выглядит компания. В то же время, когда выполненных проектов мало, можно обойтись аккуратным и удобным списком без категорий. Главное, чтобы в нем все было просто и понятно.
Категории работ в портфолио

Элементы оформления портфолио: примеры

Фотографии

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

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

Описание и результат

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

Как сделать портфолио идеальным

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

Интернет-маркетологи советуют:
1
Внимательно отбирать проекты, которые вы будете размещать на странице в качестве примеров. Каждый из них должен быть предметом вашей гордости. Соответственно, в нем все должно быть идеально.

Здесь и дополнительный плюс — портфолио не будет перенасыщенным. К тому же не у всех заказчиков есть время, чтобы просматривать все работы. Некоторым достаточно увидеть парочку по своей теме, чтобы сделать выбор.
2
Обращать внимание на тренды и последние тенденции. Этот совет особенно актуален для компаний, деятельность которых связана с дизайном. Если они покажут, что умеют удивлять, к ним пойдут клиенты.
3
Делать акцент на разнообразии — это позволит охватить более широкую аудиторию. Если агентство делает сайты, то на странице оно должно проиллюстрировать свои лучшие проекты для интернет-магазинов, а также примеры сайтов-визиток, развлекательных порталов, информационных ресурсов и т.д.
4
Следить, чтобы работы стильно и выигрышно смотрелись вместе. Для этого их обычно оформляют в одном стиле, как, например, здесь:
Стильное оформление портфолио
5
Постоянно обновлять портфолио. Во-первых, важно добавлять новые проекты — это демонстрирует востребованность компании и вызывает больше доверия у заказчиков.

Во-вторых, если компания больше 3 лет на рынке и постоянно совершенствуется, стоит старые работы постепенно заменять новыми. Это очень актуально для сайта-портфолио дизайнера: тенденции и технологии меняются постоянно, и на этом фоне очень легко показаться устаревшим.
6
Уделять внимание деталям — они располагают. Некоторые агентства по продвижению сайтов пишут в описании к проекту, кто над ним работал — перечисляют имена и фамилии сотрудников и их должности. Зарубежная студия графического дизайна пошла еще дальше — они указали также бумагу, которую использовали, и шрифты.
Использованные шрифты в портфолио
7
Прислушиваться к мнению со стороны. Если проектов много, глаз может замыливаться. В то же время коллеги или друзья подскажут, хорошо ли страница смотрится, создает ли впечатление, что над проектами работали профессионалы.
8
Просматривать портфолио других компаний, а также конкурентов, и если у них есть интересные идеи, внедрять те у себя. Одна из таких идей — поиск по портфолио. Он экономит посетителю кучу времени.
Поиск по портфолио
9
Добавлять отзывы. Хорошо, если под каждым проектом заказчики будут оставлять несколько слов о своих впечатлениях от сотрудничества с компанией и результатах. Чтобы тексты не отталкивали и иллюстрировали именно то, что надо, желательно предварительно составить короткий список вопросов, а потом пересылать его заказчикам.
10
Позаботиться о расшаривании. Этот совет, скорее, для фрилансеров (дизайнеров), которые оформляют свои портфолио на сайте. Если они настроят под собственными работами кнопки расшаривания в социальных сетях,чтобы пользователи могли делиться картинками, их имя понемногу будет становиться узнаваемым и вскоре начнет приводить новых заказчиков.

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

Заключение

Портфолио может как привлечь, так и распугать клиентов, поэтому его важно грамотно составлять:

  • в него должны войти только самые сильные проекты;

  • к каждому из них нужно сделать качественную фотографию, добавить краткое, но полезное описание;

  • периодически работы желательно обновлять;

  • последний штрих — обратная связь. Нужно дать возможность клиентам оформлять заказы прямо под описанием — это сэкономит массу времени;

  • также на странице с портфолио должна быть интуитивно понятная навигация.

  • если работ много, их лучше разделить по блокам, другой вариант — настроить поиск. Располагать проекты можно по-разному. Главное, чтобы все выглядело просто и понятно.
Эта статья — часть модуля «Список задач» в Serpstat
«Список задач» в Serpstat
«Список задач» — готовый to-do лист, который поможет вести учет
о выполнении работ по конкретному проекту. Инструмент содержит готовые шаблоны с обширным списком параметров по развитию проекта, к которым также можно добавлять собственные пункты.
Начать работу со «Списком задач»

Сэкономьте время на изучении Serpstat

Хотите получить персональную демонстрацию сервиса, тестовый период или эффективные кейсы использования Serpstat?

Оставьте заявку и мы свяжемся с вами ;)

Оцените статью по 5-бальной шкале

из 5 на основе 0 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.
Хотите узнать новые фишки по интернет-маркетингу?
Подпишитесь на нашу рассылку — только полезные статьи, реальные кейсы и новости Serpstat раз в неделю.

Поделитесь статьей с вашими друзьями

Войти Регистрация

Вы исчерпали лимит запросов.

Или email
Забыли пароль?
Или email
Back To Login

Не волнуйтесь! Напишите свой электронный адрес и мы пришлем вам новый пароль.

Вы уверены?

Awesome!

To complete your registration you need to enter your phone number

Назад

Мы отправили код подтверждения на ваш номер телефона

Your phone Resend code Осталось запросов

Что-то пошло не так.

Свяжитесь с нашей службой поддержки
Или подтвердите регистрацию с помощью Телеграм бота Перейдите по этой ссылке
Выберите один из проектов

Знакомство с сервисом

Ознакомьтесь с основными возможностями Serpstat удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Увеличить лимиты

Улучшить тариф

Экспорт недоступен для вашего тарифного плана. Вам необходимо улучшить свой тариф до Lite или выше, чтобы получить доступ к инструменту Подробнее

Зарегистрироваться

Спасибо, мы с вами свяжемся в ближайшее время

Пригласить
Просмотр Редактирование

E-mail
Сообщение
необязательно
E-mail
Сообщение
необязательно

У вас закончились лимиты

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

Я хочу больше лимитов