Как фотографу сделать свой сайт-портфолио: детальная инструкция
Фотографа встречают по портфолио, поэтому выгодно показать свои работы — это важно. Современные инструменты позволяют не просто выложить фотографии, но и создать вокруг них историю. Красивый сайт поможет понять, что вы профессионал и отличит вас от неопытных любителей.
Мы попросили Яну Плющеву, дизайнера платформы Tilda Publishing, рассказать как сделать сайт для фотографа.
Яна: Одна из моих задач в Тильде — создавать шаблоны сайтов https://tilda.cc/ru/tpls/ для пользователей. Шаблоны — это готовые страницы, которые пользователи могут взять за основу и адаптировать, создавая сайт самостоятельно. Поэтому моя задача продумать все-все-все и сделать функциональные страницы, которые будут и красивыми, и удобными.
Tilda Publishing https://tilda.cc/ — модульный конструктор, который позволяет за короткое время создавать классные сайты: портфолио, лендинги, лонгриды, спецпроекты, интерактивные истории, блоги.
В целом процесс создания сайта состоит из следующих шагов:
— Идея и структура сайта
— Исследование и вдохновение
— Эскиз сайта или прототип
— Подготовка контента
— Дизайн сайта
Шаг 1 – Идея и структура сайта
Перед тем, как начать, определите для себя, в чем основная идея и задача вашего сайта и что именно вы хотите показать. Подумайте о тех людях, которых вы хотели бы видеть у себя на сайте: это ваши заказчики, поклонники, галеристы, а может быть просто ваши друзья? Определитесь с аудиторией — для кого вы создаете сайт. Затем попробуйте поставить себя на их место и предположить: почему они пришли к вам и что они ожидают увидеть.
Возьмите обычный лист бумаги и набросайте структуру. Подумайте о том, нужен ли вам многостраничный сайт или достаточно выбрать 10 лучших работ и разместить на одной странице, которую будет легко пролистать. Если вы фотограф и владеете визуальным языком, то скорее всего и пишете тоже неплохо. Будет ли у вас блог? На том же домене, что и основной сайт или на отдельном? Ваши работы делятся по категориям или вы не выходите за рамки одного жанра?
Структура страницы будет зависит от вашей деятельности – если вы снимаете в нескольких направлениях или занимаетесь только одним видом деятельности.
Шаг 2 – Исследование и вдохновение
Когда вы примерно поняли, какой сайт вам нужен, проведите небольшое исследование.
Скорее всего вы и так регулярно просматриваете сайты и портфолио фотографов, работами которых вы восхищаетесь. Но сейчас нужно посмотреть под другим углом — вам нужно заметить какие секции используют другие фотографы и составить список главных или повторяющихся элементов. Например, это может быть рассказ о себе, о своих занятиях, о своей истории (как начали заниматься фотографией), стоимости услуг.
Посмотрите сайты в смежных категориях: дизайнеров, иллюстраторов или даже фотоагентств. Вполне возможно, что вы найдете интересный ход, который можно применить.
Посмотрите как вообще выглядит современный интернет, без привязки к конкретной теме. В сети довольно много ресурсов, где энтузиасты собирают хорошие образцы:
http://www.designmadeingermany.de/sites-we-like/sebastian/
Попробуйте заметить, что именно вам нравится. Может быть удачный ритм, хорошая типографика или сочетание цветов.
Шаг 3 – Эскиз сайта или прототип
Эскиз или прототип — это схематичное изображение блоков, из которых состоит сайт. Ваш визуальный сценарий. Делается это просто: возьмите лист бумаги, фломастер и нарисуйте схему что за чем будет идти. Не нужно все прорисовывать детально, только общую идею.
Шаг 4 – Подготовка контента
Заранее отберите фотографии, которые будут у вас на сайте, сложите их в отдельную папку, а в идеале уменьшите размер до 1680px по больше стороне. Так фотографии сохранят хорошее качество, но не будут тормозить загрузку сайта. Потому что если поставить на сайт хайрез, а потом открыть сайт на телефоне, будет тяжело.
Текст напишите в текстовом редакторе. Так будет удобно его редактировать. Какие-то моменты можно будет поменять прямо на странице, но основа должна быть.
Как написать текст для сайта. Если вы пишите текст самостоятельно, воспользуйтесь следующей схемой:
- Напишите короткий текст о себе. Это должна быть одна фраза, которая емко формулирует, на чем вы специализируетесь. Например, Алина Лялина — детский фотограф в Москве.
- Напишите чуть более развернутый текст. Объясните, в чем ваши особенности. Пишите просто — так, как если бы вы рассказывали это приятелю за чашкой кофе — максимально понятным языком.
- Выделите три основных фишки — почему люди заказывают фотографии у вас.
- Опишите преимущества. Расскажите, что ваши клиенты получают, когда обращаются к вам, дайте детали.
- Подумайте о заголовках. Вчитываться в сплошной текст люди часто ленятся, а заголовки читаются без усилий, поэтому не увлекайтесь красивыми метафорами, пишите в заголовках суть.
- Возьмите отзывы. Попросите ваших клиентов сказать пару слов о вас. Отлично работает.
Когда у вас готов контент — отобраны фотографии и написан текст можно переходить к непосредственному созданию сайта.
Шаг 5 – Дизайн сайта
Зарегистируйтесь на https://tilda.cc/, сразу же после регистрации Тильда предложит выбрать шаблон страницы. Специально для фотографов на Тильде есть темплейты:
1) Коммерческого фотографа https://tilda.cc/tpls/page/?q=samphotographer
2) Свадебного фотографа https://tilda.cc/tpls/page/?q=melissaweis
3) Фотостудии https://tilda.cc/tpls/page/?q=ballancestudios
Если эти шаблоны не подходят, посмотрите другие. Шаблон — это образец хорошего дизайна и пример использования блоков. Выбор шаблона никак не ограничивает ваше творчество — в любое время вы можете изменить его до неузнаваемости и даже начать с чистого листа.
Вы работаете с изображениями, поэтому первое, что должен увидеть посетитель вашего сайта – это фотография, которая сразу покажет вашу специализацию (например, свадьбы, еда, выставки, интерьер фотостудии).
Первый экран
Укажите на первом экране контакты: электронная почта, телефон, ссылка на соцсети, город, где вы работаете. Это удобно для клиента. В шапке обязательно укажите ваши имя и фамилию. Там же разместите ваш логотип. При желании можно поставить большую фотографию в половину экрана, чтобы клиент увидел ваше лицо.
На обложке сайта свадебного фотографа создайте галерею, на которой разместите избранные фотографии о вашей деятельности, а также заголовки под популярные запросы в интернете, например, свадебный фотограф в Рейкьявике
Навигация
Подумайте о навигации — как посетитель будет ориентироваться на сайте, переходить по страницам или перемещаться внутри одной страницы. Для организации добавьте меню: плашку с ссылками, которая будет находится наверху сайта. Она может быть статичной или фиксироваться при скроле, чтобы всегда быть перед глазами. А может уложиться в лаконичный «гамбургер». Подробнее о дизайне меню можно прочитать в статье «Дизайн меню сайта и применение на практике» http://help-ru.tilda.ws/design-menu
Важно: не перегружайте меню, это функциональная часть, которая должна помогать ориентироваться. Используйте короткие слова для названий пунктов, не делайте пунктов больше 5.
В библиотеке блоков Тильды есть специальная категория «Меню»
Портфолио
Выбираем несколько блоков, чтобы показать портфолио. Добавьте вкладки, если вы хотите представить несколько направлений фотографий. Кликая по названиям, переходим от раздела к разделу. В каждом разделе стоит показать лучшие фото по конкретному направлению деятельности.
Например, если вы фотографируете свадьбы, добавьте галерею с избранными фотографиями, увеличивающимися под клик. Дальше можно добавить фотоистории с информацией о том, где была свадьба и какого числа. Можно включить раздел о лучших свадьбах последнего года.
Под фотографиями стоит добавить кнопку, при клике на которую можно перейти на отдельную страницу проекта и посмотреть больше работ.
Блог
Если у вас есть блог, разместите его на странице. Покажите три последних поста и добавьте кнопку, кликнув на которую пользователь перейдёт по ссылке на другие посты.
Прайс-лист
Следующий блок о стоимости съёмки можно сделать в виде таблицы или карточек. Укажите популярные услуги и цены на них. Добавьте кнопку «Заказать фотоссесию». Кликнув по ней, клиент переходит на форму для сбора данных, которые он отправит на почту фотографа.
Если вы продаёте услуги фотостудии, расскажите, какие помещения и оборудование вы предоставляете в аренду, укажите стоимость и расскажите, почему стоит выбрать именно ваше помещение и оборудование. Добавив изображения фонов, отражателей, рассеивателей, фотоаппаратов, циклорам, зон с водой и т.д., вы значительно повышаете свои шансы быть замеченным (и заработать).
На сайт фотогалереи добавьте раздел о правилах. Например, что отменять бронь можно не менее, чем за три дня. Или о том, как производится возврат оплаты.
Отзывы клиентов
После прайс-листа не забудьте добавить отзывы клиентов. Это привлекает внимание и вызывает доверие.
И в самом конце повторите контактные данные. Используйте для этого блоки из категории «Контакты»
Перед публикацией позаботьтесь о SEO — пропишите в настройках страницы название, описание и добавьте картинку для расшаривания в социальной сети.
Если вы хотите, чтобы сайт открывался по собственному адресу — подключите домен. Для этого в настройках сайта пропишите адрес, а у регистратора, где был куплен домен, одной строчкой укажите IP Тильды.
Не забудьте про статистику. Зарегистрируйтесь на Google Analytics или Яндекс Метрика, и подключите счетчики в настройках сайта.
Прежде чем показывать сайт друзьям и клиентам, посмотрите еще раз на него свежим взглядом: обратите внимание на общую аккуратность и стиль — нет ли на сайте избыточного оформления, достаточно ли свободного пространство между элементами.
Старайтесь быть аскетичным. Чем проще вы сделаете, тем меньше будет ошибок и сайт получится стильным.
Примеры сайтов фотографов, сделанных на Тильде: