{"id":14284,"url":"\/distributions\/14284\/click?bit=1&hash=82a231c769d1e10ea56c30ae286f090fbb4a445600cfa9e05037db7a74b1dda9","title":"\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0444\u0438\u043d\u0430\u043d\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0430 \u0442\u0430\u043d\u0446\u044b \u0441 \u0441\u043e\u0431\u0430\u043a\u0430\u043c\u0438","buttonText":"","imageUuid":""}

Как первый фриланс заказ обернулся долгосрочным партнёрством (+разбор)

Куда переводить?))

Алексей, Заказчик

Первый контакт

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

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

Написал заказчику, скинул своё портфолио, ждал ответа. Через час он ответил, что сейчас они выбирают, какого дизайнера выбрать, и свяжутся на следующей неделе. Я уже было отчаялся, ведь портфолио у меня слабое, и конкуренция большая… В понедельник мне написали и предложили оформить первый лист в качестве тестового задания. В приложении был сайт и документ в ворде, представляющий из себя просто поток текста. Задача мне показалась страшной, большой и неповоротной.

Страшный word документ от заказчика

Процесс выполнения первого задания

Подготовка

Так как задание гласило "Оформить лист в стиле сайта", я решил подойти к этому максимально серьезно. Для экспорта шрифтов и цветов сайта, я установил расширения для браузера WhatFont и Eye Dropper. Мудборд составил из снимков экрана тех элементов, что я бы мог использовать в оформлении.

Мини-мудборд проекта

Иконки и другие элементы страницы я брал из кода страницы. Да-да, это та самая страшненькая панель, которая вылезает если нажать F12 или CTRL+U в браузере. Там, если присмотреться, можно отследить по подсвечивающийся элементам какой объект выбран в строке кода и взять его прямую ссылку.

PS: пожалуйста, не используйте изображения и другие объекты без согласования с автором

Формирование листа и правки

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

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

После этого я получил самое неожиданное и окрыляющее сообщение, что только мог себе представить: «куда переводить?))».Я был на седьмом небе от счастья! Вот как это бывает, да? Вот, как себя ощущают настоящие дизайнеры!

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

Дальнейшая работа

И вот я продолжил формировать остальные листы, придерживаясь стиля сайта и аргументируя каждый элемент и решения, что я добавлял и вносил. Так я хотел показать заказчику, что я понимаю, зачем это здесь, и какую функцию я заложил в это. Например, я писал: «Чек лист подразумевает список, где можно отметить выполнение этапа, поэтому я здесь разместил специальные окошки для их простановки, а так же продемонстрировано как их ставить на шаге 0 -> 1. Акцентировал внимание на нулевом шаге большим знаком вопроса, он привлекает внимание читателя моментально, вызывая у его любопытство… Иконки взял из набора, который нашел по скриншотам сайта, а так же через код страницы. По итогу стиль сохраняется и не конфликтует с предыдущей страницей…». И так с каждой задачей.

Когда все листы были готовы и все правки сделаны, заказчик написал: «Я перевел больше, чем договаривались, потому что понравилась работа) Спасибо! У нас ещё будет несколько заданий». С тех пор я периодически получаю от него небольшие задачи, которые решаю с теми же принципами, описанными выше. Заказчик остается довольным, а я - счастливым.

Заключение

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

Будьте смелее и все у вас получится!

Спасибо, что дочитали до конца!

А какой у вас был первый опыт и первый заказчик? Поделитесь в комментариях! С итоговым проектом вы можете ознакомиться по ссылке ниже. Мой телеграмм

0
21 комментарий
Написать комментарий...
403 Forbidden

В своём первом cover letter я прямо заявил заказчику, что ты у меня первый, поэтому без портфолио.

Вообщем, этот контракт продолжается уже 70 часов работы и 2k$ оплаты.

Ответить
Развернуть ветку
Jblack Design

Очень круто пишешь, грамотный подход, отличная работа!))

Ответить
Развернуть ветку
Александр Шитов
Автор

Спасибо большое, очень приятно! 

Ответить
Развернуть ветку
Анжелика

Кайф, подход к работе немного напомнил фрагменты книги "Сожги свое портфолио" :)

Ответить
Развернуть ветку
Александр Шитов
Автор

Спасибо! :)

Ответить
Развернуть ветку
Вадим Трайдер

У вас интересный проект. Хорошая работа! 

Ответить
Развернуть ветку
Александр Шитов
Автор

Благодарю, Вадим!

Ответить
Развернуть ветку
Илья Ермушко

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

Ответить
Развернуть ветку
Фрилансер из деревни

Привет, а что вы закончили? ) Есть вопросы по дизайну.  Например, слева циферки живут отдельной жизнью, если посмотреть на весь лист "10 опасных ошибок" , то и текстовые блоки, и заголовок как бы сами по себе.  А последнее изображение работы выглядит лучше, потому что цвет приглушен, и не так акцентировано выглядят пункты нумерации.

ИМХО ) 

А так, конечно, только набивая руку, можно двигаться вперед к совершенству

Ответить
Развернуть ветку
Александр Шитов
Автор

Спасибо, за отзыв!
Согласен с вашей критикой и обязательно учту в своих будущих работах. Эта уже утверждена заказчиком. Приглашаю вас ознакомиться с другими листами на странице Behance (ссылка в конце статьи), с огромный удовольствием почитал бы ваше мнение! :)

Ответить
Развернуть ветку
Zoringer
Иконки и другие элементы страницы я брал из кода страницы

есть удобное расширение SVG-gobbler, пригодится

Ответить
Развернуть ветку
Александр Шитов
Автор

Спасибо! И правда было бы удобнее)

Ответить
Развернуть ветку
Алексей Шатин

А в чек-листе так и осталась "Пошаговая инСРУкция"?

Ответить
Развернуть ветку
Александр Шитов
Автор

Слава Богу, нет 😅
Спасибо, что подметили! Надо хоть для себя тоже исправить. В итоговом то файле все норм))

Ответить
Развернуть ветку
Александр Шитов
Автор

Перезалил картинку :)

Ответить
Развернуть ветку
A.K.

"не работайте без предоплаты"

Можно и без нее. Вдруг человек любит благотворительность)

Ответить
Развернуть ветку
Денис

Рад за Вас! Ведь для любого фрилансера важно, чтобы его работа оценивалась по достоинству!

Ответить
Развернуть ветку
Wera Ferat

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

Ответить
Развернуть ветку
Софья Коваленко

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

Ответить
Развернуть ветку
Дмитрий Панин

А сколько стоил для заказчика один лист?

Ответить
Развернуть ветку
Александр Шитов
Автор

До тысячи рублей примерно~

Ответить
Развернуть ветку
18 комментариев
Раскрывать всегда