Задания по веб дизайну. Обучение веб-дизайну с нуля — пошаговое руководство для начинающих (десять этапов). Личное либо групповое собеседование

Толковый веб-дизайнер — это основа вашей красоты и конверсии в Интернете. Это человек, который отвечает за вашу «витрину» и первое впечатление о вашем продукте или услуге.

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

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

Именно поэтому найти достойного веб-дизайнера для компании — это сложный и длительный процесс.

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

1. Профиль компетенции

Стоит начать с формулировки профиля компетенции.

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

В нём вы детально указываете ожидаемый результат работы специалиста, область его знаний и его функциональные обязанности (описываете их на уровне поведения, действий).

2. Вакансия

Следующий шаг — составление и размещение вакансии. Суть вакансии — заинтересовать потенциального кандидата в трудоустройстве именно в вашей компании.

4. Предварительное собеседование кандидата по телефону

Всех кандидатов стоит прозвонить. Скрипт телефонного разговора — ниже.

Имя кандидата , добрый день. Меня зовут Ваше имя , я звоню по поводу вакансии веб-дизайнера в компанию Название компании . Вам удобно сейчас говорить? Расскажите, пожалуйста, какую работу ищете? Скажите, пожалуйста, есть ли у Вас опыт создания макета по сетке? Есть ли опыт подготовки макета в слоях к верстке? Есть ли у Вас опыт работы с CMS? Оцените по 10-бальной шкале свои технические и эстетические навыки как веб-дизайнера. Можете аргументировать данную оценку? На какой уровень заработной платы Вы рассчитываете?

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

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

В случае положительного результата телефонного собеседования, кандидату высылаем тестовое задание и просим уточнить время, которое ему необходимо на выполнение (с точностью до 15 мин.). Результаты общения и сроков заносим в таблицу.

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

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

5. Тестовое задание

Тестовое задание следует давать в соответствии с теми задачами, которые сотруднику необходимо будет выполнять в деятельности. Ни в коем случае не стоит злоупотреблять временем специалиста и давать коммерческие неоплачиваемые задания (которые вы потом без оплаты сможете использовать в своей деятельности). Стоит дать задачу, у которой явно не будет коммерческого заказчика.

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

Если вы все делаете верно, то отзовутся многие.

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

Имя кандидата , приветствую! Ниже приведено тестовое задание на вакансию Веб-дизайнер в компанию Имя компании .

Задания 1. Приведите 3 примера сайтов, которые Вас вдохновляют. Аргументируйте свою точку зрения. 2. Проверьте корректность сетки посадочной страницы и при необходимости внесите правки. 3. Опишите потенциальные точки улучшения страницы с точки зрения повышения конверсии.

Ссылка на посадочную страницу https://www.infovideo.pro/web-designer-test/

Ответ на задание необходимо отправить в следующем формате: «AmV-web_designer_Ivan_Ivanov_120614», где AmV — код компании, web_designer — позиция, на которую вы претендуете, Ivan_Ivanov — ваше имя и фамилия, 120614 — дата высылания файла (напр. здесь 13 июня 2014 года).

6. Обработка тестовых заданий

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

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

Остальным кандидатам отвечаем примерно в таком формате:

— что в тестовом выполнено хорошо,

— указываем на потенциальные точки улучшения,

— просим внести определенные изменения в работу.

Успехи и комментарии для каждого кандидата фиксируем в таблицу.

7. Личное либо групповое собеседование

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

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

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

После этого предлагаем кандидату задать интересующие его вопросы. Часто задаваемые вопросы могут многое сказать о собеседнике и о его интересах.

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

После такого общения скорее всего вы сможете принять правильное решение.

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

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

Например, может быть такая ситуация: веб-дизайнер, довольно молодой, и при этом имеет музыкальные предпочтения, связанные с протестом, вызовом. С большой долей вероятности в таком случае вы столкнётесь со сложностями при внесении правок и комментариев в макеты.

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

15 апреля 2016, 18:28

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

Кто-то скажет, работодатель рискует и хочет подстраховаться. Но ведь для этого у него есть помимо всего прочего испытательный срок. Какой риск, если в течении 3х месяцев (а то и больше) вас могут выкинуть с работы без объяснения причин?

Бред состоит еще в том, что задание обычно является финалом, после тщательного изучения резюме и интервью с кандидатом. При этом я ни разу не встречала ситуацию, когда после выполнения задания например снимается или сокращается испытательный срок. Или за отличное его выполнение предлагается более высокая з/п.

Мне кажется, что этот вопрос чаще всего возникает в 2х случаях:

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

В каких случаях стоит браться за тестовое задание:

• Если у вас почти нет опыта и пустое портфолио, вы недавно в этой области, и сомнения работодателя вполне можно понять, но при этом само тестовое задание достаточно абстрактно, не потребует от вас больше 8 часов времени с обедами и перекурами, и точно не связано с желанием вами бесплатно попользоваться.
• Тестовое задание оплачивается. Ведь это по сути такая же работа. Поэтому вы вполне можете сказать, что ок я оценю трудозатраты, поделю з/п, которую я прошу на 160 (рабочих часов в месяце при 40 часовой неделе), умножу одно на другое, и выставлю счет. Если вы готовы его оплатить, возьмусь за задание. Ведь любая работа должна быть оплачена, а вы цените свое время. Пусть его ценят и работодатели, ведь вы именно об этом и пытаетесь договориться - у вас есть опыт и личное время, у работодателя задачи, и деньги.
• Задание просто невероятно интересное и уникальное, а у вас куча свободного неоплачиваемого времени.

Кстати многие серьезные и крупные компании не занимаются такой ерундой.

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

• Тестовое задание не оплачивается. Для многих сейчас будет откровение, но вообще-то это работа требующая времени и отвлекающая меня от основных дел, следовательно она должна быть оплачена.
• Присылается задание на нескольких листах (мой рекорд 7 листов А4) мелким шрифтом из пунктов с крайне туманными формулировками.
• Предлагается выполнять тестовое задание онлайн, в скайпе, сидя перед светлыми очами работодателя.
• Тестовое задание не имеет никакого отношения к будущей работе - например мне прислали гору задач для юзабилистов на позицию дизайнера.
• «Вы нам ТОЧНО подходите, НО мы вас возьмем только после тестового задания». (Ну так берите, раз подхожу, и давайте любые задания, не обязательно тестовые.)
• Тестовое задание направлено на решение конкретной задачи компании. Один раз я сделала такое, посидев над решением и хорошо его продумав, в итоге результат был быстро реализован на сайте компании один в один.
• Еще был случай, когда неплохое тестовое задание прислали с кучей исправлений чуть ли не красной ручкой с просьбой поработать еще и прислать итоговый результат.
• Прописан строгий запрет на использование результатов в своем портфолио.

А что вы думаете об этом? Приходилось ли вам выполнять тестовые задания?

Которые изучили вёрстку и получили работу в сфере ИТ, и сегодня продолжим тему обучения. Ещё одна сфера, которая близко связана с вёрсткой, - это веб-дизайн. На этот раз мы попросили российских интернет-экспертов дать советы по профессиональному развитию для начинающих дизайнеров.

Разумеется, это требует выдержки и усидчивости. Знаю человека, который начинал практиковаться в дизайне на этом сайте и через три месяца нашёл постоянного клиента из США с контрактом.

Лучше начать с простых сериалов, так как «Шерлока» или «Теорию большого взрыва» смотреть будет тяжело. Сам я сильно продвинулся в английском, пока смотрел Lost во время тренировок. Там очень простой английский, а сюжет незамысловат настолько, что и без перевода понятно, что происходит.

Онлайн-курсы

Если вы овладели слепой печатью и умеете хоть немного читать по-английски, то можно идти дальше. Например, попробовать онлайн-курсы по технологиям. Их очень много, есть платные и бесплатные. [...]

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

Бонус : несколько выступлений Антона по теме дизайна и прототипирования.

Задание на ассоциацию обычно задают на предмете дизайн.

Эти задания для развития фантазии и ассоциативного мышления.

Упражнение№1

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

Карусель

Архитектура

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

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

Если Ваша специальность - дизайн одежды , тогда Вы даете список слов, и задаёте выполнить дизайны одежды на эти слова. Точно так же как с интерьером, но только с одеждой нужно выполнить задание.

Если Ваша специальность - это дизайн предметной среды или предметный дизайн, то конечно же даёте слова и рисуете на них предметы, эти предметы должны выражать эти слова.

С дизайном предметной среды и дизайном одежды ещё интереснее, можно так же давать слова, называя конкретных животных (кошка например), птиц (ворона например), ракушки, растения, цветы, деревья и.т.д.

Упражнение№2

Упражнения по дизайну на ассоциацию:

Одно из любимейших упражнений детей любых возрастов (от3 до бесконечности) по дизайну:

Я его называю - «Каки маляки».

На формате А4 у Вас должно получиться шесть рисунков выполненных простым карандашом. Рисуете один: каки -маляки рисуем, как дети маленькие рисуют. Дальше начинаем смотреть на этот рисунок и искать на что это может быть похоже, можно найти несколько линий или одну, на что-то похожую, на птицу, животное, ракушки, морских животных, медузы, мультяшных персонажей, на что угодно. Решили например, похоже на птицу: берём эту птицу и подрисовываем ей то, что не хватает: клюв, крыло, глаз, дорисовываем недостающие детали. Очень часто «находят» стилизованные мультяшные головы: старушка, дедушка, мужчина, женщина, мальчик, девочка. Обычно- это смешные рожицы, как из мультиков. Рисунок можно крутить в разные стороны, можно даже вниз головой смотреть и подрисовывать, то есть рисунки могут быть расположены в самые разные стороны. Рисунки начинаем делать по одному. Нужные детали можно подводить карандашом. В одном рисунке даже может быть и несколько рисунков. Вот я набросала в векторе расположение рисунков на формате А4. И рядом готовый рисунок, так как оно должно быть выполнено - карандашом.

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

Технарь или художник?

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

По результатам обучения на web-дизайнера вы должны уметь:

самостоятельно создавать веб-страницы с необходимым графическим и текстовым наполнением;

эффективно использовать анимацию, размещать информацию в виде логических блоков, оптимизировать графические элементы;

проектировать сайты любой сложности и запускать их в сети;

оформлять веб-страницы, в соответствии с запросами и ожиданиями пользователей, целями и задачами сайта;

налаживать взаимодействие страниц сайта между собой.

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

Какие знания требуются от веб-дизайнера?

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

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

Даже если вы не собираетесь сами верстать сайты, все равно вы должны иметь представление о CSS и HTML. Неплохо бы разобраться и в WordPress - платформе, на которой работают большинство сайтов.

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

Какие программы нужно освоить?

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

Лично я в этом вопросе придерживаюсь минимализма. Я считаю, что для обучения на дизайнера сайтов достаточно знать Adobe Photoshop и Adobe Illustrator, которые позволят обрабатывать и нарезать изображения, выполнять сборку макетов и множество других функций.

Для начала хватит и Photoshop. Этой программой, однако, надо владеть в совершенстве, поэтому придется потратить много времени на ее изучение.

Как видите, мнение работодателей немного отличается от моего - большинство из них считает, что хороший веб-дизайнер, в первую очередь, должен владеть программами Adobe Photoshop (96,6% опрошенных), CorelDRAW (50%), Adobe Flash (36,6%), Adobe Illustrator (23,3%).

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

Главное - практика!

Если вам интересно, как стать дизайнером сайтов самостоятельно, без посещения каких-либо обязательных курсов, то решение можно охарактеризовать одним словом: ПРАКТИКА! Вы можете прочитать хоть тысячу книг, но они не станут оружием в вашем арсенале. Как я уже упоминал выше, информация может стать знанием только через практику.

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

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

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

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

Подведем итоги

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

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

отменный художественный и эстетический вкус;

отличная память, образное и аналитическое мышление;

креативность;

способность к переключению внимания;

логическое мышление;

внимательность;

систематичность;

усидчивость;

тщательность;

аккуратность.

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

На этом буду прощаться. Буду рад видеть вас среди постоянных подписчиков нашего блога. Подписывайтесь и делитесь полезными материалами со своими друзьями в социальных сетях. До новых встреч!

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении