Меня уже истерзали вопросами, как считать стоимость своей работы по верстке, как понять, сколько времени нужно на верстку того или иного макета, как перестать бояться взять заказ и как его не «завалить».
Я решил написать ответ один раз и потом просто скидывать ссылку на эту статью, чтобы закрыть все эти вопросы. Если и после прочтения этой статьи вы ничего не сможете сделать, я уже не знаю, как вам помочь.
Откуда страх перед заказчиком?
Верно, у вас не так много опыта реальной работы. Следовательно, этот самый опыт вам нужно где-то взять. Благо, мы живем в прекрасном мире, где еще не сломались Google и Яндекс, и они помогут нам решить бОльшую часть вопросов.
Для того, чтобы получить реальный опыт работы, нужно работать. Удивлены? Ничего удивительного. Нет более полезного занятия, чем работа над реальным проектом. Поэтому сперва я должен предупредить: прежде чем переходить к действиям, описанным в середине этой статьи, все-таки попытайся взять реальный заказ.
Найти заказ? Легко.
Вот несколько вариантов.
Найди знакомого или друга, которому давно был нужен сайт. Просто спроси всех родных, друзей и близких нужен ли им сайт.
Ок, что делать если им сайт не нужен? Спроси у них же, может быть, есть среди их знакомых те люди, которым нужен сайт. Дядя Коля из шиномонтажки, тетя Люся, которая занимается шторами на заказ. Нам не нужны гиганты и корпорации, среди твоих знакомых есть мелкие предприниматели. Они нам и нужны. Работу можно делать за небольшую стоимость и набивать руку на подобных заказах и получить первые отзывы.
Если так не получилось, можно закинуть объявление на авито о том, что ты делаешь сайты. Еще можно раскидать свои профили по всем фриланс площадкам. Но опять же: где их взять?
Идем в Яндекс или Google и вводим наш первый запрос:
- Список фриланс бирж
- Все фриланс площадки России
- Биржа фриланса и т.д.
Выписываем список бирж, выбираем свою, регистрируемся, заполняем профиль как можем, начинаем выполнять мелкие поручения по вёрстке и потом переходим к нормальным заказам.
Фриланс-биржи — тема избита
С фриланс-биржами тема избита так, что ее только бомж не пинал. Это не самый лучший путь для новичка, но если ты попробуешь, хуже не будет.
Ладно. Допустим страх берет свое, и работать с заказчиками вообще не получается. Не знаем как определить время нашей работы и стоимость. Что делать? Посчитать.
Да-да, я кэп.
Как понять сколько времени нужно?
Чтобы примерно понимать сколько времени уйдет на верстку типового (!) макета, нужно эти самые макеты верстать и засекать время. Как это?
Идем в Яндекс или Google и вбиваем запрос:
- Бесплатные макеты landing page psd скачать
- Скачать PSD-макеты сайтов бесплатно
- Best free psd website template.
И так далее, пока не найдёте сайтов 20, где есть исходники макетов.
То, что в интернете в открытом доступе лежат не самые красивые и реальные макеты — это понятно. Нас это интересует в последнюю очередь.
Находим макеты
Скачиваем все макеты к себе на комп. Их будет много. Целая куча. Можно даже под это дело отдельный жесткий диск завести, предварительно подтерев с него порно.
Сами по себе макеты не несут никакой ценности, если их не верстать.
Теперь перейдем к самой интересной части. Мы не просто будем верстать эти макеты. Мы разделим их по типам.
Дело в том, что на каждом сайте есть такие элементы, которые встречаются очень часто. Например главный экран (или первый блок). Выглядит он, на первый взгляд, на всех сайтах по-разному. Но если вы просмотрите 100 макетов, то начнете замечать, что все они делятся на несколько групп. Где-то заголовок и кнопка по центру. Где-то заголовок слева, а справа форма обратной связи, где-то шапка сверху, где-то снизу, где-то ее вообще нет.
Короче, все эти макеты можно раскрошить на группы и разложить по папкам. Типа папка «Главные экраны», «Блоки с отзывами», «Слайдеры», «Блоки с контактами» и т.д. То есть разделить на часто встречающиеся части сайтов.
Верстаем — заносим в таблицу
Отлично, теперь нам нужно начать их верстать. Берем первый макет главного экрана, где заголовок по центру и кнопка, которая открывает модальное окно. Ставим секундомер и начинаем верстать.
В процессе придется излазать весь Google, Яндекс или YouTube. Придется решать много вопросов, с которыми ты никогда не сталкивался, потому что до этого ты и не работал вовсе. Но это и есть процесс получения того самого опыта. Закладки в твоем браузере начнут разрастаться. Появятся разделы и подразделы, это твоя собственная «база знаний»
Итак, сверстали первый макет главного экрана. Записали время в таблицу. Получилось 3 часа. Долго. Но это только начало. Берем следующий. Начинаем верстать его. Половина вопросов, которые были во время верстки первого кусочка уже решаются не за полчаса, а за пять минут.
Сверстали, записали время. Это кропотливая, скучная и тупая работа. Но так набиваются нужные навыки и закрепляются знания. В итоге, сверстав 40 типовых блоков из разных частей сайтов у вас на руках таблица со временем верстки этих блоков. Теперь вы знаете, сколько времени затрачиваете на тот или иной участок макета.
Теперь оцениваем время
Идем на следующий этап. Берем целый макет, смотрим на него и пытаемся оценить время, которое нам потребуется на верстку этого монстра. Смотрим в таблицу, находим похожие блоки и складываем время. Посчитали? Вышло, что на верстку макета в 6 блоков мы потратим 8,5 часов. Неплохо. Теперь верстаем его.
И узнаем, что вовсе не 8,5 часов потребовалось на верстку. Ушло 3 дня. Черт. Теперь ты познакомился с таким понятием, как закладывание рисков. Тебя во время работы могут отвлекать родные или могут случиться невероятные форс-мажоры. На них нужно закладывать 30% времени, когда ты оцениваешь проект. Просто прими как факт.
Но теперь ты хотя бы понимаешь, сколько чистого времени тратишь на тот или иной блок. Это уже хорошо: уверенности в тебе побольше. Да и опыта понабрался за время работы над этими адовыми макетами.
Реальность
И это еще не все. Теперь настало время окунуть яйца в кипяточек и осознать, что реальность жестче, чем твои макеты, скачанные из интернета. Зайди на фриланс биржу и поищи заказы, где заказчик прикрепил PSD файл своего будущего сайта. Ужаснись. Блоки совсем не такие, как ты верстал. Иногда дизайнер в макете рисует «загибулины», которые ты понятия не имеешь, как верстать. Все нормально. Добро пожаловать в реальность.
Считать количество часов на работу научились.
Как посчитать теперь стоимость своей работы?
Идем на фриланс биржу или находим группы вконтакте по запросу «фриланс», «заказы» и т.д. Нашел? Круто. Теперь ты заказчик. Это конечно неправда, но тебе нужно стать им на время. Найди какой-нибудь макет, который очень похож на настоящий. Напиши к этому макету задание и опубликуй это задание на фриланс площадке или в специальной группе.
Теперь тебе будет писать куча народа. Человек 50 или 100. Не расстраивайся, там половина школьники, которые решили «по легкому срубить бабла на фрилансе». Они и общаются как школьники, ты их скорее всего сразу выкупишь. Они пишут «готов», «возьмусь за работу» и т.д. и более ничего. А потом еще послать могут, если ты им откажешь. Это несерьезный подход. Таких мы пропускаем.
Нас интересуют адекватные перцы, которые могут рассказать тебе, сколько они возьмут за работу над твоим макетом и сколько времени у них на это уйдет. Вот у них и спроси, как они посчитали свое время. Но это для общего развития. Не так важно для нас, можешь не спрашивать.
Во-о-от, теперь у тебя на руках выборка (таблица) из 20-30 цен, которые тебе назвали. Они будут очень разными. Супер разными. Нет, ты не до конца понял. Кто-то попросит 300 рублей за верстку, а кто-то 15 тыс. Главное тебе понять, сколько В СРЕДНЕМ предлагают за такую работу. Ок?
То есть если 20 человек назвали цену в 4 тыс. рублей, значит это среднерыночный ценник за эту работу. Теперь посчитай сколько блоков в твоем макете? Сколько? 8? Отлично. Теперь берем калькулятор и считаем.
Среднерыночная стоимость верстки одного блока 400-500 рублей.
Вот тебе и ответ. Двигайся в этом ценовом сегменте, пока не набьешь руку и не соберешь портфолио. Потом тебе нужно будет расти дальше, но это уже тема для отдельной статьи.
Если это было полезно, поставь лайк и напиши в комментариях, что ты думаешь об этой статье. Надо еще?
