На Пикабу часто проскакивают посты в духе «Сделал сайт на конструкторе за вечер, почему нет заказов?». Как человек, который ежедневно копается в коде и UX, я решил разложить по полочкам, почему попытка сэкономить 50к на старте превращается в потерю миллионов в перспективе.
Если вы думаете, что поисковикам плевать на дизайн — вы застряли в 2010-м. Сейчас объясню, почему Google и Яндекс считают ваш шаблонный сайт «цифровым мусором».
1. Вес имеет значение
Шаблон — это швейцарский нож, в котором 90% инструментов вам не нужны. В коде висят библиотеки для калькуляторов, галерей и форм, которые вы даже не включали. Итог: PageSpeed горит красным, а поисковый робот, как ленивый гость, уходит, не дождавшись загрузки.
2. Поведенческий фактор — это приговор
В 2026 году нейросети поисковиков научились понимать, «удобно» пользователю или нет. Если человек заходит на типовой лендинг, который он видел уже сотню раз под разными брендами, он закрывает вкладку через 3 секунды. Поисковик ставит галочку: «Сайт — скучное Г, понижаем».
Кстати, больше примеров того, как дизайн влияет на бабки, я разбираю в своем ТГ-канале:
t.me/wedizstudio. Там без цензуры о том, что реально работает в вебе.
3. SEO-капкан в структуре
В шаблоне вы не хозяин. Вы не можете поменять иерархию заголовков или переделать разметку так, как того требует семантическое ядро. Вы пытаетесь натянуть сову на глобус, а поисковик видит дублирование структур и считает вас очередным «дорвеем».
Что делать?
Если бюджет поджимает — берите Tilda или WordPress, но не используйте стандартные блоки. Делайте Zero Block (в Тильде) или кастомную верстку. Уникальность — это не про «красивые картинки», а про чистый код и путь пользователя (UX).
Если вы понимаете, что шаблонный сайт — это тупик, и вам нужен уникальный инструмент, который реально будет приводить клиентов, пишите мне. Я делаю дизайн, который поисковики любят с первого сканирования. Обсудить проект можно тут:
Знакомая ситуация: вы нарисовали сочный макет в Figma, клиент в восторге, а потом начинается ад. Нужно либо самому часами ковырять Elementor/Gutenberg, либо отдавать верстальщику и надеяться, что он не «подвинет» пиксели. В 2025 году тратить на это дни — преступление против собственного времени.
Есть способ автоматизировать этот процесс полностью. Рассказываю про инструмент Figma to WordPress, который превращает ваш макет в живой сайт без единой строчки кода.
В чем фишка этого метода?
Основная проблема большинства авто-конвертеров — «кривой» код на выходе. Этот плагин работает иначе: он сохраняет структуру блоков, слои и адаптивность, которую вы заложили в Figma.
Экономия времени: То, что раньше занимало рабочий день, теперь делается за 5–10 минут.
Никакого кода: Вам не нужно знать PHP или CSS, чтобы получить работающую тему на WordPress.
Гибкость: После экспорта вы можете спокойно менять тексты и картинки прямо в админке WP.
Как это работает: пошаговый план
Процесс максимально упрощен, чтобы с ним справился даже новичок:
Готовим макет: Убедитесь, что в Figma у вас порядок в слоях и группах. Чем чище исходник, тем лучше результат.
Ставим модуль: Нужно установить плагин Figma to WordPress в вашу админку (Плагины → Добавить новый).
Жмем «Магия»: В интерфейсе плагина выбираете нужные фреймы из Figma и нажимаете кнопку экспорта.
Финальный штрих: Через пару минут макет превращается в страницы сайта. Остается только проверить ссылки и формы.
Кому это точно нужно?
Это решение идеально подходит для фрилансеров, которые делают сайты «под ключ», и небольших студий. Вместо того чтобы закладывать в смету недели разработки, вы можете выдавать готовый результат в разы быстрее, сохраняя при этом качество дизайна.
Основные плюсы:
Полная адаптация под любую версию WordPress.
Корректный перенос шрифтов и стилей.
Бесплатный доступ (что в наше время редкость для хорошего инструмента).
Где взять инструмент?
Плагин полностью бесплатен. Скачать его, посмотреть подробные видео-инструкции и следить за обновлениями можно в моем Telegram-канале. Там же я делюсь другими нейросетями и сервисами, которые упрощают жизнь веб-дизайнеру.
Я начинающий веб-разработчик, пишу понемножку. Опыта коммерческой разработки ноль, работала вообще по другой стезе, несмотря на то, что по образованию программист. Сейчас я вообще сижу в декрете, учусь на вышке и стараюсь вобрать в себя побольше знаний.
Ранее главным образом меня интересовал функционал сайта.
Но в последнее время я решила поднатаскать навыки именно внешнего оформления сайтов. Поэтому взялась усиленно изучать различные фичи css, которые раньше мне были не знакомы (о чём сожалею - проекты выглядели бы куда презентабельнее).
Верстаю пока странички по шаблонам из figma. Здесь буду показывать свой прогресс. Будет интересно потом это вспомнить. А сейчас мне интересно услышать мнения, а возможно, и советы от опытных разработчиков - что не так, что следует исправлять и т.п.
Начну, пожалуй, с проекта № 7. На мой взгляд, он выглядит неплохо.
Почему я начинаю с седьмого проекта? На гитхабе эти проекты начинаются с 3-го - потому что первые два были посвящены гридам и флексам. А еще потому что предыдущие мне кажутся плохими и я их не исправляла. Хорошие решения я перенимаю из них в новые проекты, плохие же оставляю в прошлом и новый проект начинаю с новым опытом. Хотя, в любом случае - эти проекты на github открыты и можно мне перемыть косточки :)
Рассказываю как делался сайт для известного видеопродакшена и какие есть подводные камни при технической реализации сайта с огромным количеством видеоматериала.
В 2022 году ко мне обратилась команда Hoody FX для редизайна текущего сайта. На тот момент в их портфолио были работы с McDonald's, Champion, Sony, Doja Cat, Samsung, Aeroflot, Fanta, AUDI, Ariana Grande и так далее
Это был небольшой лендосик, где по большей части были одни скриншоты работ (напоминаю, компания занимается видеопродакшеном, а именно VFX). В целом, все. Также это была просто верстка, то есть невозможно было добавлять какие-то новые работы из панели администратора. Ее просто не было.
Как-то так выглядело портфолио – скриншоты из видео, при наведении появляется название. В целом, это имеет место быть, но... Точно ли на сайте продакшена? Чуть позже разберемся
Работа с ретушью – это одно из главных направлений компании. Снова скриншоты, которые просто листаешь сам. На сайт они выгружены не в лучшем своем качестве
Если углубляться, и смотреть шоурилы конкурентов (например, Technicolor Group), то пользователю нативно понятно из видео, что такое VFX и как это работает по пальцам. У нас же нет этого объяснения по пальцам, – вместо этого видео с конечным результатом В целом, это вся старая версия сайта, больше там ничего не было. Ни контактов, ни команды, ни описания направлений студии и других вещей, которые бы базово проинформировали пользователя о компании.
Личный бренд у компании сложился задолго до создания сайта, их работы гремели и без него. Поэтому основная задача состояла в том, чтобы освежить дизайн, сделать удобный и понятный интерфейс, а также создать возможность добавлять работы в портфолио самостоятельно без привлечения программистов и иных сторонних специалистов. Самое главное – это кейсы, они должны быть рассортированы, и с 1 секунды цеплять взгляд пользователя.
Начинаем работу.
Что было сделано по пунктам:
Изучили деятельность компании (саму нишу), исследовали ЦА (в нашем случае это другие видеопродакшены, студии смежных направлений, которые буду заинтересованы в подряде) и конкурентов.
Сформулировали креативную концепцию. Мы перелопатили кучу референсов — изучили международные рейтинги сайтов нашей и смежных ниш, изучили все известные подборки сайтов, но и про конкурентов не забыли. По итогу мы имели внушительную коллекцию того «как надо», а вместе с этим — конкретное видение структуры и стиля. Сформировали визуальный код — простота структуры, лаконичность графики, ясность языка.
Приступили к написанию текстов. С учетом специфики ниши придерживались информационного стиля текста – главное, на что будет смотреть потребитель это визуал. Поэтому огромные полотна текста точно не в этот раз. Должно быть кратко, емко и по делу.
Оформили смыслы в дизайн-концепцию. Дизайн-макет получился удобным, очень простым в навигации.
Заранее для верстки подготовили все необходимые нарезки из видео и шоурилы. Основная цель этого пункта – отразить портфолио через небольшую демонстрацию видео. Мы отошли от идеи со скриншотами из видео.
Сделали адаптивную верстку на WordPress с гибкой панелью администратора. Теперь команда может добавлять видео на сайт самостоятельно в пару кликов, а также распределить видеоматериал в нужный каталог и поставить ему нужное динамичное превью с описанием.
Основные моменты при создании сайта:
Визуальный код компании должен остаться таким же. То есть в брендинг мы не лезем. Элементы фирменного стиля это то, что остается неизменным, и то с чем мы должны работать (хотя это усложняет задачу, потому что часто он становится неактуальным спустя время, например, как вышло у нас, либо он изначально был сделан посредственно другими дизайнерами). За основной стиль взяли минимализм. Пространство не должно перебить форму. Простота структуры, легкость в навигации, лаконичность графики и ясность языка.
Бриф и наша подборка референсов открыли дорогу к дизайну всех страниц, а заказчики со своей стороны подготовили демонстративный шоурил. Теперь при первом касании с сайтом было понятно, что перед нами студия визуальных эффектов. Была проведена работа с типографикой, а также обработка фонового видео (ниже пример).
50 оттенков типографики или как мы выбирали гарнитуру (тут без интерлиньяжа и других внутренних настроек шрифта, примеряли разные варианты с клиентом)
Разместили ключевые элементы (меню навигации) в легкодоступных местах. И протестировали на штате компании, чтобы убедиться в том, что он действительно прост в использовании. А вот и главный экран сайта:
За основу был взят информационный стиль текста – легко понимается, поскольку предоставляет собой прямую информацию без использования сложного языка или метафор. Также он позволяет пользователям быстро найти нужную информацию, что экономит время посетителя сайта и увеличивает удовлетворенность от его использования ресурса.
Пример интеграции текста на сайт. Перечисление основных направлений и видов услуг студии
Вместо обычной фотографии на весь экран сделали слайдшоу из детализированных скриншотов с работами по направлению Beauty Work. Фотогалерею клиент может пополнять самостоятельно.
Каталог с работами – простой и удобный. Во-первых, по сравнению с прошлой версией у нас есть появилась удобное разделение кейсов на три направления: рекламные ролики, клипы и фильмы (раньше был единый каталог). Во-вторых, без какого-либо наведения на работу и появления текста при ховере мы сразу видим, что это за компания/артист/песни и т.д. (ранее название и компанию, для которой делался ролик, можно было узнать лишь при выполнении лишнего действия). В-третьих, демонстрация превью, а именно самых ярких моментов из видеороликов, пришла на замену статичным скриншотам. Каталог с работами на примере рекламных роликов:
Скорость считывания информации у пользователей увеличится – им не придется выполнять лишние действия в виде наведения на карточку с видео, чтобы узнать название; а также лишний раз включать ролик, чтобы понять настроение, мотив и посыл работы, ведь у каждой теперь есть превью. Также были сделаны такие блоки как контактная информация, информация о трудоустройстве в компанию, клиенты компании и ее новости (последние выпущенные работы; автоматически подгружаются самые последние работы из каталога). Например, ниже скриншот блока с новостями. Автоматически подгружаются последние работы из общего каталога с кейсами
Сложности при создании сайта, с которыми мы столкнулись
Все было бы хорошо, если бы это не был наш первый заказ в нише видеопродакшена. На тот момент они правда были первыми, а после этого я очень часто работала с видеопродакшенами. Самая большая и сложная сложность – это огромное количество видеоматериала, который афигеть сколько весит. Как размещать на одной странице по 30 видео с превью, если каждый видеоролик весит по несколько ГБ? Мы не хотели оставлять скриншоты принципиально – это не про VFX, это не про обладаение формы над пространством. Нет. Расчет был как раз на то, что эти превью и перехватят все внимание пользователя.
Большая ошибка. Мы просто посмотрели по таймкодам какие моменты из роликов можно поставить на превью: сделали в панели администратора ячейку, чтобы в два клика можно было выставлять нужный промежуток времени. Итого, что получилось – ничего не грузит. Видео прогружается до момента с установленным таймкодом по 10-20 секунд. Чем дальше тот самый сочный момент из превью – тем дольше это все прогружалось. Пипец, подумали мы.Как решили? Наняли обычного монтажера, чтобы он сделал нам превью. Техническое задание простое – дали разрешение для превью (оно не превышало показатели в 600p, точно не вспомню), длительность не больше 10 секунд, выбираешь самые яркие моменты. В целом, все. Итого каждый кусочек видео весил в среднем не больше 10 Мб.
Также старались не размещать на одной странице большое количество видеороликов: на главной странице это реализовано как карусель из видео, а в каталоге у нас получилось достаточно большое скопление роликов, но разбитое на страницы (добавили пагинацию). Кстати, сами видео вытянуты из Vimeo: работы заказчика изначально хранились там. Заглядывая в мои будущие кейсы также советую Dropbox, если рассматриваете облачное хранилище для подобных сайтов.
Панель администратора делали на WordPress. Свои задачи в части обновления контента она выполняет по сей день хорошо. Достаточно просто знать как работает редактирование страницы Вконтакте, чтобы отредактировать страницу на сайте в нашей панели администратора. Вот как она выглядела изнутри (наши с разработчиком скриншоты во время работы):
Общие впечатления по сайту
Это не самая сильная работа, но хотелось начать цикл статей про разработанные мною сайты с каких-то интересных кейсов. Может с технической точки зрения они будут вам полезны. Например, в видеопродакшенах ждите много работы с видео – причем иногда неожиданной). Я буду дальше рассказывать про другие кейсы в нише видеопродакшена, там тоже будут свои нюансы: выбор CMS или другой подводный камушек.
Сайт до сих пор служит компании, они самостоятельно добавляют туда материалы, по SEO он нормально продвигается, так что всё гуд и свою задачу мы выполнили :)
В этой подборке вы найдете 15 онлайн-курсов по типографике. Практически каждая программа обучения предусматривает создание собственной уникальной работы для портфолио. Это позволит вам быстрее найти работу. Преподавателями некоторых курсов являются владельцы типографий, которые расскажут обо всех тонкостях работы.
Последнее обновление: 26 января 2024 года.
ТОП-5 курсов по типографике и дизайну шрифтов в 2024 году
«Шрифт в дизайне» от Skillbox ― обучение от создателей популярных шрифтов (промокод ГДЕКУРС — скидка 45%)
«Типографика PRO» от Pentaschool ― курс для создания авторского шрифта в портфолио
«Дизайнер-полиграфист» от Логомашины ― обучение под руководством владелицы собственной типографии
«Онлайн-курсы типографики» от Международной школы профессий ― курс для уверенного старта в профессии
Онлайн-курсы по типографике и дизайну шрифтов
В этом разделе мы собрали 10 онлайн-курсов по типографике. Обучение проходит в свободном графике. Это позволит одновременно учиться и работать. Однако программы обучения сжаты так, что вы пройдете их буквально за несколько дней или часов. При этом у вас будет собственный уникальный проект.
На онлайн-курсе вы узнаете об основных правилах типографики, которые помогают привлечь и удержать пользователя. На уроках вы будете постоянно пользоваться этими правилами. Это позволит создать конкурентоспособные проекты и продемонстрировать свои навыки. К концу курса вы будете иметь внушительное портфолио, которое поможет при устройстве на работу.
Bang Bang Education — курс по принципам оформления текста, с работами для портфолио
Цена: 30 870 ₽ (44 100 ₽ без скидки) или в рассрочку от 5 145 ₽/мес. (7 350 ₽/мес. без скидки)
🎁 По промокоду ГДЕКУРС доступна скидка 45% на курсы.
Курс посвящен полноценному изучению техник типографики. Преподавателями курса будут сотрудники типографии, которые придумали шрифтовую систему для Сбербанка. Вы не только узнаете, как создавать собственные шрифты, но и разберетесь с юридической частью оформления. Каждое практическое задание будут проверять наставники и давать обратную связь.
Skillbox — онлайн-курс по тонкостям подбора шрифтов в дизайне
В процессе учебы вы будете разрабатывать свой уникальный шрифт для дальнейшего использования в проектах. Еще вы будете создавать макеты самостоятельно, подбирая дизайн и шрифт. Однако чтобы пройти обучение, необходимо обладать базовыми знаниями некоторых приложений.
Pentaschool — курс по созданию креативных авторских шрифтов
Цена: 17 400 ₽ (29 000 ₽ без скидки) или в рассрочку от 2 900 ₽/мес.
Формат обучения: видеоуроки + тесты + практические занятия
Продолжительность обучения: 2 месяца
Документ об окончании: удостоверение о повышении квалификации
Пробное занятие: нет
Преимущества:
Возможность создать собственный шрифт.
Бессрочный доступ к материалам курса.
Возможность оплатить обучение по беспроцентной рассрочке.
Недостатки:
В отзывах ученики говорят, что процесс возврата средств плохо организован.
Обучение на курсе длится всего 5,5 часов. За это время вы успеете освоить некоторые техники создания привлекательных шрифтов. К концу курса вы сможете без проблем подбирать шрифты для отдельных тематик сайтов. В итоге вы выполните 2 проектные работы, которые можно использовать для портфолио.
Логомашина — мини-курс от опытного дизайнера и владелицы типографии Кристины Дрозд
Во время учебы вы изучите особенности привлечения потенциальных покупателей с помощью текста. Вы будете самостоятельно разрабатывать собственный шрифт, для создания проекта. Вы научитесь управлять вниманием пользователя и фокусировать его на нужных вам вещах. За весь курс вы полноценно изучите программу Figma.
Международная школа профессий — курс по продвижению продукта и управлению вниманием аудитории с помощью грамотно оформленного текста
Цена: 9 900 ₽ (16 500 ₽ без скидки)
Формат обучения: видеоуроки + практические занятия
Продолжительность обучения: 3 недели
Документ об окончании: диплом о повышении квалификации
Пробное занятие: нет
Преимущества:
Возможность пройти обучение за счет государства.
Возможность обучаться за материнский капитал.
Недостатки:
Некоторые ученики считают, что программа обучения недостаточно насыщена.
На занятиях вы изучите все необходимые навыки для начала работы. Обучение делится на 2 этапа. Сначала вы будете изучать теоретические материалы, а потом будете отрабатывать их на практике. В итоге у вас будет полноценное портфолио из нескольких работ, которое поможет вам устроиться на работу.
НИИДПО — профессиональная переподготовка по специальности Дизайн полиграфии
Цена: 36 100 ₽ (60 000 ₽ без скидки)
Формат обучения: текстовые материалы + онлайн-вебинары + практические занятия
Продолжительность обучения: 18 недель
Документ об окончании: диплом о профессиональной переподготовке
Пробное занятие: нет
Преимущества:
Доступ к онлайн-библиотеке школы.
Возможность получить сертификат за каждый просмотренный вебинар.
Бесконечный доступ к курсу.
Недостатки:
Некоторые жалуются на слишком большой срок доставки диплома.
На курсе преподаватель расскажет, как веб-дизайнерам и верстальщикам улучшить свои навыки работы. В процессе учебы вы изучите основные классификации шрифтов и как их применять. Вы улучшите свои навыки верстки и оформления сайтов. Все практические задания вы будете разбирать на онлайн-трансляции с преподавателем.
Controforma — онлайн-курс по типографике для веб-дизайнеров
Курс предназначен для углубленного изучения топографии сайтов. На курсе вы познакомитесь с программой Adobe Indesign. Вы в совершенстве освоите эту программу и сможете создавать уникальные дизайны. К концу курса вы будете уметь сочетать отдельные виды дизайнов со шрифтами и разрабатывать отдельные решения для каждого проекта.
Praktika.school — онлайн-курс по макро и микротипографике, абзацам, шрифтам, цвету, верстке многостраничных изданий, журналов, книг, плакатов, социальных сетей
На курсе вы научитесь различать характеристики отдельных шрифтов, чтобы создавать идеальное сходство с проектами. Вы освоите навыки верстки, которые позволят выполнять быструю отладку сайта. Еще автор расскажет, как продолжить свое развитие в этом направлении.
Stepik — базовый курс по типографике для начинающих графических дизайнеров
Цена: 2 790 ₽
Формат обучения: текстовые материалы + видеоуроки + тесты
В процессе учебы вы будете изучать несколько эффективных концепций для создания дизайна сайтов. Вы научитесь добиваться максимальной выразительности дизайна. К тому же вам будут необходимы хотя бы базовые навыки использования графических редакторов. Если вы решите прекратить обучение, то доступ к материалам закроют и вы не получите сертификат.
Бюро Горбунова — практический курс Михаила Нозика по созданию выразительных макетов на экране, бумаге и в среде
Цена: от 34 300 ₽ (49 000 ₽ без скидки)
Формат обучения: видеолекции + текстовые материалы + практические задания
Продолжительность обучения: 3 недели
Документ об окончании: сертификат о прохождении курса
Пробное занятие: нет
Преимущества:
Большая часть курса уделяется практическим занятиям.
Для прохождения курса не требуется мощный компьютер.
Бесплатные онлайн-курсы по типографике и дизайну шрифтов
Блок посвящен бесплатным курсам по типографике и дизайну шрифтов. Здесь у вас будет возможность познакомиться с форматом обучения известных онлайн-школ. Это поможет структурировать имеющиеся знания и наметить путь развития.
О шрифте от Bang Bang Education (3 видеоурока, без сертификата, доступ после регистрации)
Типографика от Академии IT (10 уроков, видеоуроки, без сертификата, доступ после регистрации)
Типографика от Design Prosmotr (18 уроков, видеоуроки, без сертификата, свободный доступ)
Первый курс типографики от Typodesign (31 урок, видеоуроки, без сертификата, доступ после регистрации)
Как мы подбирали школы и курсы для нашей статьи?
При написании статьи мы опирались на несколько следующих критериев:
1. Программа обучения. Качественно проработанная программа обучения ― залог усвоения нужных знаний. В противном случае ученик не получит нужной информации и отдаст деньги впустую.
2. Компетентность преподавателей. Крайне важным критерием является опыт наставника как преподавателя. Каким бы ни был человек хорошим специалистом. Если он не сможет правильно преподнести материал, то не может зваться учителем.
3. Собственная образовательная платформа. Если школа обладает собственной онлайн-платформой, то это гарантия удобства для учеников. Им не придется устанавливать сторонние программы, а работать только в браузере.
4. Реальные отзывы учеников. Узнать о настоящем качестве обучения и наполнения курса можно только от настоящих учеников.
Что такое типографика и как на этом заработать
Типографика ― это область дизайна, связанная с оформлением текста, шрифтов, их комбинированием, структурой страницы, а также всеми элементами, связанными с визуальным представлением письменного материала. Она включает в себя такие аспекты, как выбор шрифтов, размеров, расстояний между буквами и строками, а также общий внешний вид текста.
Вот несколько областей в которых пригодятся навыки типографики:
Дизайнер типографики. Работа дизайнером, который специализируется на создании привлекательных шрифтов, композиции текста и визуальном представлении печатных материалов.
Верстальщик. Создание дизайна страниц, включая размещение текста, изображений и других элементов на странице для печати или веб-публикаций.
Обучение и консультирование. Делитесь своим опытом в области типографики через обучающие курсы, вебинары или консультации с теми, кто хочет улучшить свои навыки.
Создание контента. Пишите о типографике, создавайте обучающие материалы, например, на блоге или в видеоформате, чтобы делиться своими знаниями и опытом с аудиторией.
Фриланс. Предоставление услуг по дизайну и верстке текстов на удаленной основе для клиентов и компаний.
Итоги
В статье мы рассмотрели несколько курсов, которые помогут вам стать профессиональными печатником и дизайнером полиграфических материалов. Навык работы с печатными материалами полезен во многих специальностях. Например, профессия графического дизайнера, где вы будете получать от 100 000 ₽ в среднем.
Еще раз хотим напомнить вам о нескольких курсах из подборки:
Эх.. Первый пост на данной платформе. Интересно, получится ли написать что-то интересное?!
Сегодня, хотелось бы создать задаток для будущих постов в данной серии. Она (серия), повествует, о том, как решил создать свою веб-студию, что из этого вышло на данный момент и выйдет в будущем.
Сразу хочу ответить, что сам по себе - разработчик средней руки. Имею в стеке HTML5, CCS3, JS, Node.js, PHP, React.js, SQL, PostgreSQL и Kotlin. Занимаюсь программированием около 3.5 лет и на данный момент, заканчиваю учебное заведение по специальности. С предисловием - всё. Переходим к самому интересному (возможно, что не очень).
Опустим процесс обучения азам и сразу перейдём к моменту получения первого заказа. Интересно, что успел его выцепить ещё в то время, когда еле-еле освоил азы HTML и CSS. Как-то гулял по просторам интернета и попал на биржу «Weblancer». Не могу сказать, что она сильно популярная, но в отличие от аналогов в RU сегменте, хотя бы даёт пару бесплатных откликов и возможность получить реальный заказ, а не спамит кучей фейков от ботов. Тогда, моим максимумом были простенькие landing-page и формочки. Отправив пару откликов на немногочисленные запросы, которые хотя бы в теории мог выполнить, получил один положительный ответ и сразу же упало сообщение в личку от заказчика. Им оказался мужчина из Киева, который занимался перепродажей БУ стиральных машинок. Стоимость работы была мизерная (как и большинство подобных на фрилансе) - около 4000 рублей, но тогда, мне казалось, что это какие-то космические деньги.
Стоит упомянуть, что к моменту сдачи заказа, мы уже успели успешно ретироваться с биржи в Viber и деньги были перечислены напрямую, что в дальнейшем привело к моей блокировке на самой платформе (в целом - не жалею).
Требовался простенький сайт, который должен был включать в себя написанные копирайтером текста и соответствовать заданной стилистике, которая, к слову, была достаточно лёгкой, так как, представляла из себя что-то похожее на сайты прямиком из середины нулевых. Ох.. Каким же испытанием для меня стала вёрстка этого простенького на данный момент макета и его адаптирование под мобильные устройства. Ушли примерно 2 дня, слёзы, пот, кровь и нервы, но сайт был сделан и функционирует по сей день.
Заказчик был крайне доволен, оставил положительный отзыв и предложил подработать личным репетитором для его сына. Ставку согласовали в размере 500 руб/час (взрыв мозга для меня в 17 лет). Можно ли сказать, что был хорошим репетитором? Думаю, что да, хоть мои знания на тот момент и ограничивались самым базисом, старался подготавливать интересный материал и повторять все необходимые темы к урокам. Потом, парень ушёл на летние каникулы и к сожалению - больше мы не сотрудничали. В этом году, мужчина написал мне в Discord с просьбой помочь разобраться в части кода и мы быстренько разобрали, что там и как. Собственно, больше не контактировали, но опыт оказался интересным и зародил во мне желание найти подобное в будущем.
Долго ждать не пришлось - спустя месяц, упал заказ по вёрстке продающей landing-page под прогнозы на спорт. К слову.. Это был мой первый негативный опыт (кинули), но хочу оставить эту часть истории для отдельного поста. Возможно, что кому-то будет интересно, как избежать подобного и не потерять собственные время, деньги, силы и нервы.
Затем, последовал период проблем в личной жизни и мне пришлось выпасть из всего этого примерно на год. Осознал, что нахожусь в простое и никуда не двигаюсь. Принял волевое решение сутками налегать на документацию и в ускоренном темпе осваивать различные технологии. Так прошло около нескольких месяцев и на меня вышел подрядчик. Мы успели закрыть несколько крупных заказов и несколько landing-page, вошёл во вкус и начал получать удовольствие от профессии - это уже не было таким адом, каким было в момент изучения материала. Сложно передать боль и страдания во время изучения чего-то сложного, когда месяцами не выходишь из дома, смотришь в экран и пытаешься в чём-то разобраться, но предполагаю, что студенты технических ВУЗов смогут понять.
На данный момент, мы до сих пор работаем вместе, да и обрасти новыми связями успел, что не может не радовать, а ручки стали сильными, набитыми (буквально на автомате делаешь то, что требуется).
В какой-то момент, мне надоело просто делать заказы, терять процент с комиссии подрядчиков и играть в сломанный телефон. Из всех возможных идей, самой интересной, оказалась возможность создания собственной студии с командой разработчиков, постоянным потоком клиентов и перспективами масштабирования. Знакомые с набитой рукой, были подняты по единому сигналу сирены, взывающей к общей жажде развития и чего-то нового.
Теперь, я, как и мои соратники по студии, стоим перед бескрайней пропастью возможностей, которая, одновременно пугает и в то же время, побуждает к действию, маня и внушая тот самый энтузиазм, который когда-то, все мы испытывали, взяв первый заказ, впервые открыв документацию, установив WebStorm и написав первую строчку кода.
А вот что же будет дальше, Вы, узнаете из последующих постов, которые, уверяю - будут интересными, объёмными и постараются передать Вам наш опыт.
А я хочу поблагодарить пикабу за то что подтолкнул меня пойти в программисты. Я безумно комплексовал и даже носа туда сунуть боялся из-за отсутствия профильного образования. Но этот пост мотивировал меня и показал что в интернете никто не знает что ты кот свои начальные знания я могу продавать уже сейчас. Это был долгий путь и пришло время, когда уже я, в должности тимлида, собеседовал как вчерашних студентов, так и уже "опытных" программистов и фейспалмил, когда они не могли сказать чем отличается интерфейс от абстрактного класса.
За это время научился работать с людьми, отстаивать своё виденье перед большими начальниками, смог переехать в крупный город и познакомиться с кучей интересных людей.
Ну и конечно овладел мастерством пассивно агрессивного код ревью ^_^