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

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

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

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

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

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

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

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

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

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

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

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

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

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

Фотографии

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

Serpstat — набор инструментов для поискового маркетинга!

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

Набор инструментов для экономии времени на выполнение SEO-задач.

7 дней бесплатно

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

3 из 5 на основе 2 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Используйте лучшие SEO инструменты

Подбор ключевых слов

Поиск ключевых слов – раскройте неиспользованный потенциал вашего сайта

Возможности Serpstat

Возможности Serpstat – комплексное решение для эффективного продвижения вебсайтов

Кластеризация ключевых слов

Кластеризация ключевых слов автоматически обработает до 50 000 запросов в несколько кликов

SEO аудит страницы

Проанализируйте уровень оптимизации документа используя SЕО аудит страницы

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

Вы уверены?

Знакомство с Serpstat

Узнайте об основных возможностях сервиса удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Я принимаю условия Политики конфиденциальности.

Спасибо, мы сохранили ваши новые настройки рассылок.

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

Отменить
Открыть чат технической поддержки
mail pocket flipboard Messenger telegramm