Александр Киршин

+32
с 2020
17 подписчиков
26 подписок
6 простых правил, как сделать любой сайт читабельным. И зачем вообще это делать

Почему текст на сайте решает намного больше феерического визуала?

5
Делаем черно-белую карту Яндекс для сайта и маркер любой картинкой

Привет! Как сделать карту Яндекса монохромной (черно-белой), а картинки поставить свои и цветные? Небольшим кодом и следуя пункт за пунктом в описании. Поехали! НО! Сначала скажу, что сервис Яндекс.Карты не одобряет модификации своих карт (прописано в соглашении) и для UX такое решение не самое правильное. Такое решение больше для тех, кто за визуа…

14

Привет! Не так давно появилась задача на сайт психотерапевта, который сделан на Тильде, интегрировать какой-то сервис, позволяющий клиентам самостоятельно записываться онлайн в календарь доступных дат. Эти даты должен был сформировать сам терапевт, добавить возможные услуги и варианты оплаты.

Интеграция в Tilda сервиса BookForm от Яндекс. Мануал для ленивых
7

Я буду рассказывать про свой опыт и сразу скажу, это не догма. На одних моих проектах такой алгоритм работает, а на других ни в какую.

Behance, как самая заманчивая площадка для многих дизайнеров, чтобы показать свои работы и может быть найти себе заказчиков (да, таких случаев очень много). Но что сделать ,чтобы работы заметили? Как увеличива…

13
\n
\n\n","lang":""}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

7. Правим код под свой маркер. Для начала пропишем путь к картинке маркеру. Если забыли ссылку, откройте скрытый блок IM01 и скопируйте путь к картинке оттуда. Если делаете так, не забудьте потом опять спрятать этот блок.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

8. Теперь временно создадим любой блок с картой, чтобы найти навигационные точки. Например блок CN402. Нажимаем на кнопку «контент« этого блока, заходим ниже в меню ТОЧКА НА КАРТЕ 1 и кликаете на ссылку «Найти на карте»

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"​","image":{"type":"image","data":{"uuid":"8118aad5-1c4c-1731-ed56-7a0e131ab989","width":686,"height":300,"size":284561,"type":"png","color":"63625d","hash":"","external_service":[]}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

9. В поле поиска на карте вводите нужный адрес и нажимаете ОК. После этого открываете еще раз настройки точки и копируете широту и долготу вашего адреса.

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"2df16726-f475-563f-88de-fd998925f378","width":686,"height":300,"size":247051,"type":"png","color":"f8fbfb","hash":"","external_service":[]}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

10. Возвращаемся к блоку с кодом и во все места с цифрами широты и долготы вставляете свои значения.

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"173e4f9c-7d54-5bd9-fd8d-3949ffafc4ef","width":686,"height":300,"size":188098,"type":"png","color":"e6dfdf","hash":"","external_service":[]}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

11. Для тото, чтобы всплывал нужный вам текст при наведении на иконку на карте — добавьте текст в строку с hint.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Итог:

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Сохраняем блок. Публикуем страницу и наслаждаемся ЧБ картой со своим цветным маркером.

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"097f1af8-8e4c-1f39-45dd-dc34672585f3","width":686,"height":300,"size":453471,"type":"png","color":"eeeded","hash":"","external_service":[]}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Спасибо Андрею Балыбердину за помощь в правке кода.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Меня можно найти здесь: https://manon.design

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Я в Телеграм: @TaoTrip
Андрей в Телеграм: @Andrey041

"}}],"summaryContent":null,"isExistSummaryContent":false,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":16,"favorites":103,"reposts":0,"views":48,"hits":38785,"reads":null,"online":0},"dateFavorite":0,"hitsCount":38785,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":false,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":null,"url":"https://vc.ru/design/117708-delaem-cherno-beluyu-kartu-yandeks-dlya-saita-i-marker-lyuboi-kartinkoi","author":{"id":439175,"name":"Александр Киршин","nickname":null,"description":null,"uri":"","avatar":{"type":"image","data":{"uuid":"0f91f7d2-619e-97be-4711-1f472d670c2d","width":200,"height":200,"size":20152,"type":"jpg","color":"dcd2d1","hash":"","external_service":[]}},"cover":null,"achievements":[{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":4988945,"userId":439175,"count":0,"shareImage":"https://api.vc.ru/achievements/share/4988945"},{"title":"3 года на vc.ru","code":"registration_3_years","description":"Провёл 3 года вместе с vc.ru. Получена 23 июля 2025.","previewUuid":"d9d72ac5-bcb5-55e0-8c72-b99251e5cdd9","formats":{"glb":"https://static.vc.ru/achievements/shark.glb","usdz":"https://static.vc.ru/achievements/shark.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.5205078125,"textY":0.341796875,"logoX":0.5205078125,"logoY":0.4609375,"logoXNoText":0.5,"logoYNoText":0.3662109375},"id":1364858,"userId":439175,"count":0,"shareImage":"https://api.vc.ru/achievements/share/1364858"},{"title":"5 лет на vc.ru","code":"registration_5_years","description":"Провёл 5 лет вместе с vc.ru. Получена 23 июля 2025.","previewUuid":"a9140d54-73b8-5f40-afa8-449fbaafd42b","formats":{"glb":"https://static.vc.ru/achievements/whale.glb","usdz":"https://static.vc.ru/achievements/whale.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.533203125,"textY":0.658203125,"logoX":0.533203125,"logoY":0.77734375,"logoXNoText":0.4375,"logoYNoText":0.66015625},"id":138150,"userId":439175,"count":0,"shareImage":"https://api.vc.ru/achievements/share/138150"}],"lastModificationDate":1764977028,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":false,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":199114,"name":"Дизайн","description":"Материалы о красивых вещах, логотипах, веб-дизайне.","uri":"/design","avatar":{"type":"image","data":{"uuid":"81132c2d-ddb6-0127-19d6-e1d1293194b1","width":0,"height":0,"size":1,"type":"jpg","color":"","hash":"","external_service":[]}},"cover":{"type":"image","data":{"uuid":"b8bf3924-2ba4-571c-a7b6-4be86417c6b9","width":960,"height":280,"size":21376,"type":"png","color":"dd6a8c","hash":"","external_service":[]}},"lastModificationDate":1620994027,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":false,"isDisabledAd":false,"nickname":"design","isUnsubscribable":true,"badge":null,"badgeId":null,"isDonationsEnabled":false,"isOnline":false,"isPlus":false,"isUnverifiedBlogForCompanyWithoutPro":false,"isVerified":false,"isRemovedByUserRequest":false,"isFrozen":false,"isPro":false,"type":2,"subtype":"community"},"reactions":{"counters":[{"id":1,"count":14}],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null}},{"type":"entry","data":{"id":104582,"customUri":null,"subsiteId":439175,"title":"Интеграция в Tilda сервиса BookForm от Яндекс. Мануал для ленивых","date":1580567726,"dateModified":1580567726,"blocks":[{"type":"text","cover":true,"hidden":false,"anchor":"","data":{"text":"

Привет! Не так давно появилась задача на сайт психотерапевта, который сделан на Тильде, интегрировать какой-то сервис, позволяющий клиентам самостоятельно записываться онлайн в календарь доступных дат. Эти даты должен был сформировать сам терапевт, добавить возможные услуги и варианты оплаты.

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"d425762d-177a-75e4-8633-1e051e967e01","width":1343,"height":533,"size":783532,"type":"png","color":"f2f3f9","hash":"","external_service":[]}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Пошаговый мануал интеграции Букформа и Тильды."}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

1. Заходим на сайт Bookform и регистрируемся. Шаги там простые (название компании, электронная почта, телефон, имя пользователя). Можно зарегистрироваться полностью, или зайти через аккаунт Яндекса, если он у вас есть.

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"474827f1-6bc4-1b14-18a3-2069ee9927f8","width":1337,"height":537,"size":386671,"type":"png","color":"fada63","hash":"","external_service":[]}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

2. Проходим этап настройки услуги (название, фотография опционально, карта с указанием места предоставления услуги)

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"0459c6a2-9839-b119-08d6-c5b7e0e7eb42","width":1047,"height":643,"size":397947,"type":"png","color":"4d453f","hash":"","external_service":[]}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"12525b46-1cbc-c8f7-c51c-318b3d5eb31f","width":1343,"height":651,"size":607771,"type":"png","color":"f1f1f2","hash":"","external_service":[]}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

4. Далее попадаете в окно с виджетом. Один уже создан по умолчанию и вам просто надо на него нажать.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

5. Попадаем в поле выбора нужного нам вида виджета. Я занимался интеграцией на сайт, поэтому взял виджет для сайта. Он так и называется \"Встроенный виджет для сайта\". Он прямо посредине. После его выбора, внизу появляются 2 поля с кодами с кнопками \"Скопировать код\". Именно они нам и нужны для интеграции.

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"f3742d3f-9d6b-8b95-c800-bc544203c006","width":1366,"height":768,"size":1136676,"type":"png","color":"e2e9ef","hash":"","external_service":[]}}}]}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"b02c2298-d4ea-a2d6-0e43-0411c78417fd","width":1366,"height":768,"size":1059184,"type":"png","color":"2e2b2d","hash":"","external_service":[]}}}]}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Список дел на стороне Тильды"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

1. Копируем код из первого поля и переходим в настройки нашего сайта в Тильде. Выбираем \"Настройки сайта\". В левой колонке в самом низу выбираем \"Еще\". Находим \"Html-код для вставки внутрь HEAD\" - редактировать код. В открывшееся поле вставляем скопированный первый код из настроек Букформа.

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"53da8e39-61fe-02f5-65f0-ad5dcc6d78a2","width":1347,"height":529,"size":442903,"type":"png","color":"ebeae8","hash":"","external_service":[]}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

2. Теперь код номер 2 из Букформа. Я хотел сделать всплывающее окно, чтобы при нажатии на кнопку \"Записаться\" на сайте именно в этом окне был виджет. За основу я взял идею \"ПопАп из Зеро Блока\". Что делал дальше. По шагам..

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"47aaf2b9-546b-0468-0cf6-9674b9e159bd","width":1337,"height":465,"size":396228,"type":"png","color":"333334","hash":"","external_service":[]}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

1. Добавил блок BF503. В его настройках ширину установил 100%
2. Добавил ЗероБлок. Внутри него убрал цвет фона. Нажал \"+\" слева сверху экрана добавил поле для кода \"Add HTML\"
3. Сделал нужную мне ширину и высоту этого блока, адаптировал их для всех разрешений экрана. Внутрь этого блока вставил код номер 2 из Букформа.
4. Ниже Зероблока поставил 123 блок и добавил туда код (он ниже), в котором заменил #rec на мои значения. Их можно найти в настройках блоков, которые добавили в предыдущих шагах.

"}},{"type":"code","cover":false,"hidden":false,"anchor":"","data":{"text":"\n\n","lang":""}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

На нужную мне кнопку на сайте повесил ссылку вида #popup:usluga (это название, usluga, должно быть присвоено блоку BF503)

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Всё. Теперь при нажатии на нужную мне кнопку на сайте появляется виджет от БукФорма с календарём для записи или оплаты.

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

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Времени заняло полчаса. Если у вас получится упростить - замечательно!

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

За код \"Зеро в Поп Апе\" спасибо Диме Храбалову из Mo-Tilda. Ссылка на страницу исходник:

"}},{"type":"link","cover":false,"hidden":false,"anchor":"","data":{"link":{"type":"link","data":{"url":"https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fmo-tilda.ru%2Fpopupzero%3Fref%3Dvc.ru&postId=104582","title":"Создаём pop-up окно из ZeroBlock для Tilda","description":"","image":{"type":"image","data":{"uuid":"2bf07a4c-3d32-e3d7-7f4d-fa3fbaee5cee","width":270,"height":270,"size":191307,"type":"png","color":"7f938e","hash":"","external_service":[]}},"v":1,"hostname":"mo-tilda.ru"}}}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Спасибо ребятам из саппорта БукФорма за быструю обратную связь.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

========================

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"link","cover":false,"hidden":false,"anchor":"","data":{"link":{"type":"link","data":{"url":"https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fmanon.design%3Fref%3Dvc.ru&postId=104582","title":"Привет, я Александр... Web & UX дизайнер | manon.dsgn","description":"Создаю продуманные и понятные сайты на Тильде, которые помогают развивать ваш бизнес.","image":{"type":"image","data":{"uuid":"d223fb18-a739-5f25-f483-dd4b8305252a","width":270,"height":240,"size":70655,"type":"png","color":"e3e3e3","hash":"","external_service":[]}},"v":1,"hostname":"manon.design"}}}}],"summaryContent":null,"isExistSummaryContent":false,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":10,"favorites":49,"reposts":0,"views":39,"hits":9284,"reads":null,"online":0},"dateFavorite":0,"hitsCount":9284,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":false,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":null,"url":"https://vc.ru/services/104582-integraciya-v-tilda-servisa-bookform-ot-yandeks-manual-dlya-lenivyh","author":{"id":439175,"name":"Александр Киршин","nickname":null,"description":null,"uri":"","avatar":{"type":"image","data":{"uuid":"0f91f7d2-619e-97be-4711-1f472d670c2d","width":200,"height":200,"size":20152,"type":"jpg","color":"dcd2d1","hash":"","external_service":[]}},"cover":null,"achievements":[{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":4988945,"userId":439175,"count":0,"shareImage":"https://api.vc.ru/achievements/share/4988945"},{"title":"3 года на vc.ru","code":"registration_3_years","description":"Провёл 3 года вместе с vc.ru. Получена 23 июля 2025.","previewUuid":"d9d72ac5-bcb5-55e0-8c72-b99251e5cdd9","formats":{"glb":"https://static.vc.ru/achievements/shark.glb","usdz":"https://static.vc.ru/achievements/shark.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.5205078125,"textY":0.341796875,"logoX":0.5205078125,"logoY":0.4609375,"logoXNoText":0.5,"logoYNoText":0.3662109375},"id":1364858,"userId":439175,"count":0,"shareImage":"https://api.vc.ru/achievements/share/1364858"},{"title":"5 лет на vc.ru","code":"registration_5_years","description":"Провёл 5 лет вместе с vc.ru. Получена 23 июля 2025.","previewUuid":"a9140d54-73b8-5f40-afa8-449fbaafd42b","formats":{"glb":"https://static.vc.ru/achievements/whale.glb","usdz":"https://static.vc.ru/achievements/whale.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.533203125,"textY":0.658203125,"logoX":0.533203125,"logoY":0.77734375,"logoXNoText":0.4375,"logoYNoText":0.66015625},"id":138150,"userId":439175,"count":0,"shareImage":"https://api.vc.ru/achievements/share/138150"}],"lastModificationDate":1764977028,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":false,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":200396,"name":"Сервисы","description":"Новые сервисы, обновления инструментов, опыт использования и полезные приёмы.","uri":"/services","avatar":{"type":"image","data":{"uuid":"158fab2d-76c1-5ed8-898a-76ee48d4c795","width":1200,"height":1200,"size":99571,"type":"png","color":"7cdaea","hash":"08183848d81000","external_service":[]}},"cover":{"type":"image","data":{"uuid":"c3fe3abb-6808-527e-9eb1-2b6bb92ea400","width":3840,"height":1120,"size":19502,"type":"png","color":"7cdcec","hash":"","external_service":[]}},"lastModificationDate":1688995401,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":false,"isDisabledAd":false,"nickname":"services","isUnsubscribable":true,"badge":null,"badgeId":null,"isDonationsEnabled":false,"isOnline":false,"isPlus":false,"isUnverifiedBlogForCompanyWithoutPro":false,"isVerified":false,"isRemovedByUserRequest":false,"isFrozen":false,"isPro":false,"type":2,"subtype":"community"},"reactions":{"counters":[{"id":1,"count":7}],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null}},{"type":"entry","data":{"id":103568,"customUri":null,"subsiteId":439175,"title":"Как использовать Behance для популяризации дизайнера","date":1580203333,"dateModified":1580203333,"blocks":[{"type":"text","cover":true,"hidden":false,"anchor":"","data":{"text":"

Я буду рассказывать про свой опыт и сразу скажу, это не догма. На одних моих проектах такой алгоритм работает, а на других ни в какую.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Ошибки, которых надо избегать!"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

2. Никогда! Слышите, НИКОГДА не выкладывайте работы с референсами, которые вы брали. На старте ваших публикаций рефы всегда будут смотреться лучше и красивее. Частая ошибка работы с референсами - это взять и перерисовать, поменяв текст и фото. Рефы берутся для генерации идей, сеток, образов.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

3. Режьте работу на части! Если хотите выложить свою работу одним полотном в 25000 пкс, это может негативно сказаться на сохранении вашей работы частями. Многие пользователи выдергивают нужные им куски. Сделайте их взаимодействие с вами проще

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

4. Не используйте мокапы экранов, где нифига не видно (а вот тут мой ноутбук на столе с чашечкой кофе). Желательно выкладывать заглушки экранов так, чтобы были видны все элементы.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

5. ОБЯЗАТЕЛЬНО проверяйте свои работы на ошибки! Сам этим страдаю регулярно, за что прилетает какой-нить коммент, который надо отрабатывать.

"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Теперь подготовительный этап"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Повторюсь, о чём говорил в начале. Это мой опыт и он только мой. Я все работы сначала рисую на бумаге. Трачу пару дней на поиск рефов, как надо оформлять кейсы и сохраняю их в отдельную папку! Это такая же ВАЖНАЯ часть процесса, как и сама работа. А походу мониторинга кейсов в вашу голову 100% придет много интересных идей и увеличите свой скилл насмотренности.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Делайте описание кейса наиболее полным. Люди любят сторителлинг. Разбейте рассказа на главы и вперед. Например \"Пролог\", \"Кто клиенты\", \"Какая задача стояла\", \"Какие шрифты и цвета использовали и т.д.\". Отнеситесь к своей работе, как к сочинению на тему. Прочитайте сами весь текст, который написали и подумайте, кому еще кроме вас это будет интересно читать. Такой подход деления на главы сделает так, что дальше будет проще работать с частями работы. Чем больше блоков в вашей истории, тем интереснее работа.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Пример такой работы, которую оформлял я, можно посмотреть здесь:https://www.behance.net/gallery/90015673/Italian-Language-school-Website

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}}],"summaryContent":null,"isExistSummaryContent":false,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":6,"favorites":78,"reposts":0,"views":37,"hits":10747,"reads":null,"online":0},"dateFavorite":0,"hitsCount":10747,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":false,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":null,"url":"https://vc.ru/design/103568-kak-ispolzovat-behance-dlya-populyarizacii-dizainera","author":{"id":439175,"name":"Александр Киршин","nickname":null,"description":null,"uri":"","avatar":{"type":"image","data":{"uuid":"0f91f7d2-619e-97be-4711-1f472d670c2d","width":200,"height":200,"size":20152,"type":"jpg","color":"dcd2d1","hash":"","external_service":[]}},"cover":null,"achievements":[{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":4988945,"userId":439175,"count":0,"shareImage":"https://api.vc.ru/achievements/share/4988945"},{"title":"3 года на vc.ru","code":"registration_3_years","description":"Провёл 3 года вместе с vc.ru. Получена 23 июля 2025.","previewUuid":"d9d72ac5-bcb5-55e0-8c72-b99251e5cdd9","formats":{"glb":"https://static.vc.ru/achievements/shark.glb","usdz":"https://static.vc.ru/achievements/shark.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.5205078125,"textY":0.341796875,"logoX":0.5205078125,"logoY":0.4609375,"logoXNoText":0.5,"logoYNoText":0.3662109375},"id":1364858,"userId":439175,"count":0,"shareImage":"https://api.vc.ru/achievements/share/1364858"},{"title":"5 лет на vc.ru","code":"registration_5_years","description":"Провёл 5 лет вместе с vc.ru. Получена 23 июля 2025.","previewUuid":"a9140d54-73b8-5f40-afa8-449fbaafd42b","formats":{"glb":"https://static.vc.ru/achievements/whale.glb","usdz":"https://static.vc.ru/achievements/whale.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.533203125,"textY":0.658203125,"logoX":0.533203125,"logoY":0.77734375,"logoXNoText":0.4375,"logoYNoText":0.66015625},"id":138150,"userId":439175,"count":0,"shareImage":"https://api.vc.ru/achievements/share/138150"}],"lastModificationDate":1764977028,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":false,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":199114,"name":"Дизайн","description":"Материалы о красивых вещах, логотипах, веб-дизайне.","uri":"/design","avatar":{"type":"image","data":{"uuid":"81132c2d-ddb6-0127-19d6-e1d1293194b1","width":0,"height":0,"size":1,"type":"jpg","color":"","hash":"","external_service":[]}},"cover":{"type":"image","data":{"uuid":"b8bf3924-2ba4-571c-a7b6-4be86417c6b9","width":960,"height":280,"size":21376,"type":"png","color":"dd6a8c","hash":"","external_service":[]}},"lastModificationDate":1620994027,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":false,"isDisabledAd":false,"nickname":"design","isUnsubscribable":true,"badge":null,"badgeId":null,"isDonationsEnabled":false,"isOnline":false,"isPlus":false,"isUnverifiedBlogForCompanyWithoutPro":false,"isVerified":false,"isRemovedByUserRequest":false,"isFrozen":false,"isPro":false,"type":2,"subtype":"community"},"reactions":{"counters":[{"id":1,"count":13}],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null}}],"cursor":"PuR2GsZKFTvhhGtRBovk4NrVS6IzQAa09I6wtbz/zlbeaPDONLamx09b4WlHlm4=","isAnonymized":true}};