Веб-дизайнер на удалёнке


Гео и язык канала: Россия, Русский
Категория: Дизайн


Авторский канал о веб-дизайне и тонкостях работы фрилансером и с фрилансерами.
Разработка дизайн-решений для бизнеса — https://chutchikov.ru
Заказ дизайн-сайта: https://t.me/chutchadmin
Купить рекламу: https://telega.in/c/wd_consultant

Связанные каналы  |  Похожие каналы

Гео и язык канала
Россия, Русский
Категория
Дизайн
Статистика
Фильтр публикаций


Допродажа веб-дизайна

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

Договор на дизайн многостраничного сайта обычно включает в себя 5—7 страниц, среди которых клиент обязательно просит разработать шаблон статьи или услуги, свято веря, что получив его — дальнейшая необходимость в веб-дизайнере просто отпадёт. Как это происходит на самом деле, все мы прекрасно знаем: веб-дизайн от верстальщика — это история болезни, сухой протокол беды, чаще всего кончающийся выбросом денег на ветер.

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

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

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

#планёрка


Клиент говорит — дорого: как удешевить проект

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

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

При этом удешевление проекта не должно происходить по щелчку пальцев клиента — это всегда двусторонний компромисс, например:
— Хочется сэкономить, окей, только вместо двух недель, мне понадобится в два раза больше времени на отрисовку;

— Я могу пойти на уступки, если вы гарантируете постоянный объём работы;

— В стоимость входит дизайн-сопровождение, но если вы уверены в своём верстальщике, можем отказаться от этой опции.

Ещё по теме:
Тарифы веб-дизайнера
Право вето

#планёрка


Какая конверсия сайта нормальная

Очередной потенциальный клиент спросил меня: «Чё там по конверсии на сайтах, которые вы рисуете?» Я отправил ему ссылку на публикацию про Продающий дизайн. Этого оказалось недостаточно и он продолжил настаивать на конкретных цифрах.

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

— На эту цифру вообще нельзя опираться, все зависит от трафика и оффера. Если сделать оффер: «Запишись на консультацию, получи миллион долларов на карточку Сбербанка», то конверсия будет 100%. А если лить говнотрафик из Индии, то будет 0%. Поэтому сравнивать сайты между собой по конверсии — не эффективно…

#планёрка


Акценты в веб-дизайне

Когда выделено всё, по сути не выделено ничего. Дизайн становится зашумлённым, беспорядочным и малоинформативным.

#дизайн


Обтравка Кагана

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

#дизайн


Договор на дизайн-сайта 2.0

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

Шаблон договора на дизайн сайта
Шаблон приложения к договору на дизайн сайта

#склад


Что развивать: сайт или соцсети

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

Пост не влез в формат Телеграма, поэтому пришлось перенести его в Телетайп.


Разыскивается дизайнер

Коллеги, один из моих постоянных заказчиков Вячеслав снова ищет дизайнера на разработку логотипа для нового бренда.

📃 Техническое задание на разработку

Свои предложения можете направлять напрямую Вячеславу в ЛС. Пожалуйста, в отклике сразу указывайте ссылку на ваше портфолио и ожидания по оплате.

Заказчик порядочный, могу за него поручиться.

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


Рыба текст

Тексты для примерки лучше копипастить с тематических сайтов, а в местах, где это делать нецелесообразно, можно вставлять правила вёрстки для своих дизайн-макетов:

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

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

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

#типовёрстка


Дизайн текста

Тексты должны быть написаны до дизайна, но, к сожалению, не обязаны.

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

В результате первый исполнитель оставляет в блоке место под несколько предложений, а второй расписывается аж на четыре абзаца и начинается:
Надо всё сделать по красоте, сократите текст до 3-5 строк, — оправдывается художник.
Из песни слов не выкинешь, — закономерно возмущается копирайтер.

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

#типовёрстка


Первая версия сайта и на что опираться при её отрисовке

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

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

Задача веб-дизайнера на старте — нарисовать первую версию будущего сайта. За основу можно взять несколько адекватных референсов — реальных кейсов (не из мира Беханса) и переработать их с сохранением смысла. Чем раньше сайт выйдет на рынок, тем быстрее мы сможем получить первые показатели и докрутить их до обновлённых целей в следующих итерациях.

#планёрка


Какую цену называть за адаптацию страниц сайта под смартфоны

За последние полтора года я не адаптировал ни одного дизайн-макета, кроме как под смартфоны. Доля пользователей прочих вариантов экранов настолько мала, что заказчики предпочитают экономить на веб-дизайнере, доверяя задачи по адаптации верстальщикам.

Сколько сто́ит адаптация страницы сайта под смартфоны

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

Когда это может пригодиться

Спустя некоторое количество итераций пришло понимание, что называя вознаграждение в 50 000 ₽ за дизайн главной страницы сайта, я опрокидываю на голову клиента ушат ледяной воды и стал поступать хитрее: «Дизайн главной страницы сайта по вашему техзаданию будет стоить 31 000 ₽, а за 19 000 ₽ я адаптирую его под смартфоны» 🤝

#планёрка


Получится ли работать с почасовой оплатой на удалёнке

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

Чтобы сходу не разворачивать потенциальных клиентов пугающими расценками, я даже придумал прайсинг с вилкой: «Моя текущая ставка — 2150 ₽/час. Время отрисовки 15−150 часов. Со старта работ до передачи макетов в вёрстку проходит 14−90 дней», — но, как показала практика, новые заказчики видят только потолок с сотнями часов работы, полностью игнорируя низ диапазона, искренне полагая, что уж на их-то проект пятнадцати часов точно будет не достаточно.

И я перестал маяться дурью, называя стоимость часа работы там, где это совершенно не требуется (темы и задачи, над которыми работал многократно). Если заказчику спокойнее платить попроектно, пусть платит попроектно. Мне же — всё одно: итоговую сумму я в любом случае поделю на стоимость часа своей работы и кровь из носу постараюсь уложиться в полученное время.

Ещё по теме:
Сколько стоит веб-дизайн
Тарифы веб-дизайнера
Почасовая или попроектная оплата

#планёрка


Является ли веб-дизайнер автором чего-либо

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

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

Иными словами, авторское право — это когда никто не может запретить вам говорить о том, что вы работали над проектом и демонстрировать этот проект в своём портфолио. На большее рассчитывать не стóит.

#планёрка


Взаимный пиар

Телеграм никак не поддерживает авторские паблики и все хлопоты по продвижению ложатся на сутулые спины самих авторов. Мы решили хакнуть эту систему и договорились о взаимном пиаре с админами других каналов по дизайну. Способ выбрали экспериментальный — папки, где в первой итерации собрали десяток тематических пабликов, среди которых нет ни одного продавца воздуха — https://t.me/addlist/YNoHEir46UxiNDMy.

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


Что делать, если завалило работой и ни на что другое не хватает времени

Организацию своей жизнедеятельности я подробно изложил на канале в сообщении Бракованные дни, но понимаю, что с бухты-барахты не каждый может начать выдавать результаты на-гора.

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

— после трёх дней работы, в пятницу — взять выходной и провести его за любимыми занятиями;

— большую часть субботы, в воодушевлённом после отдыха настроении, посветить работе над портфолио;

— воскресенье пусть станет днём работы над долгосрочными перспективными проектами (не из области веб-дизайна);

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

А вот жить по строгому расписанию оказалось плохой затеей.

#прокрастинация


Очередь из клиентов или где брать заказы новичкам

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

Самоуверенность и самоценность — это хорошо, но, всё-таки, высокая цена должна из чего-то формироваться. Поэтому, перескочить этап набора опыта не получится. Представьте, если бы так делали стоматологи: «Ой-ой-ой 😱 Да у вас тут всамделишное, необратимое воспаление. Кажется на лекциях нам рассказывали, как удалять зубы. Скидывайте предоплату. Всё сделаем в лучшем виде».

Два первых дизайн-макета я нарисовал для «друзей» из Вконтактика (но так и не решился им их отправить), и ещё пару проектов я придумал сам, что стало базой для получения первых 5000 ₽ на бирже фриланса в 2017 году. Уже второй мой заказ стоил в два раза дороже и, на удивление, он до сих пор генерирует недропользователей в клиентов сервиса Геомарк 24 на десктопах.

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

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

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

#планёрка


Заменят ли нейросети веб-дизайнеров

Одно время я увлекался безлимитным холдемом, обучался, пытался бить лимиты в игре на деньги и там нас тоже пугали: «Скоро в онлайн-покере будет невозможно зарабатывать, так как поле заполонят покерные боты» 😱 И покерные боты действительно появились, но, как известно, не они являются источником дохода, а новички и рекреационные игроки. Иными словами — сообщество профессионалов подстроилось.

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

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

Я вот тоже начал поковыривать Стэйбл Дифьюжн, авось пригодится…

#мнение


Как перенести комментарий в Фигме с одной страницы на другую

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

2. Щёлкнуть правой кнопкой мыши на фрейме с комментарием и выбрать опцию Move to page.

3. В выпадающем меню указать страницу, на которую нужно перенести фрейм вместе с комментарием.

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

#лайфхак


Старая цена

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

#дизайн

Показано 20 последних публикаций.

4 418

подписчиков
Статистика канала