14\12\168 min

Как фотографу сделать свой сайт-портфолио: детальная инструкция

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

tilda-guest-bloggerМы попросили Яну Плющеву, дизайнера платформы Tilda Publishing, рассказать как сделать сайт для фотографа.

Яна: Одна из моих задач в Тильде — создавать шаблоны сайтов https://tilda.cc/ru/tpls/ для пользователей. Шаблоны — это готовые страницы, которые пользователи могут взять за основу и адаптировать, создавая сайт самостоятельно. Поэтому моя задача продумать все-все-все и сделать функциональные страницы, которые будут и красивыми, и удобными.

 

Tilda Publishing https://tilda.cc/  — модульный конструктор, который позволяет за короткое время создавать классные сайты: портфолио, лендинги, лонгриды, спецпроекты, интерактивные истории, блоги.

 

В целом процесс создания сайта состоит из следующих шагов:

— Идея и структура сайта

— Исследование и вдохновение

— Эскиз сайта или прототип

— Подготовка контента

— Дизайн сайта

 

Шаг 1  – Идея и структура сайта

 

Перед тем, как начать, определите для себя, в чем основная идея и задача вашего сайта и что именно вы хотите показать. Подумайте о тех людях, которых вы хотели бы видеть у себя на сайте: это ваши заказчики, поклонники, галеристы, а может быть просто ваши друзья? Определитесь с аудиторией — для кого вы создаете сайт. Затем попробуйте поставить себя на их место и предположить: почему они пришли к вам и что они ожидают увидеть.

kak-sdelat-sait-dlia-fotografov

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

 

Структура страницы будет зависит от вашей деятельности – если вы снимаете в нескольких направлениях или занимаетесь только одним видом деятельности.

 

Шаг 2 – Исследование и вдохновение

 

Когда вы примерно поняли, какой сайт вам нужен, проведите небольшое исследование.

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

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

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

https://httpster.net

https://www.siteinspire.com/

http://www.designmadeingermany.de/sites-we-like/sebastian/

http://thegallery.io/

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

 

Шаг 3 – Эскиз сайта или прототип

 

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

kak-sdelat-sait-dlia-fotografov-9

 

Шаг 4 – Подготовка контента

 

Заранее отберите фотографии, которые будут у вас на сайте, сложите их в отдельную папку, а в идеале уменьшите размер до 1680px по больше стороне. Так фотографии сохранят хорошее качество, но не будут тормозить загрузку сайта. Потому что если поставить на сайт хайрез, а потом открыть сайт на телефоне, будет тяжело.

Текст напишите в текстовом редакторе. Так будет удобно его редактировать. Какие-то моменты можно будет поменять прямо на странице, но основа должна быть.

Как написать текст для сайта. Если вы пишите текст самостоятельно, воспользуйтесь следующей схемой:

  • Напишите короткий текст о себе. Это должна быть одна фраза, которая емко формулирует, на чем вы специализируетесь. Например, Алина Лялина — детский фотограф в Москве.
  • Напишите чуть более развернутый текст. Объясните, в чем ваши особенности. Пишите просто — так, как если бы вы рассказывали это приятелю за чашкой кофе — максимально понятным языком.
  • Выделите три основных фишки — почему люди заказывают фотографии у вас.
  • Опишите преимущества. Расскажите, что ваши клиенты получают, когда обращаются к вам, дайте детали.
  • Подумайте о заголовках. Вчитываться в сплошной текст люди часто ленятся, а заголовки читаются без усилий, поэтому не увлекайтесь красивыми метафорами, пишите в заголовках суть.
  • Возьмите отзывы. Попросите ваших клиентов сказать пару слов о вас. Отлично работает.

Когда у вас готов контент — отобраны фотографии и написан текст можно переходить к непосредственному созданию сайта.

 

Шаг 5 – Дизайн сайта

 

Зарегистируйтесь на https://tilda.cc/, сразу же после регистрации Тильда предложит выбрать шаблон страницы. Специально для фотографов на Тильде есть темплейты:

1) Коммерческого фотографа https://tilda.cc/tpls/page/?q=samphotographer

kak-sdelat-sait-dlia-fotografov-3

2) Свадебного фотографа https://tilda.cc/tpls/page/?q=melissaweis

kak-sdelat-sait-dlia-fotografov-2

3) Фотостудии https://tilda.cc/tpls/page/?q=ballancestudios

kak-sdelat-sait-dlia-fotografov-4

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

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

Первый экран

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

 

На обложке сайта свадебного фотографа создайте галерею, на которой разместите избранные фотографии о вашей деятельности, а также заголовки под популярные запросы в интернете, например, свадебный фотограф в Рейкьявике

 

Навигация

Подумайте о навигации — как посетитель будет ориентироваться на сайте, переходить по страницам или перемещаться внутри одной страницы. Для организации добавьте меню: плашку с ссылками, которая будет находится наверху сайта.  Она может быть статичной или фиксироваться при скроле, чтобы всегда быть перед глазами. А может уложиться в лаконичный «гамбургер». Подробнее о дизайне меню можно прочитать в статье «Дизайн меню сайта и применение на практике» http://help-ru.tilda.ws/design-menu

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

kak-sdelat-sait-dlia-fotografov-5

В библиотеке блоков Тильды есть специальная категория «Меню»

Портфолио

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

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

Под фотографиями стоит добавить кнопку, при клике на которую можно перейти на отдельную страницу проекта и посмотреть больше работ.

kak-sdelat-sait-dlia-fotografov-6

Блог

Если у вас есть блог, разместите его на странице. Покажите три последних поста и добавьте кнопку, кликнув на которую пользователь перейдёт по ссылке на другие посты.

kak-sdelat-sait-dlia-fotografov-10

Прайс-лист

Следующий блок о стоимости съёмки можно сделать в виде таблицы или карточек. Укажите популярные услуги и цены на них. Добавьте кнопку «Заказать фотоссесию». Кликнув по ней, клиент переходит на форму для сбора данных, которые он отправит на почту фотографа.

kak-sdelat-sait-dlia-fotografov-7

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

 

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

 

Отзывы клиентов

После прайс-листа не забудьте добавить отзывы клиентов. Это привлекает внимание и вызывает доверие.

И в самом конце повторите контактные данные. Используйте для этого блоки из категории «Контакты»

kak-sdelat-sait-dlia-fotografov-8

Перед публикацией позаботьтесь о SEO — пропишите в настройках страницы название, описание и добавьте картинку для расшаривания в социальной сети.

Если вы хотите, чтобы сайт открывался по собственному адресу — подключите домен. Для этого в настройках сайта пропишите адрес, а у регистратора, где был куплен домен, одной строчкой укажите IP Тильды.

Не забудьте про статистику. Зарегистрируйтесь на Google Analytics или Яндекс Метрика, и подключите счетчики в настройках сайта.

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

 

Старайтесь быть аскетичным. Чем проще вы сделаете, тем меньше будет ошибок и сайт получится стильным.

 

Примеры сайтов фотографов, сделанных на Тильде:

http://alexmatamata.com/

http://christinaabdeeva.com/

http://oleg-fedorov.ru/

Related Articles