Решил поделиться своей историей о том, как я с нуля прошёл обучение по веб-дизайну и начал сотрудничать с бутиковым агентством Brainmarket.
Мне 31 год, я живу в небольшом городе в Казахстане, и это не помешало мне учиться удаленно новой профессии, а затем найти удаленную работу. Я уверен, что так сможет любой при условии, что он будет старательно учиться и предпринимать определенные действия. Естественно, человеку должно нравиться то направление, которое он выбрал. Иначе вряд ли он добьётся каких-то успехов.
Далее я опишу свой путь от момента выбора своей новой профессии до трудоустройства.
До веб-дизайна я поработал несколько лет в торговле, где-то полтора года фотографом и несколько лет в общепите. Меньше, чем за год, я вырос с менеджера смены до управляющего пиццерией Додо Пицца. Потом поработал управляющим в другой компании Hatico по доставке еды. В принципе, на первой работе у меня были хорошие перспективы по росту до управляющего сетью пиццерий по Казахстану. Моя работа была операционной и заключалась в том, чтобы ресторан всегда работал отлично. Приходилось постоянно решать разного рода проблемы, а проблемы возникали всегда. От поиска кадров до устранения последствий прорвавшейся канализации. График был не вполне нормированный.
И вот, однажды мне это просто надоело. Мне хотелось такую работу, которая бы нравилась мне. Для меня это очень важно. Я не могу пойти на работу даже с высокой зарплатой, если эта деятельность будет совершенно мне не по душе. И я стал задумываться, чем я хочу заниматься.
Впервые довольно близко я столкнулся с веб-дизайном, когда мне поставили задачу по запуску сайта для доставки еды. Тогда я работал управляющим и совсем ничего не понимал в дизайне. Я посмотрел разные сайты по доставке, составил желаемую структуру, подробно описал всё, что мы хотели реализовать. Фактически, я тогда нарисовал прототипы и составил ТЗ. Потом я нашёл исполнителя в нашем городе, в рамках нашего бюджета, который готов был взяться за эту работу. В итоге сайт сделали, и тут руководство компании приняло решение закрыть доставку (через пол года в 2020-м они снова её открыли). Так я оказался в свободном плавании и снова задался вопросом о том, чем же я хочу заниматься.
Поиск привел меня к выбору между тем, заняться ли снова фотографией или освоить новую профессию с возможностью работать удалённо. Раньше мне очень нравилось фотографировать, пример репортажной съемки:
Для возобновления этого занятия мне нужны были немаленькие деньги на технику, а в тот момент у меня было не лучшее финансовое положение. Стал выбирать между маркетингом и дизайном. Склонялся в сторону дизайна, начал разбираться, какие есть направления. Читал, смотрел разные вебинары. И вот, однажды я посмотрел вебинар, на котором Евгений (основатель школы дизайна Uprock) рассказывал о дизайне сайтов.
Мне очень зашла подача информации от Евгения. Чувствовалась его экспертность и какая-то позитивная энергетика. Позже посмотрел ещё несколько его вебинаров. Также мне понравилось, что, оказывается, в дизайне сайтов не нужно уметь рисовать в привычном смысле этого слова. Тут больше про логику и аналитику. А я на прошлых работах часто работал в таблицах и поэтому аналитика мне близка. В итоге я пришёл к заключению, что нужно выбирать именно веб-дизайн.
Дальше стояла задача выбрать хороший обучающий курс, т.к. я быстро понял, что самостоятельное обучение с нуля может затянуться надолго и с курсом результат может быть эффективней. И, как показало время, я оказался прав.
Предварительно выбрал несколько курсов и начал сравнивать их по условиям. В эту подборку попал и курс от Uprock (Женя упоминал о своей школе на вебинарах). Я думаю, что ключевыми критериями выбора в пользу Uprock стали работы студентов и возможность получать подробную персональную обратную связь. Плюс, на мой взгляд, было (и есть) хорошее соотношение цена/качество. Итак, выбор был сделан, осталось где-то найти деньги. Деньги удалось найти только спустя 3 месяца, под Новый год. Ура! Наконец-то с нового года я начинаю обучение!
Прежде, чем рассказать о том, как проходило моё обучение, сначала хочу поведать о самой школе. Сейчас у Uprock есть 2 курса — это основной курс по UX/UI дизайну и курс по проектированию мобильных приложений. Также есть дополнительный интенсив Behance Up, на котором учат делать промо сайты (акцент идёт на нестандартные решения).
Помимо этого еженедельно проводятся закрытые вебинары для студентов, на которых можно в прямом эфире получить разбор своего домашнего задания, задать вопросы и почерпнуть полезную информацию. А ещё есть инстаграм, ютуб канал и большая база статей на сайте Uprock. В общем, море годноты для дизайнеров.
На самом деле информации так много, что я не успеваю её всю обрабатывать. Иногда я ищу по ключевым словам нужную в данный момент тему, нахожу классный плагин, сервис, шрифт, сайт или статью. Уже неоднократно я использовал такой лайфхак и сразу же применял это в работе.
Я проходил основной курс «Профессия UX/UI дизайнер». В целом из того, что особенно понравилось, хочу отметить ежедневную обратную связь по всем домашкам в виде записанного на видео разбора, кроме того разбирали даже мои личные работы вне курса. Также отмечу очень подробный дизайн-процесс в работе над проектом и по итогу помощь в трудоустройстве.
Курс делится на спринты (части). От простого к сложному. В первых уроках я осваивал базу, без которой последующие спринты нормально не сделать (особенно если кто-то совсем без опыта). Старался делать всё аккуратно и всю информацию впитывал как губка. Вообще, рекомендую дополнительно конспектировать новую информацию — так она лучше запомнится.
Посложнее стало уже на четвёртом модуле, когда нужно сделать анализ конкурентов для лендинга. Для этого нужно поработать в гугл-таблице. Для меня это не составило особого труда в плане понимания задания, но оно было одно из наиболее трудоёмких.
Я анализировал 8 конкурентов по нише «премиальная недвижимость». Каждого конкурента анализировал по 28 параметрам, таким как: УТП, позиционирование, навигация, цвета, читабельность текста, скорость загрузки и др.
Цель аналитики — понять сильные и слабые стороны конкурентов, увидеть характерные особенности сайтов в данной нише с целью отстроиться от конкурентов и максимально выгодно показать продукт. По сути, урок с анализом конкурентов говорит о том, что дизайнеры не рисуют сайты «от фонаря». У UX-дизайнера работа строится отталкиваясь от анализа информации.
После того, как анализ готов, я приступил к разработке прототипа. Сначала сделал функциональный прототип, т.е. проработал структуру будущего сайта. Нюанс этого этапа в в том, что здесь мы абстрагируемся от визуальной части и сосредотачиваемся на смысле и логике структуры. Затем я определил, какие будут блоки, в каком порядке, что будет в каждом блоке и в каком количестве. Чем выше блок на странице, тем он важнее, приоритетней. Затем сделал набросок в виде графического прототипа, чтобы примерно прикинуть, где что будет расположено.
Следующим этапом было составление технического задания. Без этого документа у вас точно возникнут недопонимания и разногласия с клиентом. Кстати, всю документацию с курса можно применять и далее в реальных проектах. Затем я нашел хорошие референсы по стилю плюс отдельно по несколько референсов на каждый блок. Только после этого можно было начать отрисовку дизайн-концепта. Блок за блоком, по несколько вариантов. Чем больше вариантов я прорабатываю, тем больше шансов сделать классный дизайн.
Далее идет адаптация дизайна под разные устройства.
Потом UI-kit, в котором показал все стили, цвета, элементы, состояния форм и прочее. Если на это забить и подумать, что верстальщик сам всё нормально сделает, велика вероятность, что он сделает что-то не так и ваш дизайн в реальности будет отличаться от макета. Поэтому рекомендую вам не пренебрегать стайл-китом, если верстать будете не вы.
Могу смело сказать, что дизайн-процесс, которому меня научили на курсе, рабочий и эффективный. Я хорошо усвоил, что каждый этап важен и нужно двигаться последовательно.
Во второй части курса была более сложная и долгая работа над формированием портфолио из нескольких крупных проектов: интернет-магазина, корпоративного сайта, новостного сайта, сайта-портфолио и сайта дизайн-студии. Каждый проект нужно было оформить в кейс на Behance. К слову, Uprock является самой награждаемой школой на Behance — более 150 наград, и вот я тоже оказался в числе тех, чья работа попала в подборку лучших.
Важный момент. Куратор за вас ничего не сделает, но он подскажет, сориентирует и задаст направление. Таким образом через практику и происходит обучение. Сначала видео с теоретической частью, потом практическое задание.
Один из самых важных навыков, который я усвоил — это работа с референсами. Как с ними работать правильно и эффективно. Причём такой подход можно применить не только к референсам для сайтов, но, например, и для рекламных макетов или чего-то другого.
Я на практике понял, что для создания хорошего дизайна важен системный подход и нужно двигаться последовательно по определённому дизайн-процессу. В таком случае результат будет предсказуемо качественным.
Если подвести черту и проанализировать, какие же знания я получил по итогу обучения, то вот, что я скажу. Я научился таким базовым в веб-дизайне вещам, как работа с типографикой, с расстояниями, с сеткой. Моя работа строится по чёткому дизайн-процессу. Я могу забрифовать клиента, провести конкурентный анализ, составить техническое задание, сделать прототип, сделать визуальный анализ по необходимой нише, поэтапно отрисовать дизайн-концепт, сделать адаптивы, подготовить макеты для разработчиков, сделать хорошую презентацию проекта и даже самостоятельно сверстать сайт на Tilda или Readymag и настроить анимации. Что немаловажно, я научился правильно расставлять акценты в дизайне, задавать и поддерживать единый стиль проекта, получил знания по психологии восприятия контента пользователями. Всё это я использую сейчас в своей ежедневной работе.
На момент написания этой статьи я ещё официально полностью не окончил курс, но, тем не менее, я уже работаю веб-дизайнером. Как же так получилось?
Как я уже писал выше, школа Uprock помогает своим студентам с трудоустройством. Помощь выражается в нескольких вещах. Когда у тебя в портфолио появляется хотя бы один крепкий кейс, ты можешь заполнить специальную анкету по трудоустройству. С этого момента HR школы начинает предлагать твою кандидатуру тем компаниям, под параметры которой ты подходишь. Когда в портфолио есть уже 3 крепких проекта и больше, шансы на трудоустройство повышаются.
Помимо этого школа помогает наилучшим образом презентовать себя, так, чтобы работодатель тобой заинтересовался. Могу сказать, что эти методы работают. Работодатели обращали на меня внимание, отвечали, давали тестовые задания. Некоторые писали спустя время, когда я уже трудоустроился.
Итак, каким же было моё портфолио на момент трудоустройства. Во время курса я сделал себе сайт-портфолио на Тильде. Этот сайт я делал под две основные цели. Первая цель — презентация своего портфолио и своих навыков по вёрстке на Тильде потенциальному работодателю. Вторая цель — получать заказы на дизайн сайтов и на создание сайтов под ключ на Тильде.
На Behance у меня было 3 кейса: интернет-магазин, сайт-портфолио, корпоративный сайт с уклоном в промо. Кейсы на личном сайте: лендинг, корпоративный сайт (делал его дополнительно по курсу с целью устроиться в одну компанию), сайт музыканта (делал для участия в конкурсе от Жени), интернет-магазин и корпоративный сайт с уклоном в промо.
В один прекрасный день со мной связался работодатель. Он сказал, что мой контакт ему дали в Uprock и предложил созвониться. Мы пообщались, работодатель подробно рассказал о своей компании и об условиях. В основном говорил он. Я лишь кратко рассказал, что я умею и по какому процессу я работаю. В целом собеседование прошло легко и непринуждённо. Мне предложили сделать небольшое тестовое задание — дизайн первых двух-трёх блоков по их реальному текущему проекту. Затем со мной связался второй партнёр компании и подробно рассказал о проекте для того, чтобы я лучше в него погрузился. На следующий день я сделал первые два блока, причём на каждый блок сделал от 5 до 10 вариантов. Мои навыки оценили как продвинутого джуниора на стыке с мидлом. Ребятам моя работа понравилась и в этот же день меня приняли на работу.
Сегодня я являюсь постоянный дизайнером в штате в компании Brainmarket, работаю удалённо. Основная специализация компании — реклама в интернете. Сейчас увеличивается число заказов на сайты, поэтому у меня хватает работы. Сама компания небольшая, коллектив дружный, ребята лояльны и открыты к новой информации. Помимо дизайна сайтов моя вторая дополнительная функция — создание рекламных креативов. Но основной упор на дизайн сайтов. Мой первый редизайн лендинга клиент принял без правок, сейчас он в процессе вёрстки. Во втором проекте — сервис по недвижимости, была только одна незначительная правка. Сейчас подготавливаю макеты для разработчиков. Одновременно делаю несколько проектов т.к. сейчас есть хорошая загрузка.
Без обучения в школе Uprock вряд ли я достиг бы таких же результатов за тот период времени. Все знания оказались полезными, а обратная связь от кураторов — ценной. Все процессы взяты из реальной практики студии Uprock, поэтому они проверены на деле. В сумме всё, что я сделал и чему научился, привело меня к той работе, которую я и хотел получить. Я благодарен Евгению, моим кураторам и всем причастным к работе школы за то, что они предоставляют отличную возможность изменить свою жизнь к лучшему.
Завершается первый месяц моей работы по новой специальности. Никаких неожиданных сюрпризов не было (за исключением того, что я получил аванс после первой и после второй недели работы 😀). Моё финансовое положение восстанавливается. Кстати, могу сказать, что такую зарплату как сейчас я не получал даже работая управляющим. По меркам моего города у меня вполне приличная зарплата и, конечно же, меня это радует. Сейчас я зарабатываю 40 тыс. руб., что в переводе на тенге составляет 230 тыс. тнг. Работа из дома сейчас меня вполне устраивает, в этом есть определённые плюсы — хочу в холодный период года пожить на юге. Планирую закончить оставшиеся спринты в свободное время, развиваться дальше в профессии и выучить английский язык, что откроет для меня новые горизонты.
Если у вас есть вопросы по курсу, пишите мне в телеграм @maxdsgn13, я расскажу подробнее. Также могу подсказать, как можно получить дополнительную скидку на обучение.