Как я стал внештатным веб-разработчиком и дизайнером на Upwork без опыта (вы тоже можете!)

Когда я начал изучать дизайн и код в 2019 году, я не был уверен, что смогу делать это на приемлемом уровне. Три года спустя, в возрасте 21 года, я с гордостью могу сказать, что сейчас я работаю на полную ставку как фрилансер-разработчик и дизайнер 🎉!

Это было нелегко. Пришлось идти путем проб и ошибок, а однажды меня чуть не обманули 😓!

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

Как я учился кодить

Само собой разумеется, чтобы стать веб-разработчиком-фрилансером, нужно уметь создавать веб-сайты.

Прежде чем начать работать фрилансером, я смотрел видеоролики Гари Саймона по UI и UX на YouTube. Позже я обнаружил его курсы на Scrimba и, в свою очередь, прошел несколько других курсов Scrimba. Сейчас я занимаюсь в их альтернативном самообучающемся буткэмпе по веб-разработке под названием FrontEnd Developer Career Path.

Еще один хороший ресурс, который я попробовал на этом пути, — Harvard CS50: Introduction to Computer Science.

Начало работы на UpWork

Как только я почувствовал, что готов начать работать фрилансером, я создал портфолио на основе курса Кевина Пауэлла в Scrimba «Создание и развертывание портфолио веб-разработчика»:

Я также создал профиль на UpWork и начал рассылать предложения для работы с клиентами за $28,13/час в качестве веб-разработчика и веб-дизайнера.

Вот как я позиционировал себя на UpWork:

После работы с первыми несколькими клиентами я начал хорошо разбираться в бизнесе.

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

Выделиться на UpWork

UpWork — это конкурентное место. Еще сложнее то, что в самом начале у вас нет репутации, и вы неизвестная величина.

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

1. Клиент электронной почты

Моим первым демонстрационным проектом был почтовый клиент, который выполняет вызовы API для отправки и получения электронной почты:

🎨 См. файл Figma
🌍 Живой веб-сайт
🔨 Построен с использованием: JavaScript, Python, Django, CSS, HTML

Этот проект имеет следующие возможности:

1. Регистрация и вход
2. Отправка электронной почты
3. Почтовый ящик
4. Просмотр писем
5. Архивирование и разархивирование писем
6. Отвечать на входящие сообщения электронной почты

2. Forman

Мой второй демонстрационный проект называется «Forman!», и я построил его для клиента.

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

🎨 Смотрите файл Figma
🔨 Создано с использованием: JavaScript, CSS, HTML

Какой уровень мастерства вам нужен?

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

Если вы думаете, что можете создать что-то подобное, значит, вы готовы!

Ее техническое задание было достаточно простым — она хотела получить портфолио, наполненное материалами из программы. Она наняла меня для разработки дизайна и создания портфолио с нуля.

Встречи с клиентами и заключение сделок

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

Обычно клиенты назначают мне встречи через Zoom, но недавно на Upwork появилась функция платных консультаций.

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

Иногда мне приходится сидеть и слушать, что они хотят от меня.

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

Вот пример предложения, которое я отправляю клиентам.

Привет!

Я бы очень хотел поработать с вами. Я вижу, что вы ищете дизайнера, который сможет спроектировать и разработать тематический сайт о бананах + разработать логотип. Я буду рад помочь!

Я предлагаю экспертные знания в области ui дизайна, иллюстрации, с продвинутыми способностями в front end разработке и мастерством в веб-дизайне. Я освоил основные программы, используемые в индустрии дизайна, такие как Photoshop, Illustrator, Adobe XD, Figma и Affinity Designer.

Я работаю в {название должности} в {компании} уже # лет. У меня 100-процентный показатель успеха, и я всегда выхожу за рамки базовых требований, чтобы помочь своим клиентам и удовлетворить потребности бизнеса.

Если у вас есть вопросы о моей квалификации или навыках, пожалуйста, не стесняйтесь: профиль, портфолио и история работы.

Портфолио: examplemyportfolio.com

С наилучшими пожеланиями,
Райан Буретта

Работа с отказами

Как фрилансер или соискатель работы, отказы — это часть игры.

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

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

Что я сказал после того, как получил отказ:

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

Что они ответили:

Спасибо за комплимент! Главное, что мы ищем >человека с большим опытом (5 лет).

Мы делаем исключения в зависимости от объема и качества работы. Ваше >портфолио также не представляет вас как дизайнера пользовательского интерфейса, ваши >работы — это фотографии, которые затем ссылаются на figma, xd и т.д. Это >сбивает с толку, и я бы посоветовал обновить портфолио перед >подачей заявки на другие позиции.

Пожалуйста, по мере вашего роста рассмотрите нас снова при поиске через год, и >имейте обновленное портфолио работ>.

Спасибо, что обратились за обратной связью!

Брайан Рэй
Менеджер по дизайну
TechBusiness

Проблема заключалась в том, что клиент не нажимал на картинки на моем сайте-портфолио. Изображения были ссылками на проекты 😄!

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

4 лучших совета для начинающих веб-разработчиков-фрилансеров

1. Сообщайте о своих ожиданиях

Моя самая большая проблема во фрилансе — это недооценка.

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

Очень важно иметь отличную коммуникацию с клиентом до и во время работы. Это ключ к гладкому проекту.

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

2. Клиенты иногда становятся черствыми

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

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

3. Остерегайтесь клиентов, которые пользуются преимуществами

Когда вы только начинаете, клиенты-«кормушки» чуют вас 😷.

Что такое клиент-кормилец? Позвольте мне упростить вам задачу. Это тип клиентов, которые сами устанавливают цены и ожидают, что вы сделаете качественную работу за низкую цену или вообще без нее.

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

Такие клиенты обычно не знакомы с интернетом, с тем, как создаются сайты, сколько это стоит и сколько времени занимает. Моя задача как фрилансера — вежливо просветить их.

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

Использование утверждений «я» — отличный способ рассказать о том, как бы вы это сделали, чтобы другой человек смог настроиться на нужный лад. Если пойти по пути и сказать «вы делаете это неправильно» или «сделайте это так», это может привести к конфликту.

Я успокоил этого клиента, используя утверждения «я», заверив его, что все в порядке, и начал шаг за шагом объяснять ему суть дела.

Несмотря на то, что на мгновение возникла напряженность, использование утверждений «Я» и вежливость сделали клиента счастливым, и я получил 5-звездочный отзыв:

«Райан был отзывчивым, коммуникабельным, надежным и знал, как добиться желаемых результатов. Мне понравилось с ним работать, и я буду использовать его для будущих проектов».
⭐⭐⭐⭐⭐

Подобные отзывы помогают мне находить новых клиентов.

4. Мошенники могут пойти на крайние меры

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

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

Люди доходят до того, что создают поддельные веб-сайты, поддельные услуги, поддельные компании, поддельные интервью, поддельные проверки биографии, поддельные телефонные интервью (да, я серьезно! Я проводил поддельные телефонные интервью с людьми!), поддельные службы живой поддержки и даже создают поддельные банковские чеки.

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

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

ℹ️ В отчете компании eSentire, занимающейся вопросами безопасности, обнаружена группа мошенников, известных как «золотые курицы», которые рассылают фальшивые предложения о работе, пытаясь заразить жертв, украсть информацию и деньги.

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

Будьте бдительны! Это самое худшее чувство — радоваться тому, что тебя возьмут на работу, а потом узнать, что это мошенничество.

Заключение

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

Я большой поклонник Scrimba, и я люблю сообщество Scrimba. Я все еще прохожу курс Frontend Developer Career Path. Я хочу получить сертификат по ней, и я хочу изучить React.

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

Вы справитесь! И я гарантирую, что к концу своего пути вы почувствуете себя супергероем 🦸🏻!

«Если вы приложите к этому все усилия, вы сможете добиться всего»
-Эммет Браун — Назад в будущее