Один день парня, который делает сайты

Как работают фрилансеры? Мы провели день с москвичом, который делает сайты-визитки гостиницам, заводам и пароходам, и засняли каждое его движение

Предисловие

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

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

От первого лица — монолог и день фрилансера

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

Если выходной, то все начинается в девять утра. 

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

И вперед растапливать камин! Отопление у нас пока дровами и пеллетами, так что температуру нужно поддерживать в ручном режиме.

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

Немного дров, немного пеллет — и начинает заметно теплеть. 

Ванная комната расположена на втором этаже. Туда ведет винтовая лестница: как и все остальное в доме, ее придумал и спроектировал отец — он у нас строитель со стажем. 

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

А у нас в семье свой любимец — кот. Ну как с ним не поиграть, возвращаясь на кухню?

Кстати, заметьте, как разгорелся камин. 

Еду для себя и кота мы привозим из ближайшего “Ашана”: в самом дачном поселке нормальных магазинов нет — только “ларькового” типа. Так что закупаемся на подольше и забиваем холодильник.

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

Вот мое рабочее место: ноутбук, телефон для связи с клиентами. И все — ничего лишнего. Минимализм я поддерживаю намеренно: так лучше думается.

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

Во-первых, чтение профессиональных ресурсов помогает войти в рабочий ритм. 

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

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

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

Ну что ж, рабочий настрой пойман. Глоток чая, любимая музыка — пора браться за дело.

Для создания сайтов я освоил три системы. uCoz — если нужен интернет-магазин. WordPress — если проект крутится вокруг статей и новостей. А если обращаются предприниматели, им рекомендую простой конструктор uKit. 

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

Первый сегодняшний заказ — от автосервиса. Захожу в конструктор uKit.

Мне нужно оформить главную страницу и сделать им небольшой магазин автозапчастей. Для начала делаю первый экран. Решаю, что встречать гостей сайта будет улыбающийся автомастер. Улыбка вызовет доверие, а спецовка дополнительно подскажет — «если искали авторемонт, попали на нужный сайт».

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

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

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

Готово — можно вставлять картинку на сайт и вбивать текст. Меню и остальные элементы уже есть в конструкторе: я добавил только пару пунктов и логотип — и все, «лицо» сайта готово.

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

Двигаюсь дальше по главной странице сайта: хозяин сервиса также просил рассказать на ней про услугу по ремонту двигателей. Нужна иллюстрация — иду за вдохновением в поиск картинок «Яндекса»:

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

Вставляю изображение и текст, выставляю цвет шрифта в версии конструктора для фрилансеров — готово.

Кто-то может упрекнуть, что я взял «первую картинку из поисковика». Но я всегда внимательно смотрю на лицензию изображения — проблем с SEO не будет.

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

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

За основу для рамки беру бесплатный шаблон, скачанный из интернета. 

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

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

Тем временем мне пишет новый клиент — по строительной тематике (вот так совпадение после воспоминаний о бетонном заводе). В переписке отмечаю, на чем буду делать ему сайт. Обсуждаем, какие разделы нужны, и договариваемся, что клиент вышлет фото и описание продукции. Как только получу материалы, можно будет приступать к заказу.

Делаю еще один перерыв. На это раз будем качать не руки, а иммунитет. Ведь впереди — прогулка по окрестностям (насколько позволит весенняя грязь, хе-хе).

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

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

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

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

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

Спускаюсь вниз и иду на улицу. У входа дедушка складывает дрова для камина.

Дрова мы со старшим братом напили вчера на циркулярке: раскроили доски, которые кто-то выбросил после стройки на соседних участках. Брат увидел, как материал выкидывают почем зря, договорился, что мы заберем — завел машину (иначе по оттаявшей грунтовке не пробраться) и вуаля: пол-поленницы «халявных» дров.

 Сегодня за ограду без машины тоже не вылезешь: к середине дня грунтовку опять развезло под солнышком. Значит, будем гулять по участку. Если завернуть за угол, туда, где дедушкин огород, пройти можно: этот кусок земли в тени и еще мерзлый после зимы. А прямо за участком — остатки Химкинского леса.

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

Посреди участка течет ручей. Когда тает снег, он больше похож на озеро.

Воду из ручья мы, конечно, не берем. На участке есть два колодца. Один — для полива, вон из него шланг торчит.

Ну что ж, размяли ноги, как могли— можно и вздремнуть. Как раз есть время, пока я жду ответа от еще одного заказчика — владелицы сочинского отеля.

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

Просыпаюсь все же по будильнику.

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

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

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

А на картинке еще и лучи, пробивающиеся сквозь толщу воды, есть — очень красиво и прямо на приморскую тематику.

Но мою находку сначала забраковали, даже «колхозной», как вы видели, назвали. Однако в том и задача дизайнера, чтобы не во всем слушаться заказчика. Объясняю клиентке, что так мы показываем близость к морю (в ее случае это действительно так), плюс плашка отлично сочетается с новым логотипом. В итоге, последнее слово в споре остается за мной. Ура!

Остается внести еще пару мелочей из переписки, плюс сделать одну «фишеку» для сайта. Я придумал, что дополнительные услуги отеля мы покажем в виде «плитки», это популярный сейчас прием. Так и фото покрупнее можно вставить, и выглядит поинтереснее, чем у конкурентов — а это основное пожелание заказчицы.

На этом рабочие дела объявляются оконченными. Пора пообедать. 

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

За окнами подкрадывается вечер. Значит, пора собираться на квартиру в Одинцово — оттуда ближе до института. Пакую ноутбук и вещи.

Мимо дачного поселка ходит только один автобус. Да и то, остановка значится как «по требованию», а идти до нее надо по грунтовке. Хорошо, что старший брат закончил помогать отцу (почти весь день они мотались по делам) и подкинет меня.

Выдвигаемся в сторону Ленинградки.

Приезжаем в 5-й микрорайон Одинцово. С одной стороны — таунхаусы, с другой — кирпичные многоквартирные дома. Только не подумайте, что студент-фрилансер с доходом в 35 тысяч снимает таунхаус.

Мне налево, к многоэтажкам.

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

Лифт тоже почти что зеркальный. Кстати, пользуясь случаем, пора нам познакомиться поближе. Это я — Владимир.

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

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

Вот теперь точно все дела на сегодня сделаны. Можно ужинать и готовиться ко сну. Завтра снова ждут студенческие будни. 

Ставлю будильник на три звонка: один, чтобы проснуться, второй — чтобы встать (люблю поваляться в кровати), ну а третий — сигнал о том, что пора собираться в институт.

Спокойной ночи! Спасибо, что прожили со мной этот день».