Сайт-портфолио мастера или фрилансера: работы, отзывы, связь

Спрашивают «а есть где посмотреть ваши работы?», и ты отправляешь ссылку на страницу в соцсети, где работы перемешаны с поздравлениями, мемами и фото с отпуска. Человек листает, листает, ничего не находит и пропадает. Или отправляешь пятнадцать фотографий в личку по одной.

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

Как собрать сам сайт своими руками с нейросетью, у меня есть урок по слову САЙТ. Здесь про начинку: что положить на страницу, чтобы она работала.

Что получишь

• Отбор из своих работ: десять-пятнадцать, которые показывают тебя с разных сторон
• Подписи к работам: задача, что сделала, для кого
• Настоящие отзывы, собранные с согласия авторов, и готовое сообщение для такой просьбы
• Структуру страницы от первого экрана до кнопки связи

Что нужно до старта

• Фотографии или файлы своих работ. Только своих
• Отзывы, которые тебе уже писали: скриншоты, сообщения, голосовые
• Нейросеть, которая видит картинки. Из России по-русски работают ГигаЧат (giga.chat) и Алиса AI (alice.yandex.ru), что они сейчас умеют с фото и на каких условиях, смотри на их официальных страницах
• Решение, где будет страница: свой сайт, конструктор, страница в мессенджере. Об этом в шаге 7

Два правила, без которых портфолио не портфолио

Только свои работы. Картинки из интернета «для примера», работы коллег и картинки от нейросети под видом своих в портфолио не идут. Человек заказывает то, что видит. Придёт с ожиданием чужой работы, получит твою, и дальше обида, а то и спор. Если ты делала работу в команде, так и подписываешь: что именно было твоим.

Только настоящие отзывы и только с согласия. Отзыв это чужие слова, а часто ещё имя и фото человека. Ставить их на сайт можно, когда человек разрешил. Выдуманные отзывы не пишешь никогда, и нейросеть их не пишет тоже, даже «для заполнения, потом заменю». Потом обычно не заменяют.

Про чужие данные и изображения есть закон. Обработку персональных данных регулирует Федеральный закон № 152-ФЗ «О персональных данных» (текст на consultant.ru: https://www.consultant.ru/document/cons_doc_LAW_61801/). Про изображение человека, например лицо клиента на фото с причёской или на свадебной съёмке, есть статья 152.1 Гражданского кодекса (https://www.consultant.ru/document/cons_doc_LAW_5142/). Пересказывать их не буду, открой и прочитай сама в редакции на сегодня, а если работаешь с лицами клиентов постоянно, спроси юриста, как оформлять согласие.

Шаги

1. Собери все работы в одну папку

Скинь в одну папку всё, что считаешь своими работами за последние год-два. Не отбирай пока, просто собери. Обычно выходит штук пятьдесят-сто.

Сразу убери то, где видно лица клиентов, номера машин, адреса, документы, если на это нет согласия. Это можно обрезать или выбрать другой кадр.

2. Отбери лучшее с нейросетью

Отправь работы порциями по пять-десять штук.

Я [мастер маникюра / фотограф / дизайнер / свой вариант]. Собираю портфолио на сайт. Посмотри на мои работы и помоги отобрать.

Для каждой работы скажи:
1. Насколько хорошо видно саму работу: свет, резкость, фон, лишние предметы.
2. Какой вид моей работы она показывает: [перечисли свои направления, например «короткие ногти, длинные, дизайн, френч»].
3. Взял бы ты её в портфолио: да, нет, да если переснять.

Не дорисовывай и не улучшай фото. Мне нужна честная оценка.

Цель: десять-пятнадцать работ, где каждое направление представлено два-три раза. Портфолио из одинаковых работ говорит «она умеет только это». Иногда это и надо, если ты специалист в одном, тогда так и пиши на первом экране.

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

3. Подпиши каждую работу

Голая картинка показывает результат. Подпись показывает, как ты думаешь, и это часто решает.

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

Потом напиши подпись в три-четыре строки: задача, что сделала, для кого. Простыми словами, без «уникальный» и «эксклюзивный». Не придумывай цифр и фактов, которых нет в моих ответах.

Пример, как это выглядит у дизайнера: «Логотип для пекарни у дома. Хотели, чтобы его узнавали со стороны дороги. Сделала три варианта, выбрали самый простой, он читается и на вывеске, и на коробке». Громких слов нет, и сразу понятно, как ты работаешь.

4. Собери отзывы правильно

Сначала посмотри, что у тебя уже есть: скриншоты переписки, сообщения «спасибо, всё отлично». Это сырьё. На сайт они идут только после того, как автор согласился.

Сообщение с просьбой можно написать вместе с нейросетью:

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

Тепло, коротко, на «ты» или на «вы» как я напишу: [укажи]. Без давления.

Ответ «да» сохрани: скриншот переписки положи в отдельную папку «согласия». Если человек потом попросит убрать отзыв, убираешь.

5. Отзыв не переписываем

Нейросеть с радостью «улучшит» отзыв: сделает гладким, добавит восторга. Так нельзя, это уже чужие слова, которых человек не говорил.

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

Вот отзыв клиента, он разрешил его опубликовать: [вставь].
Не переписывай его. Выбери одну фразу из него дословно, которую можно поставить крупно над отзывом. Если подходящей нет, так и скажи.

Три-пять настоящих отзывов работают сильнее двадцати одинаковых. Если отзывов пока мало, честно ставь, сколько есть.

6. Собери структуру страницы

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

Блоки сверху вниз:
1. Первый экран: кто я и что делаю, одной строкой, и кнопка «написать».
2. Работы: [число] штук, по направлениям.
3. Как я работаю: три-четыре шага от первого сообщения до готовой работы.
4. Отзывы.
5. Коротко обо мне: два-три предложения.
6. Как связаться: кнопка и что написать в первом сообщении.

Напиши тексты для блоков 1, 3, 5 и 6 по моим словам. Цены и сроки не добавляй, если я их не дала. Заголовки короткие.

Кнопку связи ставь на первом экране и в самом конце. Человек, который досмотрел до конца, уже готов написать, не заставляй его листать наверх.

В кнопке сразу подскажи, что написать: «Напишите, какую работу хотите и к какому числу». Так первое сообщение сразу приходит с делом, без одинокого «здравствуйте».

7. Реши, где будет жить страница

Варианты от простого:

• Страница в мессенджере или соцсети, но отдельная. Закреплённый пост или отдельный альбом, только работы и отзывы. Быстро, бесплатно, но выглядит как часть ленты
• Конструктор сайтов. Собираешь из блоков сама. Условия и тарифы у каждого свои, смотри на их официальных страницах на сегодня
• Свой сайт. Собираешь сама с нейросетью по уроку САЙТ или отдаёшь тому, кто сделает. Если свой сайт, понадобятся домен и хостинг, про них урок по слову ДОМЕН

Начать можно с первого, а потом перенести. Тексты и отбор из шагов 2-6 переедут без изменений.

8. Проверь страницу глазами клиента

Вот текст моей страницы портфолио: [вставь все блоки].
Представь, что ты человек, который ищет [мастера / дизайнера / свой вариант] и первый раз попал на эту страницу.

Скажи честно:
1. За пять секунд понятно, что я делаю?
2. Что непонятно или вызывает недоверие?
3. Где ты бы ушёл со страницы?
4. Понятно ли, как написать и что написать?

Ещё лучше дать посмотреть живому человеку, который не в теме. Попроси его просто пролистать при тебе и молчи.

Где обычно ломается

Работ слишком много. Сорок фото подряд, и лучшие утонули. Пятнадцать отобранных работают сильнее.

Подписи из громких слов. «Уникальный авторский дизайн премиум-класса». Задача, что сделала, для кого. Простыми словами.

Отзыв без согласия. Взяла скриншот из переписки и поставила. Даже если человек был доволен, спроси. Папка «согласия» спасает, когда кто-то через год спросит, откуда это у тебя на сайте.

Нейросеть «улучшила» отзыв или фото работы. Ставишь только оригиналы. Улучшенная работа обещает то, чего ты не делала.

Нет кнопки связи на первом экране. Человек посмотрел три работы, захотел написать и не нашёл как.

Лица клиентов без разрешения. Обрезай, выбирай другой кадр или бери согласие. Как именно оформлять, смотри статью 152.1 ГК и спрашивай юриста.

Можно самой, можно под ключ

Всё из этого урока ты можешь сделать сама: отбор, подписи, отзывы и тексты, а саму страницу собрать по уроку САЙТ.

А можно отдать нам сайт целиком. Мы с дочерью Анастасией делаем сайты под ключ: Анастасия рисует и собирает сайты с 2021 года, я веду заказ от первого сообщения до сдачи, тексты тоже на мне. На странице услуг есть живое демо сайта мастера маникюра с записью, фирма в нём вымышленная, можно посмотреть, как это выглядит: https://ии-вайбкодинг.рф/demo/manikyur/ . А рассказать про свой сайт можно тут, голосовым тоже: https://t.me/ketrin_priyom_bot?start=sayt

Источники

1. https://giga.chat/
2. https://alice.yandex.ru/
3. https://www.consultant.ru/document/cons_doc_LAW_61801/
4. https://www.consultant.ru/document/cons_doc_LAW_5142/

Ещё уроки