Лучшие сайты-портфолио для фотографов отлично справляются с одной задачей: они позволяют фотографиям занимать всю площадь экрана, не отвлекая внимание от остального.
Фотографы, получающие заказы, редко используют броские площадки. У них всегда всё понятно.
Ниже представлены 19 портфолио, созданных работающими фотографами. Pixpa сгруппированы по тому, что они снимают, и взяты из более широкой галереи. примеры фотопортфолио .
Каждый из вариантов включает в себя один удачный дизайнерский ход, а также краткую схему построения собственного сайта, ориентированного на его реальную задачу: привлечение клиентов, продажа печатной продукции или получение заказов.
Отличный сайт портфолио фотографии Он размещает ваши лучшие кадры в начале, сортирует их по понятным галереям и предлагает посетителю один очевидный следующий шаг: посмотреть больше, прочитать вашу историю или связаться с нами. Он быстро загружается и хорошо читается на телефоне.
Каждый сайт заслужил своё место по четырём критериям: насколько хорошо дизайн соответствует фотографиям, как организована работа, выполняет ли сайт свою коммерческую задачу и как он работает на мобильных устройствах. Не за красоту, а за реальную проблему, которую он решает.
В портретной фотографии успех или провал зависит от лица, поэтому эти сайты исключают все, что может с ним конкурировать.
Портретная и лайфстайл-фотография. Лос-Анджелес, США.
Лорен Кескинел Фотограф снимает портреты, путешествия и семейные фотографии в Лос-Анджелесе. На сайте используется теплая, единая цветовая палитра во всех галереях, с логотипом по центру и лаконичным меню, которое сортирует работы по категориям: портреты, путешествия, жизнь и конный спорт. Классическая сетка остается сдержанной, поэтому теплота изображений задает тон.
Возьмите это: Единая теплая цветовая гамма, использованная во всех залах, позволяет воспринимать разнообразные работы как единое целое.
Черно-белые портреты. США.
Алекс Олей снимает минималистичные черно-белые портреты и этюды человеческой фигуры.
На сайте изображения размещаются на полностью черном фоне, и по одному кадру пролистываются в горизонтальном слайд-шоу, при этом интерфейс остается практически невидимым.
Этот тёмный фон — вот решение: высококонтрастное монохромное изображение воспринимается гораздо лучше на чёрном фоне, чем на белом.
Возьмите это: Черный фон и по одному изображению за раз заставляют взгляд сосредоточиться на лице, а не на рамке вокруг него.
Клиенты, заказывающие свадебные и семейные торжества, покупают не только услуги фотографа, но и доверие, поэтому эти сайты внушают уверенность еще до загрузки галереи.
Семейная фотосъемка.
Аманда Реймерс Дизайн минималистичен: много свободного пространства, светлая нейтральная цветовая палитра и тщательно подобранная сетка, которая мягко темнеет при наведении курсора.
Меню разделено на три пункта: главная страница, о нас, клиентская галерея и встроенная панель. клиентские галереи Обеспечьте конфиденциальный просмотр, обмен и продажу печатной продукции, не загромождая общедоступный сайт.
Возьмите это: Сократите меню до того, что действительно нужно клиенту. Трех ссылок вполне достаточно.
Свадьба. Монпелье, Франция.
Уильям Ламбелет Фотографирует свадьбы в черно-белом и цветном варианте на юге Франции.
В центре экрана расположен слайд-шоу, сочетающее в себе элементы черно-белой фотографии, слева находится узкое вертикальное меню, а работы отсортированы по галереям: черно-белые, цветные и фотографии с места съемки. На отдельной странице «Награды» размещены разделы с информацией о наградах и примечаниями от клиентов.
Возьмите это: Разместите награды и отзывы на отдельной странице, чтобы галереи оставались исключительно визуальными.
Свадебная фотожурналистика.
Педро Агостиньо Крус Он подходит к свадебной тематике как фотожурналист. Главная страница открывается слайд-шоу из моментов торжества, содержит короткую строчку о цели («Страсть. Память. Жизнь.»), а затем переходит к классической сетке, которая при наведении курсора становится цветной, с лентой Instagram и вкладками для свадеб, пар и семейных фотосессий.
Возьмите это: Короткая строчка, описывающая замысел работы, задает эмоциональный тон перед тем, как загрузится вся галерея.
Покупатели и редакторы произведений искусства быстро просматривают контент и ищут именно ту категорию, для которой они были наняты, поэтому эти сайты созданы именно для такого быстрого просмотра.
Мода и реклама. Дубай, ОАЭ.
Шайлендра Рана Сайт снимает моду, рекламу и еду в Дубае. Он использует структурированное меню категорий, открывает изображения во всплывающем окне и присваивает проектам реальные заголовки с поясняющим предложением, благодаря чему коммерческие работы воспринимаются как продуманные, а не стоковые. Встроены функции поиска и социальных сетей.
Возьмите это: Придавайте коммерческим проектам реальные названия и контекст, чтобы покупатель понимал ход мысли, а не просто общую концепцию.
Мода и редакционная съемка. Орландо, США.
Дэвид Карвахал Меню разделено на разделы: рекламные кампании, редакционные материалы, стиль жизни, красота, мужская и женская тематика, после чего отображается слайд-шоу, переключающееся между черно-белым и цветным изображениями. Краткая биография и понятная контактная информация доступны в один клик.
Возьмите это: Классифицируйте заказы по типу работы с клиентами, а не по году выпуска, чтобы покупатель нашёл именно тот комплект, за которым он пришёл.
Мода. Манчестер, Великобритания.
Том Дэвидсон Фотограф снимает модные показы в Манчестере и разделяет работы на отдельные галереи: студийную и выездную. На информационной странице размещены биография и список клиентов, а виджет WhatsApp позволяет быстро связаться с фотографом.
Возьмите это: Разделение работы в студии и работы на выезде позволяет клиенту оценить вас по тому, для каких именно условий он вас нанимает.
Когда вы хорошо снимаете несколько объектов, есть опасность, что они сольются воедино. Эти два объекта на главной странице решают эту проблему.
Коммерческая и рекламная деятельность. Мумбаи, Индия.
Анкур Чатурведи На главной странице отображается баннерное изображение, которое меняется при наведении курсора на четыре тематические области: коммерческая фотография, портреты, корпоративная фотография и путевые заметки, каждая из которых открывается в отдельной сетке. Перед тем как посетитель кликнет один раз, на главной странице отображается предварительный просмотр всего ассортимента.
Возьмите это: На главной странице при наведении курсора мыши можно настроить предварительный просмотр каждого товара, чтобы посетитель сразу увидел весь ассортимент.
Еда, интерьеры и стиль. Нойда, Индия.
Анвита+Арун Разделите практику по нескольким навыкам на четырех разделах главной страницы, включающих всплывающие подсказки, блог о проекте и страницу с видеороликами о процессе работы.
Возьмите это: Домашняя страница, созданная с помощью функции Quadrant, предотвращает слияние нескольких сервисов в одну недифференцированную ленту новостей.
Для репортажной работы и работы с высоким контрастом требуется минимум интерфейсов. Эти два примера это доказывают.
Фотожурналистика. Нью-Дели, Индия.
Аднан Абиди — штатный фотограф в команде фотографов агентства Reuters, удостоенной Пулитцеровской премии. Сайт построен вокруг самого репортажа, с галереями работ, обширной страницей «О нас», где указаны данные об авторах, и блогом с заметками к материалам.
Возьмите это: Когда речь идёт о серьёзных новостях, простая структура и подробная страница «О нас» дадут больше пользы, чем любые визуальные изыски.
Черно-белое фото. Токио, Япония.
Андре ван Ренсбург Сайт снимает монохромные работы, посвященные современным танцорам. Он разделен на страницы «Фото» и «Видео», использует сетку без наведения курсора, содержит закрепленный неактивный видеоролик и оставляет много свободного пространства за небольшим, ненавязчивым шрифтом навигации.
Возьмите это: Если изображения высококонтрастные, упростите интерфейс практически до минимума и позвольте рамкам отображать основную часть страницы.
Изображения пейзажей и животных имеют кратчайший путь к продаже, и эти сайты прокладывают этот путь.
Дэвид Грейнджер Сочетает в себе основную биографию с слайд-шоу, а затем объединяет галерею, магазин и контакты в одну прокручиваемую панель.
Работы разделены на категории: пейзажи, природа, люди и панорамы, а в магазине печатной продукции предлагаются варианты печати на бумаге, металле и с натяжкой на подрамник прямо со страницы.
Возьмите это: Объединение галереи, магазина и контактов в одну прокрутку превращает просмотр в покупку без поиска по меню.
Путешествия и отдых на природе. Швейцария.
Майкл Корди В верхней части экрана расположено меню с разделами «Редакция», «Люди» и «Места», а также черно-белое слайд-шоу, которое открывается в виде сетки с мягким масштабированием при наведении курсора.
Логотипы брендов клиентов способствуют укреплению доверия, а лента в Instagram и небольшой магазин, где продаются календари и картины в рамах, дополняют общую концепцию.
Возьмите это: Фотомагазин, прикрепленный к туристическому портфолио, приносит доход от изображений, которые в противном случае оставались бы невостребованными.
Изобразительное искусство, изображающее лошадей и других животных. США.
Тара Эрроуд Пинн Здесь делают художественные портреты лошадей и других животных, многие из которых снимаются на чистом черном студийном фоне. Помимо галерей, на территории работают фотостудии для просмотра работ клиентов, магазин фотопечати и проводятся фотомастер-классы.
Возьмите это: Сочетание художественной галереи с четкой системой бронирования и просмотра позволяет одному сайту одновременно обслуживать коллекционеров и платящих клиентов.
Архитекторы оценивают точность и умение работать под нужным углом, поэтому на этих сайтах заказы распределяются так, как считает заказчик.
Архитектура. Нови-Сад, Сербия.
Реля Иванич Архитектор, ставший фотографом, представляет современные и модернистские здания в классической сетке, с подписью под каждым изображением. На объединенной странице «О нас» и «Контакты» перечислены узнаваемые логотипы брендов клиентов.
Возьмите это: Подпись под каждым зданием дает контекст, который никогда не сможет дать стена из неподписанных фасадов.
Архитектура. Хьюстон, США.
Майкл Крафт Функция сортировки фотографий зданий по типам съемки (экстерьер, интерьер, аэрофотосъемка, жилые здания), а также видеогалерея — все это доступно через одну удобную кнопку.
Возьмите это: Разделение фотосессии на галереи с фотографиями экстерьера, интерьера и аэрофотосъемки позволяет архитектору сразу перейти к нужному ракурсу.
Для быстрых, высококонтрастных изображений необходим фон, который не будет мешать, и структура, соответствующая тому, как клиенты осуществляют поиск.
Спортивная фотография.
Дон джонс В верхнем левом углу размещается логотип, упрощенное меню с кнопкой "Контакты", а на черном фоне — случайная сетка с изображениями баскетбольных и регбийных мячей, цвет которых появляется при наведении курсора.
Возьмите это: Черный фон с изменением цвета при наведении курсора позволяет быстро создавать яркие спортивные кадры без каких-либо дополнительных элементов дизайна.
Спорт и экстремальные виды спорта. Австралия.
Сияй ярко На изображении представлены динамичные скачки на лошадях и мотоциклах на стартовой решетке, а также страница «События» с выпадающими списками по категориям и область для просмотра и выбора изображений клиентом.
Возьмите это: Структура, основанная на мероприятиях, с отдельной галереей для каждого события, соответствует тому, как клиенты из спортивной индустрии планируют свой день.
Если посмотреть на все 19 вариантов, то одно и то же небольшое количество решений будет повторяться. Ни одно из них не связано со вкусом. Они направлены на то, чтобы не мешать работе:
Портфолио, ориентированное на бронирование свадебных услуг, строится иначе, чем портфолио, нацеленное на продажи печатной продукции. Определите, для чего предназначен сайт, а затем структурируйте его в соответствии с этой целью.
Если вы продаёте, Pixpa 's Интернет-магазин Комиссия с продаж не взимается, поэтому большинство фотографов начинают с создания первого ряда печатной продукции.
Пять ошибок, которые легко пропустить, но которые быстро исправить, как только вы их заметите.
Вам не нужно писать код или нанимать разработчика. Процесс короткий.
Эффективные портфолио — это не броские, а те, которые не отвлекают внимание: лучшие работы на первом месте, понятные галереи, простой способ связаться с автором и быстро загружаемая страница, которая хорошо отображается на телефоне.
Все представленные выше сайты начинались с одного фотографа, набора изображений и шаблона, так что, если у вас есть работа, создание сайта — это самая простая часть.
В качественном портфолио должны быть представлены ваши лучшие работы, сгруппированные по галереям, краткая информация о вас и ваша биография, четкие контактные данные, а также возможность заказать или приобрести ваши работы. Самая сложная часть — это редактирование: создание фотопортфолио Важно не только то, что вы добавляете, но и то, что вы исключаете.
Большинство профессиональных фотографов выставляют от 20 до 40 кадров, разделенных на тематические галереи. Тщательно отобранные лучшие работы выглядят лучше, чем длинный список, в котором посетителю предлагается самостоятельно найти удачные снимки.
Для каждого жанра создайте отдельную галерею, вместо того чтобы смешивать все в одной ленте. Четкие, хорошо озаглавленные коллекции, например, «Свадьбы» или «Редакционные материалы», помогут посетителям ориентироваться и позволят вам нацелиться на конкретные поисковые запросы.
Pixpa Тарифные планы начинаются от 5.40 долларов в месяц при годовой подписке Basic, и каждый план включает 15-дневный бесплатный пробный период, не требует предварительного ввода данных кредитной карты, а также 30-дневную гарантию возврата денег. последние цены на тарифные планы разбито по уровням.
Единой лучшей платформы не существует. Pixpa Подходит для фотографов, которым нужно портфолио, галереи работ клиентов и магазин без комиссий в одном месте, с поддержкой живых людей.
Squarespace подходит тем, кто хочет получить доступ к крупнейшему рынку шаблонов, SmugMug и Zenfolio ориентированы на хостинг больших объемов данных и проверку макетов, а Format и Pixieset — это альтернативы, предназначенные для фотографов. Если вы предпочитаете сравнивать конструкторы напрямую, мы поставили девять из них рядом друг с другом .
Используйте клиентские галереи: закрытые, защищенные паролем наборы, где клиенты могут просматривать, добавлять в избранное, скачивать и заказывать печать. Это позволяет отделить доставку клиенту от вашего публичного портфолио.
Используйте изображения, достаточно четкие, чтобы выглядеть хорошо на экранах с высоким разрешением, но сжатые для веб-сайтов. Стремясь к размеру изображения менее 500 КБ, вы обеспечите высокое качество без медленной загрузки, которая отпугивает посетителей.
Регулярно обновляйте свой блог. Новые работы, недавние фотосессии и периодические публикации в блоге сигнализируют как посетителям, так и поисковым системам о вашей активности, что помогает находить свежие материалы.