Как стать веб-дизайнером – пошаговое руководство — Дизайн на vc.ru

В статье советы, которые хороши на старте, когда по крупицам собираете с чего начать, что знать и уметь, к чему стремиться, а также пытаетесь сориентироваться в профессии веб-дизайнер 👇🏻

19 159 просмотров

Как стать веб-дизайнером

Из обзора вы узнаете, чем занимаются веб-дизайнеры, и почему веб-дизайн – классная сфера для работы.

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

А тем, кого интересует развитие бизнеса в сфере веб-дизайна может также пригодится наше исследование на эту тему.

Так что, приступим!

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

Кто такой веб-дизайнер

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

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

Ещё больше статей о дизайне, а также полезные сервисы можно найти на ux-journal.ru

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

Каждый новый проект веб-дизайнер изучает следующими вопросами:

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

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

Чем занимается веб-дизайнер

Задачи веб-дизайнера отличаются в зависимости от их навыков и условий работы.

Есть три популярных сценария: работа на фрилансе, работа в агентстве, и работа в штате.

Работа на фрилансе

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

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

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

Работа в агентстве

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

На состав проектов по веб-дизайну в агентстве влияет комплект услуг агентства и команда.

Работа в штате

Веб-дизайнеры в штате обычно работают над одним главным сайтом компании или небольшой линейкой. Они могут курировать конкретный модуль или определенный раздел на крупном сайте.

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

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

Вот в чем нужно разбираются веб-дизайнеры:

• Графический дизайн. Веб-дизайнеры работают с цветом, шрифтами, фото, иллюстрацией и композицией – все это помогает рассказать захватывающую убедительную историю и вызвать определенные чувства целевой аудитории.
• UX-дизайн и дизайн интерфейсов. Основы UX помогают проектировать сценарии на сайте с учетом нюансов психологии пользователя – такой подход чаще помогает попадать в базовые ожидания клиентов;
• Веб-дизайн заточенный на конверсии. Cайт – система, задача которой – продавать. А значит нужно понимать с помощью каких действий можно влиять на конверсию сайта;
• Веб-разработка. Хотя некоторые дизайнеры ограничивают свою работу проектированием сайтов, многие также берут на себя часть кода, особенно интерфейсную разработку.
• Интернет-маркетинг. Веб-дизайнер работает плечом к плечу с диджитал-маркетингом (SEO-профи, SMM-спецы, Копирайтеры и Контент-маркетологи). Фронт работа задает контент, а понимание контекста всегда плюс один к смелости и точности.
• Работа с клиентами и управление проектами. После запуска сайта работа только начинается, развитие сайта – это отдельная большая работа по увеличению конверсии с помощью новых блоков, доработок, создания выразительной графики и запуска новых страниц. А еще здесь много психологических тонкостей по работе с клиентом, которые можно учесть, если подойти грамотно к организации работы.

Конечно, чтобы обеспечить поток клиентов, необязательно быть экспертом во всех этих областях.

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

Forefathers Group, специализируются на веб-дизайне в винтажном стиле. Forefathers Group

Чуть позже мы разберем выбор ниши в веб-дизайне, а пока давайте разберем, почему веб-дизайн – это интересная профессия.

Чем зажигает профессия веб-дизайнер

Веб-дизайн появился позднее графического дизайна, бренд-дизайна, дизайна интерфейсов, UX-дизайна. И продолжает стремительно развиваться.

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

Для опытных веб-дизайнеров работы много всегда.

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

По данным BLS, предложение работы, согласно прогнозам, вырастет на 13% с 2018 по 2028 год, что намного быстрее, чем средний рост в 5% для всех профессий.

Здесь вы сами организуете график работы.

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

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

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

Начать работать веб-дизайнером можно даже без диплома

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

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

Обратная сторона? Веб-дизайн – это жутко переполненный рынок

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

Готовьтесь искать пути, чтобы выделиться среди множества веб-дизайнеров. Banter Snaps, Unsplash

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

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

Какие курсы стоит изучить, чтобы стать веб-дизайнером

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

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

Ками Макнамара из WebCami Site Design, поделилась с GoDaddy своим опытом в профессии:

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

В 2000 году я решила взяться за это дело снова и нашла курсы в местном учебном центре и поступила туда. А уже в 2002 году я зарегистрировалась как предприниматель и и за год до окончания курсов у меня появился первый настоящий клиент. Получив сертификат, я начала работать волонтером в общественных группах и организациях в моем районе. Это и привело к увеличению количества платящих клиентов, работу я делала хорошо и меня рекомендовали друзьям».

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

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

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

Какие навыки и инструменты нужно освоить, чтобы стать веб-дизайнером

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

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

Теория дизайна и визуальный дизайн

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

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

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

Теория цвета. Цвет помогает создавать настроение и задавать настрой у посетителя сайта.

Изучайте психологию цвета, исследуйте влияние сочетаний цветов на чувства.

Визуальный дизайн – это целая наука, в рамках этой статьи нам ее не объять, но вот здесь по ссылкам вы можете найти еще полезной информации:

У графического дизайна и веб-дизайна есть схожие черты. NordWood Themes, Unsplash

Пользовательский опыт (UX)

Хорошие сайты красивые и функциональные, а веб-дизайнер помогает делать их такими.

Дизайн пользовательского опыта (UX) – это наука и искусство создания продуктов (или веб-сайтов), которые обеспечивают пользователям наилучший опыт.

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

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

Веб-дизайнерам важно изучать основы UX-дизайна и основы проектирования пользовательского интерфейса (UX / UI):

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

Исследование пользователей (UX/CX-research). В этом хорошо помогает Hotjar, с ним можно изучать тепловые карт, проводить опросы пользователей – все, что нужно чтобы оперативно понять причины поведения и мотивацию посетителей сайта.

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

Информационная архитектура и навигация (IA). Это не сложно, если подойти комплексно. Информационная архитектура – это история о расположении информации на сайте: какие страницы должны быть на сайте, какие пункты должны быть в меню и в каком порядке, какие блоки обязательно должны быть на странице, чтобы пользователи нашли ответ. Сделать ее хорошо можно только применив SEO-анализ и интервью со спецом из предметной области (заказчиком или привлеченным экспертом, который хорошо знает то, о чем сайт). Без анализа поисковых запросов (актуальных интересов пользователей) и сопоставления их с практической экспертизой сайт получится игрушечным, а не приближенным к реальности.

Вайрфрейминг (Wireframing). Точно так же, как вы не построили бы дом без плана, вам не следует создавать веб-сайт без чертежей и плана.

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

Веб-дизайн заточенный на конверсии

Компании и клиенты не раскошелятся на тысячи долларов за новый сайт просто потому, что он красивый. Им нужен первоклассный дизайн, чтобы давать результаты для бизнеса – на самом деле, 48% людей указали, что дизайн веб-сайта является фактором №1 в определении доверия к бизнесу.

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

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

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

Вот некоторые навыки и инструменты веб-дизайна, которые вам следует изучить:

Инструменты дизайна и верстки сайтов. Для дизайнеров, которым важно создавать красивые и функциональные сайты для клиентов, без заморочек в программировании, плагины WordPress, такие как Divi или Beaver Builder, могут быть отличным вариантом. Даже если ваш опыт программирования ограничен, вы все равно можете создавать красивые сайты. Есть также хорошие конструкторы сайтов, такие как Tilda, Readymag и Webflow.

Инструменты графического дизайна. Оперативно создать функциональный и красивый сайт можно командой в Figma и Sketch. А Photoshop теперь снова занял ту позицию для которой родился: разработка уникальной (любой по выразительности) графики бренда без творческих ограничений.

Инструменты прототипирования и создания дизайн-концепций. Идеальны для проработки дизайн-концепции и прояснения видения проекта у всех участников команды во всех мелочах. Если Figma и Photoshop сдерживают вас, то InVision Studio помогает воплотить все в мельчайших деталях и с мягким поведением и микроанимациями.

Figma хороша для веб-дизайна. Toptal

Веб-разработка и программирование сайтов

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

Знание HTML, CSS и JavaScript, вполне себе плюс для веб-дизайнера, которые планирует влиться в команду веб-разработчиков и быть с ними на одной волне.

Вот что вам нужно знать о веб-разработке:

Основные языки веб-программирования. HTML, CSS и JavaScript – строительные блоки любого сайта.

HTML определяет основную структуру веб-страницы, а CSS задает, как эта структура должна выглядеть в веб-браузере. JavaScript обеспечивает пользователям интерактив.

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

Фреймворки фронтенд-разработки. Такие фреймворки, как Bootstrap или Genesis (для дизайнеров WordPress), содержат арсенал компонентов HTML, CSS и JavaScript. Их можно собрать вместе и значительно ускорить процесс веб-разработки, а также обеспечить согласованность и качество проектов.

Темы WordPress. Темы берут управление над композицией и внешним видом сайта на WordPress. На WordPress сейчас работает около 35% сайтов в сети, поэтому полезно научиться создавать и обновлять темы WordPress.

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

Конструкторы Tilda, Webflow, Readymag и GoDaddy Pro как раз помогают в этом.

Какие навыки нужны, чтобы работать на фрилансе

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

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

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

Навыки ведения дел и управления клиентами будут очень кстати. Kobu Agency, Unsplash

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

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

Давайте рассмотрим некоторые ключевые бизнес-навыки и инструменты, которые вам необходимо освоить.

Работа с клиентами и Управление проектами

Как только вы наберете приличное количество клиентов, вы заметите, что вы уже не помните, кому и что вы обещали. Тут то на помощь и придут новые инструменты.

Для веб-дизайнеров-фрилансеров управление проектами и работа с клиентами, как правило, частично совпадают.

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

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

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

Вот что вам нужно знать об управлении клиентами и проектами:

Управление проектами и планирование. Четкий план и его реализация – ключ к успешному проекту веб-дизайна.

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

Basecamp – система управления проектами. Basecamp

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

Онбординг клиентов. Здесь вам помогут такие инструменты как Typeform (для сбора данных) и Zapier (чтобы автоматизировать сам процесс).

Учет времени. Когда вы отвечаете за эффективное управление своим временем, вам нужно максимально использовать каждый час. Инструменты учета времени, такие как Harvest, Toggl и Timely, позволяют легко отслеживать, над какими проектами вы работаете, когда и какие проекты наиболее прибыльны.

Финансы и выставление счетов. В конце концов, вы заслуживаете своевременной оплаты за свою работу. Такие инструменты, как Bonsai и FreshBooks, предназначены для того, чтобы помочь фрилансерам следить за финансами своего бизнеса и упростить для клиентов оплату счетов.

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

Юридические вопросы. Для каждого клиентского проекта вы должны быть уверены, что защищаете себя юридически, в том маловероятном случае, когда проект пойдет не так. LegalZoom упрощает создание LLC, а такие инструменты, как HelloSign, позволяют клиентам легко подписывать контракты и предложения в электронном виде.

Диджитал-маркетинг

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

Понимание принципов интернет-маркетинга в комплекте с практикой поможет вам привлечь больше потенциальных клиентов и увеличить объем продаж как у вас, так и у ваших клиентов. Большой поток клиентов побудит вас пересмотреть цены на ваши услуги.

Вот что вам следует знать:

Маркетинг в соцсетях. Социальные сети – самый быстрый способ найти клиентов на веб-дизайн.

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

А такие сервисы как Canva помогут вам шустренько собрать прикольную графику для ваших публикаций.

Buffer может однажды пригодится для автоматизации маркетинга в соцсетях. Buffer

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

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

А если у вас WordPress, то такой плагин, как Yoast, уже может помочь с базовой опимизацией.

Коммуникация

И последнее, но не менее важное: важно поддерживать открытые каналы связи с вашими клиентами.

Убедитесь, что клиенты в курсе статуса проектов, вы не забываете собирать отзывы и улучшать ваши процессы работы.

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

Вот несколько инструментов, которые помогут вам управлять общением с клиентами:

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

Почта. Привяжите ваш адрес электронной почты к домену вашего сайта, это добавит вам чутка статуса. Плюс ваш адрес будет проще запомнить и связаться с вами ([email protected] вместо [email protected]).

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

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

Где еще больше материалов о дизайне

Статья призвана помочь вам сориентироваться на старте, надеемся большая часть была полезна. Если что, пишите. На связи!

Первые шаги в веб-дизайне

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

Как стать веб-дизайнером – пошаговое руководство — Дизайн на vc.ru

В статье советы, которые хороши на старте, когда по крупицам собираете с чего начать, что знать и уметь, к чему стремиться, а также пытаетесь сориентироваться в профессии веб-дизайнер 👇🏻

19 160 просмотров

Как стать веб-дизайнером

Из обзора вы узнаете, чем занимаются веб-дизайнеры, и почему веб-дизайн – классная сфера для работы.

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

А тем, кого интересует развитие бизнеса в сфере веб-дизайна может также пригодится наше исследование на эту тему.

Так что, приступим!

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

Кто такой веб-дизайнер

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

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

Ещё больше статей о дизайне, а также полезные сервисы можно найти на ux-journal.ru

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

Каждый новый проект веб-дизайнер изучает следующими вопросами:

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

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

Чем занимается веб-дизайнер

Задачи веб-дизайнера отличаются в зависимости от их навыков и условий работы.

Есть три популярных сценария: работа на фрилансе, работа в агентстве, и работа в штате.

Работа на фрилансе

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

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

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

Работа в агентстве

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

На состав проектов по веб-дизайну в агентстве влияет комплект услуг агентства и команда.

Работа в штате

Веб-дизайнеры в штате обычно работают над одним главным сайтом компании или небольшой линейкой. Они могут курировать конкретный модуль или определенный раздел на крупном сайте.

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

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

Вот в чем нужно разбираются веб-дизайнеры:

• Графический дизайн. Веб-дизайнеры работают с цветом, шрифтами, фото, иллюстрацией и композицией – все это помогает рассказать захватывающую убедительную историю и вызвать определенные чувства целевой аудитории.
• UX-дизайн и дизайн интерфейсов. Основы UX помогают проектировать сценарии на сайте с учетом нюансов психологии пользователя – такой подход чаще помогает попадать в базовые ожидания клиентов;
• Веб-дизайн заточенный на конверсии. Cайт – система, задача которой – продавать. А значит нужно понимать с помощью каких действий можно влиять на конверсию сайта;
• Веб-разработка. Хотя некоторые дизайнеры ограничивают свою работу проектированием сайтов, многие также берут на себя часть кода, особенно интерфейсную разработку.
• Интернет-маркетинг. Веб-дизайнер работает плечом к плечу с диджитал-маркетингом (SEO-профи, SMM-спецы, Копирайтеры и Контент-маркетологи). Фронт работа задает контент, а понимание контекста всегда плюс один к смелости и точности.
• Работа с клиентами и управление проектами. После запуска сайта работа только начинается, развитие сайта – это отдельная большая работа по увеличению конверсии с помощью новых блоков, доработок, создания выразительной графики и запуска новых страниц. А еще здесь много психологических тонкостей по работе с клиентом, которые можно учесть, если подойти грамотно к организации работы.

Конечно, чтобы обеспечить поток клиентов, необязательно быть экспертом во всех этих областях.

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

Forefathers Group, специализируются на веб-дизайне в винтажном стиле. Forefathers Group

Чуть позже мы разберем выбор ниши в веб-дизайне, а пока давайте разберем, почему веб-дизайн – это интересная профессия.

Чем зажигает профессия веб-дизайнер

Веб-дизайн появился позднее графического дизайна, бренд-дизайна, дизайна интерфейсов, UX-дизайна. И продолжает стремительно развиваться.

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

Для опытных веб-дизайнеров работы много всегда.

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

По данным BLS, предложение работы, согласно прогнозам, вырастет на 13% с 2018 по 2028 год, что намного быстрее, чем средний рост в 5% для всех профессий.

Здесь вы сами организуете график работы.

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

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

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

Начать работать веб-дизайнером можно даже без диплома

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

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

Обратная сторона? Веб-дизайн – это жутко переполненный рынок

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

Готовьтесь искать пути, чтобы выделиться среди множества веб-дизайнеров. Banter Snaps, Unsplash

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

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

Какие курсы стоит изучить, чтобы стать веб-дизайнером

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

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

Ками Макнамара из WebCami Site Design, поделилась с GoDaddy своим опытом в профессии:

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

В 2000 году я решила взяться за это дело снова и нашла курсы в местном учебном центре и поступила туда. А уже в 2002 году я зарегистрировалась как предприниматель и и за год до окончания курсов у меня появился первый настоящий клиент. Получив сертификат, я начала работать волонтером в общественных группах и организациях в моем районе. Это и привело к увеличению количества платящих клиентов, работу я делала хорошо и меня рекомендовали друзьям».

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

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

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

Какие навыки и инструменты нужно освоить, чтобы стать веб-дизайнером

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

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

Теория дизайна и визуальный дизайн

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

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

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

Теория цвета. Цвет помогает создавать настроение и задавать настрой у посетителя сайта.

Изучайте психологию цвета, исследуйте влияние сочетаний цветов на чувства.

Визуальный дизайн – это целая наука, в рамках этой статьи нам ее не объять, но вот здесь по ссылкам вы можете найти еще полезной информации:

У графического дизайна и веб-дизайна есть схожие черты. NordWood Themes, Unsplash

Пользовательский опыт (UX)

Хорошие сайты красивые и функциональные, а веб-дизайнер помогает делать их такими.

Дизайн пользовательского опыта (UX) – это наука и искусство создания продуктов (или веб-сайтов), которые обеспечивают пользователям наилучший опыт.

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

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

Веб-дизайнерам важно изучать основы UX-дизайна и основы проектирования пользовательского интерфейса (UX / UI):

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

Исследование пользователей (UX/CX-research). В этом хорошо помогает Hotjar, с ним можно изучать тепловые карт, проводить опросы пользователей – все, что нужно чтобы оперативно понять причины поведения и мотивацию посетителей сайта.

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

Информационная архитектура и навигация (IA). Это не сложно, если подойти комплексно. Информационная архитектура – это история о расположении информации на сайте: какие страницы должны быть на сайте, какие пункты должны быть в меню и в каком порядке, какие блоки обязательно должны быть на странице, чтобы пользователи нашли ответ. Сделать ее хорошо можно только применив SEO-анализ и интервью со спецом из предметной области (заказчиком или привлеченным экспертом, который хорошо знает то, о чем сайт). Без анализа поисковых запросов (актуальных интересов пользователей) и сопоставления их с практической экспертизой сайт получится игрушечным, а не приближенным к реальности.

Вайрфрейминг (Wireframing). Точно так же, как вы не построили бы дом без плана, вам не следует создавать веб-сайт без чертежей и плана.

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

Веб-дизайн заточенный на конверсии

Компании и клиенты не раскошелятся на тысячи долларов за новый сайт просто потому, что он красивый. Им нужен первоклассный дизайн, чтобы давать результаты для бизнеса – на самом деле, 48% людей указали, что дизайн веб-сайта является фактором №1 в определении доверия к бизнесу.

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

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

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

Вот некоторые навыки и инструменты веб-дизайна, которые вам следует изучить:

Инструменты дизайна и верстки сайтов. Для дизайнеров, которым важно создавать красивые и функциональные сайты для клиентов, без заморочек в программировании, плагины WordPress, такие как Divi или Beaver Builder, могут быть отличным вариантом. Даже если ваш опыт программирования ограничен, вы все равно можете создавать красивые сайты. Есть также хорошие конструкторы сайтов, такие как Tilda, Readymag и Webflow.

Инструменты графического дизайна. Оперативно создать функциональный и красивый сайт можно командой в Figma и Sketch. А Photoshop теперь снова занял ту позицию для которой родился: разработка уникальной (любой по выразительности) графики бренда без творческих ограничений.

Инструменты прототипирования и создания дизайн-концепций. Идеальны для проработки дизайн-концепции и прояснения видения проекта у всех участников команды во всех мелочах. Если Figma и Photoshop сдерживают вас, то InVision Studio помогает воплотить все в мельчайших деталях и с мягким поведением и микроанимациями.

Figma хороша для веб-дизайна. Toptal

Веб-разработка и программирование сайтов

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

Знание HTML, CSS и JavaScript, вполне себе плюс для веб-дизайнера, которые планирует влиться в команду веб-разработчиков и быть с ними на одной волне.

Вот что вам нужно знать о веб-разработке:

Основные языки веб-программирования. HTML, CSS и JavaScript – строительные блоки любого сайта.

HTML определяет основную структуру веб-страницы, а CSS задает, как эта структура должна выглядеть в веб-браузере. JavaScript обеспечивает пользователям интерактив.

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

Фреймворки фронтенд-разработки. Такие фреймворки, как Bootstrap или Genesis (для дизайнеров WordPress), содержат арсенал компонентов HTML, CSS и JavaScript. Их можно собрать вместе и значительно ускорить процесс веб-разработки, а также обеспечить согласованность и качество проектов.

Темы WordPress. Темы берут управление над композицией и внешним видом сайта на WordPress. На WordPress сейчас работает около 35% сайтов в сети, поэтому полезно научиться создавать и обновлять темы WordPress.

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

Конструкторы Tilda, Webflow, Readymag и GoDaddy Pro как раз помогают в этом.

Какие навыки нужны, чтобы работать на фрилансе

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

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

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

Навыки ведения дел и управления клиентами будут очень кстати. Kobu Agency, Unsplash

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

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

Давайте рассмотрим некоторые ключевые бизнес-навыки и инструменты, которые вам необходимо освоить.

Работа с клиентами и Управление проектами

Как только вы наберете приличное количество клиентов, вы заметите, что вы уже не помните, кому и что вы обещали. Тут то на помощь и придут новые инструменты.

Для веб-дизайнеров-фрилансеров управление проектами и работа с клиентами, как правило, частично совпадают.

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

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

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

Вот что вам нужно знать об управлении клиентами и проектами:

Управление проектами и планирование. Четкий план и его реализация – ключ к успешному проекту веб-дизайна.

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

Basecamp – система управления проектами. Basecamp

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

Онбординг клиентов. Здесь вам помогут такие инструменты как Typeform (для сбора данных) и Zapier (чтобы автоматизировать сам процесс).

Учет времени. Когда вы отвечаете за эффективное управление своим временем, вам нужно максимально использовать каждый час. Инструменты учета времени, такие как Harvest, Toggl и Timely, позволяют легко отслеживать, над какими проектами вы работаете, когда и какие проекты наиболее прибыльны.

Финансы и выставление счетов. В конце концов, вы заслуживаете своевременной оплаты за свою работу. Такие инструменты, как Bonsai и FreshBooks, предназначены для того, чтобы помочь фрилансерам следить за финансами своего бизнеса и упростить для клиентов оплату счетов.

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

Юридические вопросы. Для каждого клиентского проекта вы должны быть уверены, что защищаете себя юридически, в том маловероятном случае, когда проект пойдет не так. LegalZoom упрощает создание LLC, а такие инструменты, как HelloSign, позволяют клиентам легко подписывать контракты и предложения в электронном виде.

Диджитал-маркетинг

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

Понимание принципов интернет-маркетинга в комплекте с практикой поможет вам привлечь больше потенциальных клиентов и увеличить объем продаж как у вас, так и у ваших клиентов. Большой поток клиентов побудит вас пересмотреть цены на ваши услуги.

Вот что вам следует знать:

Маркетинг в соцсетях. Социальные сети – самый быстрый способ найти клиентов на веб-дизайн.

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

А такие сервисы как Canva помогут вам шустренько собрать прикольную графику для ваших публикаций.

Buffer может однажды пригодится для автоматизации маркетинга в соцсетях. Buffer

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

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

А если у вас WordPress, то такой плагин, как Yoast, уже может помочь с базовой опимизацией.

Коммуникация

И последнее, но не менее важное: важно поддерживать открытые каналы связи с вашими клиентами.

Убедитесь, что клиенты в курсе статуса проектов, вы не забываете собирать отзывы и улучшать ваши процессы работы.

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

Вот несколько инструментов, которые помогут вам управлять общением с клиентами:

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

Почта. Привяжите ваш адрес электронной почты к домену вашего сайта, это добавит вам чутка статуса. Плюс ваш адрес будет проще запомнить и связаться с вами ([email protected] вместо [email protected]).

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

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

Где еще больше материалов о дизайне

Статья призвана помочь вам сориентироваться на старте, надеемся большая часть была полезна. Если что, пишите. На связи!

Первые шаги в веб-дизайне

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

С чего начать изучение Web-дизайна, как научиться дизайну

Оплатить участие в мероприятии можно следующими способами:

• Банковской картой на нашем сайте
• Через систему «Расчет» (ЕРИП)
• В отделение банка
• За безналичный расчет путем банковского перевода
• Картой рассрочки Халва до 2 месяцев по Халва Mix и до 9 месяцев по карте Халва Max (подробности на сайте МТБанка)

Мы принимаем платежи по следующим банковским картам:

К оплате принимаются карты международных платежных систем VISA, MasterCard.

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

Ввод данных карточки осуществляется на защищенной авторизационной странице банка. Для оплаты необходимо ввести реквизиты карточки: номер, имя держателя, срок действия и трехзначный код безопасности. Трёхзначный код безопасности (CVV2 для VISA, CVC2 для MasterCard) — это три цифры, находящиеся на обратной стороне карточки. Если карточка поддерживает технологию 3DSecure, для ввода кода безопасности Вы будете перенаправлены на страницу банка, выпустившего карточку.

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

Если услуга была оплачена банковской картой через сайт, то возврат осуществляется на карту, с которой была произведена оплата. Срок поступления денежных средств на карту — от 3 до 30 дней с момента осуществления возврата Продавцом (Исполнителем).

Для оплаты банковской картой через систему «Расчет» (ЕРИП) вам необходимо:

Оплатить услуги UX Mind School Вы можете через систему ”Расчет“ (ЕРИП), в любом удобном для Вас месте, в удобное для Вас время, в удобном для Вас пункте банковского обслуживания – интернет-банке, с помощью мобильного банкинга, инфокиоске, кассе банков, банкомате и т.д.

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

Для проведения платежа небоходимо выбрать:

1. Выбрать
   – Пункт “Система “Расчет” (ЕРИП)
   – Образование и развитие
   – Дополнительное образование и развитие
   – Тренинги, семинары, консультации
   – г.Минск
   – ИП Колесень И.Г.
   – Посещение занятий
   – Ввести ФИО ученика и сумму для оплаты
2. Совершить платеж.

Если Вы осуществляете платеж в кассе банка, пожалуйста, сообщите кассиру о необходимости проведения платежа через систему ”Расчет“ (ЕРИП).

Условия возврата

– При отказе от посещения мероприятия возврат денежных средств происходит на карту, с которой был осуществлен платеж.

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

– Если вы решили не посещать мероприятие (курсы, интенсив, мастер-класс) и сообщили об этом не позднее 7 (семи) календарных дней до начала мероприятия, возврат оплаченной суммы происходит за минусом 10%. В теме письма напишите «отказ», в письме укажите, какое мероприятие вы не можете посетить, ваше ФИО, контакты телефон. Наш менеджер свяжется с вами в течение следующего рабочего дня для подтверждения вашего отказа и уточнения суммы возврата.

– Если мероприятие не состоится по каким-либо причинам — наш менеджер свяжется с вами для уточнения суммы возврата.

– В остальных ситуациях возврат денежных средств, оплаченных за мероприятиях, возврату не подлежат.

Хочу стать web-дизайнером. С чего начать?

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

---

Комментарии

если хочется стать еще одним дауном, тыкающим пальцем по клаве — тыкай. если хочешь стать дизайнером, купи карандаш и лет пять поучись рисовать гипсовые кубики, шарики, головы и торсы, потом купи краски и еще лет пять попиши натюрморты, портреты и пейзажи. Потом купи комп, и программы. И лет через 5-10 может и станешь дизайнером. А до этого — ты просто даун.

прикольно! ты такой злой :))) МУЖИК! :))))

ну это как раз совсем не обязательно:)

Для начала можно встать на биржу труда. Курсов там — море:). Оттуда и направят — кстати, бесплатно:). Для начала можно и оператором ПК, освоить компьютерный ликбез. Потом — курсы «Специалист» учебно — методического центра при Бауманке. А вот читать самостоятельно придется очень много. Найдите способ себя заинтересовать так, чтобы захватило полностью. Тогда и по 20 часов будете заниматься, а в тягость не будет:). Успеха:)!

Согласна с Александром! Хочу, это ничего не значит! Мало ли чего я хочу! Займитесь чем-нибудь более приземленным. Оставьте это дело специалистам. Без Вас там обойдутся!

Какие агрессивные товарищи тут собрались, прямо таки ненавидят всех покушающихся на вебдизайн 🙂

Самое главное это не срок работы а качество работ. В первою очередь смотрят именно на это. Можно хоть 10 лет иметь стаж веб-дизайнера и делать при этом полную фигню. Как правило люди, имеющие чувство вкуса и способные творчески мыслить + знакомые с компьютером, достаточно быстро и просто осваивают все необходимые инструменты для реализации своих замыслов. Так что если есть вкус и творческое начало проблем возникнуть не должно. + надо знать основы верстки. А то нарисовать разной красоты можно много, но сверстать это нормально будет невозможно. Начать нужно с освоения основных программ, которыми пользуются большинство веб-дизайнеров: PhotoShop, неплохо бы знать Corel или Illustrator + HTML 🙂 И вперед!

+1 как говорится, гений без истории никто, а человек с «историей», пусть его дизайн хоть психические расстройства вызывает, будет оценен высоко.

нет ничего непреодолимого, если очень хочется…5лет учиться карандашом , а потом 5 лет красками, это конечно слишком…во-первых, живописи и рисунку учатся параллельно, во-вторых, взрослый человек, в отличие от ребенка учится этим вещам в 2 раза быстрее, т.к. наивность напрочь отсутствует..зачастую ребенку нужно нарисовать 5-10 раз один и тотже предмет, чтоб дошло как это делать правильно….взрослый это понимает с одного, ну может двух раз…хочу заверить, что это не мое открытие, любой педагог вам скажет..но то что позаниматься не мешает, это конечно точно….насчет бауманки большие сомнения…был у нас один дезигнер после этих курсов…..простейших вещей не знал…то-ли так слушал, то-ли действительно так учили…ну вообщем не славятся эти курсы…если есть цель, можно вообще все самому изучить, купить несколько хороших книг и вперед! ничего нет невозможного, все зависит насколько вы этого хотите…ну и конечно ОПЫТ! сын ошибок трудных…с опытом многое придет…вообщем путь не из легких, как кажется на первый взгляд…если не испугались, то вперед!!! главное определитесь, точно ли вам это интересно…удачи

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

Линх, дорогая не слушай Александра. Веб-дизайнер — это троечник, это недопрограммист и недодизайнер в одном флаконе. Если ты человек, который хочет самовыражения и развития, то эта профессия не для тебя. Как только ты сделаешь свои первые 50 банеров, тебя начнет тошнить от этого олигофренического процесса. Работа эта тупая, рутинная, вредная для здоровья и ни фига не творческая (потому что 80 % заказчиков предоставляют уже готовые исходники, то есть материалы к производству модуля). Помнишь как в фильме «Курьер» было сказано «На, возьми мое пальто. и мечтай о чем-нибудь великом»

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

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

А вот через тернии — к звёздам или не жизнь, а мыло. Идущий отстаёт от бегущих.

Что нужно знать начинающему веб-дизайнеру?

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

Вы хотите создать свой собственный и неповторимый сайт или стать создателем хороших веб-сайтов для заказчиков?

Чтобы стать специалистом в этой области, необходимо знать какими навыками должен обладать хороший веб-дизайнер.

Мы дадим вам определённый список важнейших навыков, которые необходимо освоить.

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

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

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

Изучение поисковых систем, электронный маркетинг, а также реклама – это все части комплексного маркетинга веб-сайта.

Следующим аспектом является позиционирование и брендинг.

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

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

Не стоит пугаться. Сложное слово «брендинг» является достаточно простой задачей.

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

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

И к этому нужно стремиться хорошему специалисту.

Важным моментом является генерация трафика.

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

Построение веб-сайта, его стандарты производства и контент будут либо привлекательны для пользователей, либо не интересны. Все это отражается на способности привлечь трафик. Если ваш сайт привлечет 99% кликов, то ему обеспечена первая страница по результатам поиска. И это одна из первостепенных задач, которую в первую очередь нужно поставить перед собой. Самый лучший вариант – это создать сайт с нуля, дать ему направление на нужный определённый рынок и наилучшим образом оптимизировать его для поисковых систем. Вот это первая задача веб-дизайнера. Именно такой специалист, который знает как правильно начать и сделать сайт, всегда будет привлекателен для заказчиков.

Так же, при создании веб-дизайна стоит обратить внимание на такое понятие, как «информационная архитектура».

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

Дизайн графический.

Использование изображений, гамма цветов, макеты страниц, иконография, топография – все это графический дизайн. И это очень важный аспект. Очень часто пользователи именно это называют «веб-дизайном». Хотя понятие «графический дизайн» значительно уже.

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

Так и понятие «производство» должен понимать и учитывать каждый веб-дизайнер.

Превращение веб-страниц в рабочий веб-сайт, графического дизайна в живой – вот что значит «производство». Оно включает в себя HTML (для структуры и контента), CSS (для визуального стиля). Это также очень важные составляющие создания веб-дизайна.

Новые грандиозные возможности для хорошего специалиста открывают знания к построению веб-страниц.

И ещё очень важный фактор качественного продукта веб-дизайна – это доступность. Чем больше процент аудитории, которая имеет возможность использовать ваш сайт, тем больше сайт и будет использоваться фактически.

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

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

Что должен уметь веб-дизайнер? Главные навыки веб-дизайнера

Вокруг профессии веб дизайнера ходит много мифов. Давайте я расскажу вам про 8 базовых навыков веб-дизайнера.

Что должен уметь веб-дизайнер? Не нужно знать и уметь абсолютно все. Уроков по веб-дизайну очень много, и очень сложно выбрать или понять, что важно сейчас изучить (то, что пригодится именно в данный момент), а что — просто пустая трата времени и на что свое время тратить совершенно необязательно.

Вообще, что нужно знать знать веб-дизайнеру? Как создавать сайты и как находить клиентов 🙂 (рис.1)

Рис.1 Что должен уметь делать веб-дизайнер ( 8 базовых талантов веб-дизайнера, 10 способов найти клиентов на веб-дизайн)

8 навыков веб-дизайнера

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

1. Работа Photoshop ( или Sketch)
2. Понимать смысл сайта
3. Делать прототип и расставлять  акценты
4. Дизайн: цвет
5. Дизайн: шрифты
6. Дизайн: картинки
7. Magic
8. Profit

Что можно не уметь веб-дизайнеру:

1. Рисовать. На начальном этапе абсолютно не важен этот навык.
2. Html/css. Также нет необходимости тратить на это время на начальном этапе.
   
   1. Что нужно знать веб-дизайнеру про Photoshop

Если мы говорим про графическую программу, то у меня есть замечательное  видео «Дизайн сайта в Photoshop с нуля за 60 минут». Посмотрите его. Это все, что нужно знать веб дизайнеру про работу в Photoshop. (рис.2)

Рис.2 Дизайн сайта в Photoshop с нуля за 60 минут

Кстати, рекомендую посмотреть прямо сейчас:

2. Что должен уметь веб-дизайнер при упаковке смыслов

Что еще должен уметь веб-дизайнер? Ему необходим навык упаковки смыслов. Сайт — это рассказ. Блок сайта — это какой-то определенный смысл, например, короткое предложение. И чтобы сделать хороший сайт, нужно определиться, что вы хотите рассказать и какие смыслы до человека донести. В веб-дизайне навыки по выделению смыслов обязательны.

Если бы у этой статьи был сайт, то смыслы были вот такие (рис.3):

Рис.3 Смыслы

3. Веб-дизайн: что нужно знать об иерархии

Хорошо, вот мы смыслы выделили и сформулировали. Что еще нужно, чтобы стать веб дизайнером? Правильно их расположить на сайте.

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

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

Рис.4 Иерархия

4. Что нужно, чтобы стать веб-дизайнером? Знать типографику!

Что еще нужно уметь веб-дизайнеру, так это выбирать шрифты для сайта. Есть классические шрифты (Helvetica, Arial, Tahoma), которые нормально отображаются на всех страницах. Есть кастомные шрифты, Google font. Так называемые «подгружаемые шрифты». Это шрифты, которых нет на компьютерах и их можно подключить через Google.

На первом этапе, на самом деле, не стоит сильно «играться» в шрифты. Достаточно выбрать какой-то классический (один). Чем хороши классические шрифты? Они проверены временем. Не стоит гнаться за какой-то новизной, лучше возьмите, то что уже работает. И с этого начните свой путь. Тем более, что навыки веб-дизайнера шрифтами не ограничиваются.

Если говорить о конкретных шрифтах, то лично я люблю Proxima Nova. Я выбрал его. Я выделил заголовок пожирнее, еще немножко акцентов добавилось (рис.5).

Рис.5 Иерархия (Proxima Nova)

5. Навыки веб-дизайнера: как подбирать графику?

Многие думают, что для того, чтобы стать веб-дизайнером, просто необходимо уметь создавать графику самому.
Это не так. На начальном этапе графику я бы вообще делегировал на стоки. Если я что-то сделать не могу, то проще взять какого-то человека, который в этом хорошо разбирается. То есть если я не умею рисовать, допустим иконки, то я лучше пойду на сток и найду там хорошие иконки. Если я вообще не рисую иконки, то я лучше доверюсь дизайнеру, который рисует эти иконки 5-10 лет и у него или скачаю (если они в бесплатном доступе), или куплю. И тогда проект получается качественным. В общем на этом этапе мы подбираем какую-то графику, подбираем картинки,например, на стоках (рис.6). Поверьте, умение рисовать — вообще не основной навык в веб-дизайне.

Рис.6 Иерархия с добавлением графики

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

Главное, что должен знать веб-дизайнер о работе с цветом: цвета можно брать из кулера. Сайт Adobe-kuler (https://color.adobe.com/ru/create/color-wheel/). Там есть уже гармонично подобранные цветовые палитры. Либо можем брать уже готовую палитру с другого сайта и смотреть, чтобы у нас эти цвета гармонично сочетались. Опять же не сильно углубляясь с теорию цвета (теплые/холодные оттенки), вот эти два способа самые простые и рабочие. То есть если вы будете изучать цвет, вам понадобится гораздо больше времени, чтобы сделать осознанный качественный выбор цвета. Если вы идете на сайт Kuler и берете готовую хорошую палитру или идете на какой-то другой сайт, который уже хорошо сделан и заимствуете от туда цвета – это быстрый путь и это работает (рис.7).

Рис.7 Иерархия с добавлением цвета

7. Самое главное, что должен уметь веб-дизайнер

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

Рис.8 Магия

И в совокупности магия – это ваш опыт. Опыт не столько дизайна, а вообще насколько широк ваш кругозор. Вы можете какие-то вещи из совершенно не дизайнерских отраслей брать и это будет на вас влиять. Это будет та самая магия, которую пользователь не заметит, но почувствует. Поэтому что реально нужно, чтобы стать веб-дизайнером? Широкий кругозор!

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

Рис.9 Сайт National Geographic

Еще один пример, смотрим видео (рис.10).

Рис.10 Welcome to reimagination

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

8. Как получить profit от своих навыков веб-дизайнера?

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

Я выделил такие пункты:

1. Не работать дешево

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

 2. Брать предоплату

Веб-дизайнеру нужно уметь брать предоплату. Всегда. Не стоит так: «мы сейчас начнем, а заплатим потом». Когда дизайнер делает что-то без предоплаты, то это признак того, что скорей всего у дизайнера это первый проект. И это опять же знак для клиентов, что дизайнер – новичок.

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

3. Повышать качество и стоимость.

И не нужно нам сейчас все знать, много изучать, тратить время на лишние. Нужно не подтягивать недостатки, а усиливать основное преимущество. Стоит выбрать одно направление и его усиливать. Если мы выбираем направление веб-дизайн, то не стоит изучать html, логотипы, фирменные стили, иконки. Стоит сфокусироваться на создании хороших, качественных сайтов (рис.11). Это основной навык веб-дизайнера и то, что нужно уметь.

Рис.11 Основное преимущество

Это как в играх. Это скриншот из World of Warcraft (рис.12). У каждого персонажа есть дерево талантов и с опытом, со временем у вас появляются очки, которые вы можете на каждый талант потратить. Чем  вы глубже идете по этому дереву талантов, тем круче у вас появляются навыки.

Рис.12 Скриншот из World of Warcraft

Что будет, если вы вкладываетесь и сюда, и сюда? Например, вы средненько делаете фирменные стили, логотипы, средненько верстаете, все средненько —  так вы никогда не сможете нормально зарабатывать, распыляясь. Если вы прокачиваете один уровень, вы быстро пополняете навыки, вы пополняете свое портфолио и выглядите просто дороже.

Дальше, когда вы уже поняли, что где-то вот оно «ок»,то можно наращивать остальные части ( всегда можно прокачаться по html/css, посмотреть как это все работает, плакатик попробовать нарисовать и т.д. ) . Но только когда вы дошли до супер скила, то вы начинаете какие-то дополнительные скилы вкладывать. У дизайнера тоже самое. Для работы в web дизайне не нужно знать html, это дополнительная опция.

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

советы, основанные на личном опыте

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

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

О профессии

Чтобы вам стало понятнее, как именно проходит процесс дизайна, давайте рассмотрим его на самой простой схеме: дизайнер–клиент. Этапы:

1. Общение с клиентом: к вам обращаются с запросом сделать сайт. Вы делите ваше общение на три основных части:
   
   • финансовая: как будет производиться оплата, предоплата/постоплата, выбор платежной системы, почасовая оплата или фиксированная сумма и т.д.
   • техническая: выбор графического редактора (определяет какой исходный файл вы передадите, после окончания работы), тех.требования от верстальщика/программиста, адаптивный дизайн под разные устройства (десктоп, планшет и смартфон) и т.д.
   • смысловая, она же главная: знакомство с клиентом и его делом, основная проблема и цель, которую решает сайт, техническое задание от самого клиента (выбор структуры сайта, визуальных составляющих), ограничения, сайты-примеры и т.д.
2. Оценка: после переговоров, вы оцениваете объём работ в часах, получая при этом точную или примерную стоимость.
3. Работа на бумаге: важный этап не только для новичков, но и для уже опытных дизайнеров. С помощью карандаша и бумаги можно схематически накинуть основные блоки/страницы сайта. Это делает следующий шаг более быстрым.
4. Работа в графическом редакторе: вы полностью отрисовываете сайт с помощью инструментов выбранной вами программы.
5. Правки: бывают почти всегда, это нормально и этого не следует боятся. Клиент может попросить как поправить определенные детали макета, так и переделать полностью некоторые блоки или страницы.
6. Утверждение дизайна, получение оплаты, отправка исходных файлов.

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

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

Обучение на курсах

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

Курсы можно разделить на онлайн и оффлайн. Разница конечно же есть, для людей, у которых нет паралельной работы я советую выбирать оффлайн курсы. Почему:

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

У онлайн-курсов есть свои преимущества:

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

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

Как выбрать курс?

1. Обращайте внимание на требования
   Не пренебрегайте информацией о курсе, все условия должны подходить на 100%. Это касается ваших входящих знаний и определенных навыков. Например, если в условиях написано что вы должны владеть программой Photoshop, то будьте готовы выучить ее до старта курса. Или если среди необходимых навыков указано базовое умение рисовать, то вы должны уметь делать это. Также курсы могут быть разбиты по уровням: для новичков или уже практикующих дизайнеров.
2. Репутация
   Посмотрите отзывы о школе и преподавателе в инете, попросите совет и мнение у знакомых действующих дизайнеров. Также важно посмотреть работы преподавателя, попытаться оценить общий стиль, успешность проектов. Я не советую выбирать слишком знаменитого или занятого на нескольких других работах преподавателя. У такого человека минимум времени, а помимо уроков он вовсе недоступен.
3. Продолжительность
   Адекватные курсы по веб-дизайну должны длиться от трех до шести месяцев. За это время можно освоить базовые основы, которые положат начало вашей карьеры в этой сфере. Если меньше – вы просто не успеете усвоить материал и провести достаточное количество практических занятий. Если больше – на вас пытаются заработать, умышленно растягивая занятия.
4. Цена
   В 2017 году курсы обошлись мне в $500. Вам следует учитывать, что я проживаю не в мегаполисе, а в обычном городе Украины. На данный момент, оправданной ценой за курс будет сумма от $300 до $1 000. В остальных случаях, вы будете переплачивать либо за продолжительность, либо за «громкое имя» школы или преподавателя, которое может ничего не дать на практике.
5. Программа обучения
   Программа курса обязательно должна быть в открытом доступе, чтобы вы могли оценить, какие реальные знания вы сможете получить во время учебы. Кроме того, оценить уровень подготовки и соотношение теории и практики. Именно во время выполнения домашних заданий и практических уроков вы будете получать необходимые для работы навыки.

Онлайн уроки

Мы живем в очень крутое время, когда на ютубе можно найти видео практически на любую тему. Есть невероятное количество хороших каналов, на которых бесплатные видео-уроки помогают ознакомиться со сферой дизайна и IT, получить необходимые скилы практически во всех графических редакторах. Советую начать с Figma или Sketch (если у вас Mac), освоить Adobe Photoshop и базовые знания по Adobe Illustrator. Этого будет достаточно чтобы приступить к обучению веб-дизайну.

Тайм-менеджмент на минималках

Решила отдельно остановиться на теме управления своим временем. Именно постоянная нехватка времени, неумение правильно спланировать свою загрузку по днях и элементарная лень, не позволила 70% моих дизайн-однокурсников начать работу в этой профессии. Конечно же, среди них были и такие, кто понял, что данная сфера не его формат. Но большинству просто не хватило терпения и упорства, чтобы достичь своих целей.

Мои советы начинающим веб-дизайнерам:

1. Ищите возможности, а не отмазки
   Сколько раз я слышала от всех: “Я не успел, у меня на работе завал”, “Я не сделала, потому что воспитываю ребенка, а это знаете нелегко”, “Я не сделал, сейчас тяжелый период”. Зачем же тогда вообще было идти на курсы? Если вы на 100% не уверены, что сможете посвящать этому занятию хотя бы 2 часа в день, даже не начинайте.
2. Четкие временные рамки
   Возьмите себе за правило, что к примеру три раза в неделю, во вторник, четверг и субботу, с 18:00 до 20:00 вы занимаетесь веб-дизайном. И отводите на это следующих три месяца. Никто и ничто в эти два часа не должны отвлекать вас от этого занятия, а перенос возможен только по экстренным причинам. Относитесь к этому сразу же как к работе, а не как к чему-то не серьезному.
3. Телефон и еда – в сторону
   Перед занятиями обязательно покушайте, решите все свои дела и отложите телефон, а лучше переведите его в авиарежим. Вас ничего не должно отвлекать. Все мы знаем как мало можно успеть, постоянно просиживая в социальных сетях или отписывая друзьям в мессенджере. Это же касается и окружающей обстановки, если мы говорим о самостоятельном обучении — лучше всего оно дается в одиночестве.
4. План для каждого занятия
   Перед началом самостоятельного обучения накидайте себе план. Чем подробнее он будет, тем лучше. Например с ссылками на видео и статьи. Если же это домашнее задание, старайтесь сделать его как можно лучше. Когда я ходила на курсы, всегда старалась сделать больше, чем мне задали, найти какую-то интересную идею или поработать над деталями.
5. Борьба с ленью
   Лень очень коварна, она готова прийти к нам в любую минуту. А наша задача гнать ее всеми силами и методами. Запомните одно: “детать через силу” – это нормально. Это совсем не означает, что это занятие – не ваше. Наш мозг к сожалению нацелен экономить энергию, а обучение требует огромное ее количество. Именно поэтому нам так тяжело учиться, запоминать и использовать навыки впервые.

Итоги: 5 маст-хев и вы теперь Junior Designer

1. Понимать основную цель работы дизайнера – помощь людям в решении проблемы, а никак не творчество ради творчества.
2. Знать основные графические редакторы (Figma, Sketch, Photoshop, Illustrator…) и уметь пользоваться их инструментами.
3. Знание теории веб-дизайна: UX/UI, типографика и сетки, теория цвета, композиция и организация сайтов и интерфейсов, тренды.
4. Общие знания верстки: HTML и CSS и понимание работы сайтов и приложений.
5. Первые работы в портфолио.

UX/UI чеклист

Недавно я написала расширенный список тем, которые должен знать начинающий UX/UI дизайнер. Сюда же входит и веб-дизайн. Кроме самого списка я пишу уроки по указанным темам, поэтому это может послужить замечательным подспорьем для начинающих. Именно такой вижимки необходимой информации мне не хватало, когда я начинала. Поэтому настоятельно рекомендую к ознакомлению!

Подписывайтесь на меня в Instagram – @frusia.pro – будьте в курсе анонсов новых уроков, смотрите проверки домашек в сторис, задавайте вопросы, а также вас ждет множество полезных постов про дизайн.

---

Веб дизайн Обучение дизайну

Октябрь 2019 Просмотры: 1663

Что ещё почитать

Что нужно знать начинающему UX/UI дизайнеру. Полный список. Roadmap

Основы Figma. Часть 2. Группы. Работа с слоями. Пипетка. Импорт изображений. Делимся проектом

Дизайн. Интерфейс. UX и UI

Ежедневные задачи UX/UI дизайнера. Программы для дизайна

Основы Figma. Часть 1. Регистрация. Интерфейс. Первые шаги. Навигация и свойства объектов

Основы Figma. Часть 3. Фреймы. Сетки. Направляющие. Знакомство с компонентами

Оставьте комментарий

Как начать бизнес веб-дизайна

Зарабатывайте на создании веб-сайтов.

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

Как начать бизнес веб-дизайна

1. Настройте рабочую среду
2. Создайте команду поддержки
3. Определитесь с вашими продуктами и услугами
4. Назовите свою веб-дизайнерскую компанию
5. Напишите свой бизнес-план
6. Адрес юридические и административные требования
7. Создавайте свои предложения и шаблоны договоров
8. Формализовать управление проектами и коммуникацию
9. Создайте процесс запуска клиентского сайта
10. Создайте свой бренд
11. Расширьте свое присутствие в Интернете
12. Найдите своих первых клиентов

Приступим!

Примечание редактора: Начинаете заниматься веб-дизайном? Присоединяйтесь к GoDaddy Pro , чтобы безопасно управлять всеми своими клиентскими сайтами и учетными записями GoDaddy с единой панели управления. Зарегистрируйтесь бесплатно.

1. Настройте рабочую среду

Приготовьтесь начать свой собственный бизнес в области веб-дизайна, настроив свою рабочую среду.

Создайте свое собственное рабочее пространство, которое обеспечит баланс между работой и личной жизнью

Предприниматели знают, что борьба за баланс между работой и личной жизнью реальна.

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

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

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

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

Связанный: Разделение личного и профессионального

Знайте свой план действий в чрезвычайных ситуациях

Перебои в электроснабжении или отключении интернета — это серьезная проблема для тех, кто работает дома.

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

Место нахождения:

• Две-три местных кофейни на разном расстоянии, так как сбой в электроснабжении может распространиться за пределы вашего района
• Ближайшая библиотека (подтвердить дни / часы работы)
• Коворкинг (подтвердить дни / часы работы и плату)

Инвестируйте в надежное и функциональное оборудование и программное обеспечение

Вы профессионал в области Интернета, поэтому очень важно выбрать правильные инструменты для создания графики, изменения фотографий и документирования своей работы:

• Купите лучший компьютер, который вы можете себе позволить.Купите внешний монитор, принтер и сканер.
• Если вы собираетесь делать фотографии для использования на веб-сайтах клиентов, подумайте о покупке специальной камеры.
• Знайте, как вы будете продолжать работать в случае компьютерной катастрофы, например, сохраните второй компьютер для резервного копирования.
• Определите, какое программное обеспечение вам понадобится. Если вы не уверены, многие предлагают 30-дневные бесплатные пробные версии. Первым кандидатом в вашем списке должен быть Adobe Creative Cloud.
• Для услуг по подписке выясните, какой уровень плана вам нужен.Например, GoDaddy Pro Sites предлагает набор специальных функций для управления большими группами сайтов.
• Не забывайте о текущих расходах на другие облачные приложения, такие как программное обеспечение для бухгалтерского учета, видеозвонки и удаленный доступ к компьютеру.

Связанный: 90 основных инструментов для дизайнеров и разработчиков WordPress

Иметь надежную стратегию резервного копирования

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

Выберите удаленное резервное копирование файлов в OneDrive, Google Drive, Dropbox или другого поставщика.

Определите, требуется ли вам полное резервное копирование компьютера на внешний сервер, и если да, добавьте это в свой бюджет на оборудование.

При выборе техники помните о простоте и масштабе

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

Упрощенные рабочие процессы. Ищите инструменты, которые минимизируют количество шагов на задачу.

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

Успешное масштабирование. Чем более вы успешны, тем больше проектов вам нужно будет управлять.

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

Финансовая ответственность

С самого начала внимательно относитесь к ведению бухгалтерского учета и информации о клиентах.

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

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

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

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

Насчет налогов? Рассмотрите возможность долгосрочных отношений с налоговым специалистом, который может обрабатывать налоги, а также отвечать на вопросы финансовой системы.

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

Связано: Лучшие варианты программного обеспечения для выставления счетов для малого бизнеса

Точно знайте, как вам будут платить

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

Определите процессы и политики выставления счетов, включая создание счетов, доставку и сроки выполнения относительно дат выставления счетов.

Уточните, как вы будете принимать платежи, включая чеки, кредитные карты и такие онлайн-системы, как PayPal или Stripe.

Установите ожидания в отношении депозитов, штрафов за просрочку платежей и последствий неоплаты счетов.

Знайте, как вы заплатите сами. Будете ли вы получать фиксированную зарплату по регулярному графику или асинхронные выплаты в зависимости от дохода?

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

Совет для профессионалов: Внедрите процессы и политики, чтобы гарантировать своевременную оплату счетов.

Вернуться к началу

2. Создайте команду поддержки

Теперь, когда у вас есть исходное пространство, процессы и инструменты, пора окружить себя сообществом для поддержки.

Найдите своих взглядов

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

Ищите местные встречи или другие сетевые группы фрилансеров и веб-профессионалов, например встречи для пользователей, дизайнеров и разработчиков WordPress.

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

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

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

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

Работа с наставником

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

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

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

Связанный: Важность женского наставничества в технологической индустрии

Соберите свою звездную расширенную команду

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

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

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

Связано: Налаживание стратегических партнерских отношений для развития вашего бизнеса

Подумайте, как и когда можно передать

на аутсорсинг

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

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

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

Вернуться к началу

3. Определитесь с продуктами и услугами

Определите свои услуги, произведите их и установите цену для ежемесячного регулярного дохода.

Уточните свои предложения услуг

Например, вы можете предложить одно или все из следующего:

Вы также можете предложить дополнительные услуги, например:

• Управляемый веб-хостинг
• Создание контента
• SEO
• Управление социальными сетями
• Интернет-реклама
• Электронный маркетинг

Связанный: Как продать услугу по созданию контента, чтобы получать постоянный доход

«Производите» свои услуги для получения регулярного дохода

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

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

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

Вы точно определяете, что вы делаете, какова ценность и сколько это стоит каждый месяц.

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

Деньги приходят автоматически каждый месяц, и вам не нужно постоянно находиться в режиме продажи.

Связано: Модель периодического дохода для веб-дизайнеров и разработчиков

Цена доходной

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

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

Помните:

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

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

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

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

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

Вам необходимо покрыть расходы на развитие бизнеса или поиск дополнительной работы.

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

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

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

Если клиенты не платят за всю эту деятельность, значит, платите вы.

Вернуться к началу

4. Назовите свою веб-дизайнерскую компанию

«Мне нужно было выбрать название компании, и я решил использовать свои инициалы в двух отраслях, в которых, как мне казалось, будет возникать большая часть моих услуг, — KR Media & Designs.”
~ Кристина Ромеро, веб-разработчик и владелец бизнеса

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

Учитывайте свои долгосрочные бизнес-цели при принятии решения о том, использовать ли «фирменное» имя (Web Awesome Agency of Washington) или ваше личное имя (John Doe Design).

Вы видите, что переходите в агентство или остаетесь фрилансером и развиваете свой личный бренд? Будут ли потенциальные клиенты рассматривать вас как «просто фрилансера» и ожидать более низких ставок по сравнению с профессионализмом, который подразумевает название / структура агентства?

Считаете ли вы веб-сервисы конечной целью или вы хотите использовать их, чтобы поднять личный бренд в другую область, такую ​​как публичные выступления, обучение или написание книг?

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

Вы на 100% уверены в предлагаемых услугах? В противном случае не указывайте конкретное название своей компании.

Вкратце, вот когда использовать название компании:

• Вы видите, что переходите от фрилансера-одиночки к агентству.
• Вы меняете профессию и вам нужно создать торговую марку, отличную от вашего личного имени.
• Вы создаете юридическое лицо, такое как LLC или S-Corp (если находитесь в США), и хотите защитить свою личность и дистанцироваться от нее.

А когда использовать свое личное имя:

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

По теме: 10 советов по названию бизнеса

Примите меры и зарегистрируйте свой домен

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

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

По теме: Как купить доменное имя

Вернуться к началу

5. Напишите свой бизнес-план

Ваш бизнес-план должен:

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

Не нужно начинать с нуля. Вот пять отличных шаблонов бизнес-планов.

Совет от профессионалов: Попробуйте использовать одностраничный шаблон Lean Canvas для создания бизнес-плана.

Относитесь к созданию бизнеса как к проекту

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

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

Многие используют диаграмму, называемую холстом бизнес-модели, чтобы показать, как компания будет создавать ценность для себя и своих клиентов. На холсте визуально представлена ​​ваша бизнес-модель, ключевые особенности, размер рынка и т. Д.

Насколько велик ваш потенциальный рынок сбыта? Используйте такие инструменты, как Google Trends и Facebook, чтобы оценить рыночный потенциал. Если вы ориентируетесь на географические регионы, проверьте общедоступные источники данных, такие как местные торговые палаты и корпорации экономического развития.

Вернуться к началу

6. Выполните юридические и административные требования

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

Подтвердите свой фирменный стиль

Решите, будете ли вы действовать как индивидуальный предприниматель, LLC или корпорация. Рассмотрите возможность привлечения юриста, который поможет вам с оформлением необходимых документов, и / или использования онлайн-сервиса, такого как LegalZoom.

Получить лицензию

Посетите веб-сайт правительства своего города, чтобы определить местные требования к лицензированию бизнеса, разрешениям и фиктивному имени или регистрации DBA («Doing Business As»).

Получить страховку

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

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

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

Преимущества плана

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

Можно ли получить медицинскую страховку супруга или партнера? А как насчет настройки пенсионного счета?

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

• Укажите, будете ли вы получать медицинские / стоматологические льготы через трудовое пособие другого члена семьи, групповую принадлежность (например, членство в профессиональной организации) или независимые закупки.
• Планируйте пенсионные взносы через свой бизнес или другими способами.
• Определите вашу политику отпуска / отпуска.
• Знайте, как вы сообщите клиентам о свободном времени.
• Составьте план на случай непредвиденных обстоятельств, если ваши услуги потребуются в запланированное время.

Ace повседневные задачи

Устанавливайте и укрепляйте границы, применяйте передовые методы управления временем и повышайте свою продуктивность, настраивая инструменты и системы.

• Выберите приложение со списком дел, например Teux Deux или Todoist.
• Настройте систему для отслеживания времени и задач для каждого клиента.
• Имейте процесс для переноса информации ежедневного отслеживания в формат счета или отчета.

Определите ключевые задачи, которые выиграют от последовательного выполнения.Настройте процессы, контрольные списки и стратегии организации для:

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

Создать шаблоны для:

• Предложения
• Контрактов
• электронных писем «Давайте приступим», в которых излагаются первоначальные потребности клиентов при запуске новых проектов
• Обычные электронные письма, например, с объявлением о запланированном отпуске

Связано: Как создать систему управления клиентами

Вернуться к началу

7.Создайте шаблоны предложений и контрактов

Выполните предварительные работы, чтобы убедиться, что клиент подходит.

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

Эта предварительная работа включает в себя разведку с вашей стороны: есть ли существующий сайт? Где это размещено? Этична ли их бизнес-модель?

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

Начать переговоры с предварительной калькуляции

Большинство проектов начинается со спекулятивной предварительной документации, которая инициирует обсуждение стоимости проекта — в идеале, ведущее к более официальному контракту.

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

Котировки являются более формальными, с фиксированной ценой, ограниченной действительными временными рамками.

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

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

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

Связано: 14 ошибок в оценке проекта, которые допускают фрилансеры, и способы их исправления

Создайте договор, защищающий как вас, так и ваших клиентов

Контракт на веб-дизайн защищает вас, ваше время, вашу прибыль и ваше здравомыслие.

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

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

Не существует универсального решения, и соглашение о веб-разработке, подходящее для вас, не будет подходящим для других.Контракты важны в:

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

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

Связанный: Как создать контракт на веб-дизайн, который превращает новых клиентов в постоянных клиентов

Вернуться к началу

8.Формализовать управление проектами и коммуникацию

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

Формализовать управление проектами

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

Инструментов много

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

Наладить процесс приема / адаптации новых клиентов

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

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

Одержимо отслеживать время

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

Запросы на изменение управления

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

Имейте способ задокументировать запрос на изменение и убедиться, что они знают, что это чего-то стоит.

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

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

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

Именно здесь вступает в игру концепция интерактивных прототипов.

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

Вернуться к началу

9. Наладить комплексный процесс запуска клиентского сайта

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

• SEO и аналитика
• Подключение к каналам социальных сетей
• Проверка HTML и CSS
• Доступность
• Кроссбраузерность и тестирование устройств
• Тестирование всей функциональности
• Тестирование подачи формы
• Оптимизация изображений / JavaScript / CSS
• Безопасность
• Шрифтов
• 301 редирект
• Проверка Google
• CDN
• 404 стр.
• CMS актуальная
• Актуальные темы и плагины
• Наличие расписания ежедневного и еженедельного резервного копирования

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

• Удовлетворены ли мы тем, что веб-сайт поможет нам достичь наших целей SMART?
• Четко ли указано на веб-сайте, что мы делаем и для кого?
• Содержит ли веб-сайт четкие призывы к действию?
• Готовы ли мы получать и читать отчеты Google Analytics?
• Есть ли у нас календарь содержания на следующие 12 месяцев?
• Есть ли у нас ресурсы для продвижения нашего сайта через социальные сети?
• Готовы ли мы принимать входящие запросы из форм сайта?
• Используем ли мы чат, и если да, готов ли кто-нибудь его отслеживать?
• Используется ли наш код отслеживания при проведении рекламных кампаний?
• Наш поставщик услуг электронного маркетинга подключен и готов к захвату адресов электронной почты?
• Готовы ли к запуску наши кампании по автоматизации электронного маркетинга?
• Обучены ли мы пользоваться системой управления контентом?
• Подписались ли мы на план обслуживания, и если нет, кто будет поддерживать веб-сайт в будущем?

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

Связано: Как запустить и передать веб-сайт

Запросить социальное доказательство

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

Получение хороших отзывов — это предоставление ценности до того, как вы спросите, а затем своевременность вашего запроса.

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

Связанный: Как запросить отзывы и обзоры у ваших клиентов

Вернуться к началу

10. Создайте свой бренд, чтобы рассказать свою захватывающую историю

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

Пусть ваш «голос» представляет ваши ценности, ваши сильные стороны, ваш стиль.

Молодой и модный или зрелый и опытный? Серьезный или капризный? Роскошный сервис или экономичная альтернатива?

Ваш бренд уникален, поэтому расскажите убедительную историю, которая заставит клиентов захотеть нанять вас, а не ваших конкурентов. Определите свое уникальное торговое предложение (УТП), чтобы получить готовые ответы на следующие вопросы:

• Почему я должен нанять вас, а не вашего конкурента?
• Что делает ваше решение лучшим?
• Почему я должен нанимать фрилансера-одиночки вместо агентства?

Связано: Create It — Расширение вашего присутствия, бренда и продукта

Создание маркетингового обеспечения

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

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

Вернуться к началу

11. Расширьте свое присутствие в Интернете

Вы гордитесь своей работой — пора продемонстрировать ее миру с помощью веб-сайта и социальных сетей, которые привлекают ваших идеальных клиентов!

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

Создайте сайт для своего нового бизнеса

Создайте автомобиль, который демонстрирует вашу работу, демонстрирует ваши продукты / услуги, демонстрирует ценность, которую вы предоставляете, и покрывает вашу политику.

Ничто не расскажет вашу историю лучше, чем портфолио выполненных работ.

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

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

На вашем сайте должно быть как минимум:

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

Связанный: 5 советов для убийственного портфолио WordPress

Установите связи в социальных сетях

Настройте учетные записи в социальных сетях и подумайте, хотите ли вы, чтобы бизнес-профили были отделены от ваших личных профилей.

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

Связанный: Как требовать обработки социальных сетей

Привлекайте клиентов на свой сайт

Для привлечения потенциальных клиентов на ваш сайт требуется маркетинговая стратегия.

Используйте такие инструменты, как Google AdWords, реклама в Facebook и электронный маркетинг GoDaddy, чтобы повысить осведомленность о своем бизнесе и продуктах.

Связанный: Привлечение потенциальных клиентов для предприятий веб-дизайна

Вернуться к началу

12.Найдите своих первых клиентов

Фокус на нише

Вы не хотите, чтобы вас называли обычным «веб-дизайнером».

Чтобы продемонстрировать свой опыт, рассмотрите возможность специализации, будь то на основе типов клиентов, которых вы принимаете, или типов проектов, которые вы выполняете.

Специализации

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

Ваша золотая середина — это сочетание ваших навыков и увлечений.

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

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

Знайте свою аудиторию

После того, как вы определили свою золотую середину, спросите себя: «Кому больше всего выгодно работать со мной, когда я делаю свою лучшую работу?»

Удовлетворение потребностей клиентов имеет решающее значение для успеха бизнеса в области веб-дизайна.

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

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

Связано: Что включать в профиль клиента

Стратегия поиска клиентов

Вы можете спросить: «Как мне найти новых клиентов?» как будто они прячутся. На самом деле клиенты от нас не прячутся; они ждут, чтобы их обслужили. Хитрость в том, чтобы их найти.

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

Советы, которые помогут найти клиентов:

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

Продумайте способы найти, встретить и высадить этих людей.

Готовность к разговору означает, что вы готовы к встрече с потенциальными клиентами в неожиданных местах, включая тренажерный зал, Starbucks или на концерте.

• Определите, как и где вы найдете потенциальных клиентов и познакомитесь с ними.
• Всегда носите с собой визитные карточки.
• Разработайте рекламную стратегию.
• Создайте свой лифт.
• Иметь готовый ответ на запросы о скидках, например, от некоммерческих организаций, друзей и родственников.
• Определите, заслуживают ли рефералы компенсации, например знакового благодарственного подарка или кредита на будущую работу.

Связанный: Исчерпывающее руководство по поиску идеальных клиентов

Вернуться к началу

Вы готовы начать бизнес в области веб-дизайна?

Рассмотрение плюсов и минусов создания компании по веб-дизайну — правильный шаг для вас.

Преимущества

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

Связанный: 17 типов клиентов, с которыми имеет дело каждый веб-дизайнер

Вызовы

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

Связано: 11 тенденций веб-дизайна, на которые стоит обратить внимание в 2019 году

Еще не бросай работу!

Никто не становится успешным веб-дизайнером в одночасье.

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

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

Эти навыки не приобретаются на онлайн-курсах или в школе быстрого программирования; они учатся на практике с течением времени.

Как вы можете начать получать этот опыт сейчас, даже если вы только начинаете заниматься веб-дизайном-фрилансером?

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

По теме: 14 советов для успешного веб-дизайна

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

• Добровольно помогайте организации
• Строительные площадки для друзей и семьи
• Создание собственных сторонних проектов
• Участие в онлайн- и офлайн-сообществах

Связанный: Поиск первого клиента в качестве внештатного веб-специалиста

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

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

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

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

Марк Твен сказал: «Секрет успеха в том, чтобы начать.”

Найдите время, чтобы усвоить все, что здесь описано, изучить статьи по ссылкам, чтобы получить дополнительную информацию, составьте план, выберите отправную точку — и вперед!

Обобщая основные этапы процесса:

1. Если вы определились, что готовы начать бизнес в области веб-дизайна, настройте рабочую среду и создайте команду поддержки.
2. Сосредоточьтесь на бизнес-планировании, составив бизнес-план, решив юридические и административные вопросы, определив свой бренд, определив своих идеальных клиентов и способы связи с ними, а также разъяснив свои продукты и услуги по выгодной цене.
3. Создавайте инфраструктуру и процессы для работы с клиентами, включая предложения, контракты, управление проектами, общение и запуск их нового красивого веб-сайта — разработанного вами!
4. И, наконец, закрепите свое присутствие в Интернете и сообщите миру, что вы готовы к работе.

Что бы ни случилось, лучшее, что вы можете сделать, это всего лишь , чтобы начать работу .

Примечание редактора: Начинаете заниматься веб-дизайном? Присоединяйтесь к GoDaddy Pro , чтобы безопасно управлять всеми своими клиентскими сайтами и учетными записями GoDaddy с единой панели управления. Узнайте больше и зарегистрируйтесь бесплатно.

***

Эта статья включает материалы, изначально опубликованные в блоге GoDaddy следующими авторами: Лиза Стамбо, Кристина Ромеро , Рэнди А. Браун , Аарон Рейманн , Трой Дин и Энди Макилвейн .

---

Эффективно добивайтесь лучших результатов.

Когда вы используете The Hub от GoDaddy Pro, у вас внезапно появляется больше времени, чтобы сосредоточиться на самом важном. Забудьте о жонглировании административными задачами. Рекламируйте свое время и используйте его, чтобы клиенты чувствовали себя центром вашей вселенной.

Бесплатная регистрация

---

Бесплатное виртуальное мероприятие: общайтесь с лидерами мнений

Expand 2021 от GoDaddy — это бесплатное виртуальное мероприятие, которое объединяет сообщество веб-дизайнеров и разработчиков.Вы сможете делиться идеями и опытом, заводить связи и находить поддержку для достижения успеха. Зарегистрируйтесь сегодня и откройте для себя новые способы увеличить количество времени, которое у вас есть.

Бесплатная регистрация

Автор изображения: Кристин Хьюм на Unsplash

Как начать бизнес в области веб-дизайна (всего за 24 часа)

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

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

Кроме, конечно, когда есть…

Я дам вам несколько ярлыков. Здесь и сейчас. (Я уже слышу разочарование в голосе отца. « Разглашение коммерческой тайны ?? », вероятно, говорит он.)

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

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

А теперь моя очередь ответить на просьбу.

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

Это , конечно, может занять больше времени. Но все зависит от вас. (и текущий уровень ваших навыков веб-дизайна)

Как начать бизнес в области веб-дизайна за 13 шагов

Ладно, больше никакой болтовни. Приступим к , работа .

1) Спросите себя: «Почему?»

Нет, серьезно. Спросите себя , почему вы хотите это сделать.

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

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

«У каждого есть план, пока он не получит удар по лицу.”- Майк Тайсон

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

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

2) Найдите свою нишу

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

Потому что это 100% правда.

Это особенно актуально в индустрии веб-дизайна. Веб-дизайн настолько невероятно переполнен . Конкуренция ожесточенная.

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

Сколько раз вы получали телефонный звонок или электронное письмо на ломаном английском из Индии, пытаясь продать вам веб-дизайн? Некоторым это первое, что приходит в голову, когда кто-то начинает говорить с ними о веб-дизайне.

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

Что отличает вас? Почему ты особенный? Что вы, , можете предложить такого, чего не предлагает никто другой?

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

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

Это был мой билет.

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

СВЯЗАННЫЙ: Как я привлек одного из крупнейших руководителей в Канаде в качестве клиента

СОВЕТ ОТ ПРОФЕССИОНАЛА: Я создал первую в мире социальную сеть для веб-дизайнеров в Launchers. Присоединяйтесь к нам, и я помогу вам найти свою нишу! Подпишите здесь.

3) Создайте свой бренд

Вы знаете, как я назвал этот бизнес веб-дизайна, который специализируется на быстром дизайне веб-сайтов?

RapidWebLaunch .

Броский? Нет. Сексуально? Нисколько. Легко вспомнить? Не совсем.

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

Успешный бренд именно так и поступает. Он максимально эффективно передает ваше ценностное предложение.Ваш бренд состоит из таких вещей, как:

1. Логотип
2. Цветовая шкала
3. Слоган / слоган
4. Голосовая связь / обмен сообщениями

Логотип

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

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

Таблица цветов

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

Слоган / слоган

Сделайте это простым, но запоминающимся.

Шахта? ? Быстрый и доступный веб-дизайн. Гарантированно.

Голосовая связь / обмен сообщениями

Может быть, это вас немного сбивает с толку.

Вы должны думать о своем бренде как о личности. Каковы ценности этого человека? Симпатии и антипатии? Сильные и слабые стороны? Стиль речи? Возраст? Пол?

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

4) Зарегистрируйте свое доменное имя

Теперь, когда вы придумали название компании, торговую марку и логотип, пора зарегистрировать свой домен!

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

Существует мириад компаний, у которых вы можете зарегистрировать домен.

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

Тем не менее, в зависимости от инструмента веб-дизайна, который вы решите использовать, они могут вам даже не понадобиться…

5) Выберите подходящий инструмент для дизайна веб-сайтов

Сейчас все становится интереснее.

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

Давайте быстро взглянем на каждого, не так ли?

Weebly

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

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

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

Некоторые снобистские веб-дизайнеры называют Weebly « слишком просто», но все зависит от вашей точки зрения. Моя целевая аудитория — владельцы малого бизнеса, которые хотят быстро и по доступной цене выходить в Интернет. У них мало или совсем нет знаний в области интернет-маркетинга.

Благодаря этому Weebly идеально подошел мне и моему бизнесу.

По крайней мере, на время.

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

СВЯЗАННЫЕ:

WordPress

WordPress — самая популярная платформа для веб-дизайна в мире, и не зря.

Он чрезвычайно универсален и настраивается. Вы можете сделать WordPress тем, чем вам нужно. Этот самый блог работает на WordPress.

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

Если вы собираетесь стать веб-дизайнером, вам стоит в какой-то момент изучить WordPress. А пока используйте более простой инструмент, например Weebly, чтобы получить некоторый опыт.

На данный момент я использую WordPress почти для всех сайтов моих клиентов.

СВЯЗАННЫЙ: Weebly против WordPress: какая платформа веб-дизайна вам подходит?

Shopify

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

Это платформа для веб-дизайна электронной коммерции №1 в мире. Они постоянно внедряют новые продукты и идеи, чтобы упростить продажу товаров в Интернете.

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

Очень рекомендую!

Squarespace

Squarespace рекламировала меня на Facebook, Twitter, YouTube, Instagram, телевидении, радио, рекламных щитах и ​​почти во всех моих любимых подкастах.Их везде .

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

Я рекомендую вам проверить их и узнать, что вы думаете.

Wix

Wix — еще одна популярная платформа для веб-дизайна своими руками. Более простой, чем WordPress, но более продвинутый, чем Weebly, он может похвастаться рядом функций, которых я так жаждал на платформе Weebly.

Но, по моему опыту, скорость загрузки веб-сайтов у Wix очень низкая.Что нужно иметь в виду. Попробуйте сами и дайте мне знать, если я ошибаюсь!

Джимдо

Я не знаю ничего о Джимдо. Честно.

Я знаю, что они — небольшой игрок в мире веб-дизайна своими руками. Вот и все. Считал неправильным не включать их каким-либо образом.

6) Время создавать свой сайт!

Woop woop! Приступим к строительству!

Теперь у вас есть все необходимое для начала работы на собственном веб-сайте.

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

1. Будьте проще. Меньше — больше. Чисто, минималистично, красиво.
2. Ваш сайт ничего без высококачественных изображений и видео. Они должны составлять около 70-80% вашего контента.
3. Всегда думайте о телефоне. Сейчас большая часть трафика идет с мобильных устройств. Убедитесь, что ваш сайт на 100% реагирует на все устройства!
4. Скорость — это все. Убедитесь, что вы сжали все изображения, чтобы они были как можно меньше без ущерба для качества.И не добавляйте слишком много модного кода или раздутых приложений и расширений!
5. Ваш пользовательский опыт должен быть фантастическим. Сделайте кристально чистым , чего вы ожидаете от посетителей. Направьте их по этому пути. Хотите, чтобы они подписались на вашу рассылку новостей? Купить подогреватель чашек ручной работы? Позвоню тебе? Покажи им, как. Если вы этого не сделаете, ваши посетители уйдут так же быстро, как и прибыли.
6. Не делайте ни одной из этих распространенных ошибок веб-дизайна. ????

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

7) Выберите платформу для выставления счетов

Вы ведь любите получать деньги, не так ли?

Вам нужна платформа для выставления счетов, которая:

• Позволяет легко создавать красивые и профессиональные счета-фактуры
• Автоматически отслеживает расходы (в налоговый сезон благодарите)
• Имеет автоматическое регулярное выставление счетов за продукты по подписке
• Может обрабатывать платежи по кредитным картам

Я использую FreshBooks для выставления счетов и Stripe для обработки моей кредитной карты.FreshBooks теперь имеет встроенный обработчик кредитных карт, но у них не было, когда я подписался на них много лет назад. Кроме того, они легко интегрируются с Stripe.

У них тоже есть бесплатная версия. Идеально для начинающих.

СВЯЗАННЫЙ: Мой полный обзор FreshBooks

8) Настройте процессор кредитной карты

Как я уже сказал, я использую Stripe.

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

У вас также будет возможность предварительно авторизовать списание средств с клиентов. Я не приступаю к работе, пока не получу 50% залог.

50% до начала работы, 50% после завершения работы. Отсекает всех отрывочных людей.

9) Продвигайте свой новый блестящий бизнес в области веб-дизайна!

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

Настройте профиль здесь:

• Google Мой бизнес ( решающий )
• Yelp (на самом деле просто как заполнитель)
• Facebook (если вы думаете, что вам нужно… Я лично ненавижу Facebook и теперь удалил его)
• Twitter (раньше был моей любимой социальной сетью, но сейчас он слишком токсичен)
• Pinterest (отлично подходит для блогов)
• YouTube (если вы не снимаете видео, значит, вы сильно отстаете)
• Instagram (я использую его не для бизнес-маркетинга, а скорее как доказательство того, что я практикую то, что проповедую)
• Reddit (может быть очень полезен, если у вас толстая кожа)
• Quora (в основном для идейного лидера)
• Лаунчеры (социальная сеть для веб-дизайнеров!)

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

СВЯЗАННЫЙ: Как получить больше отзывов в Google от ваших клиентов (за один простой шаг)

10) Поиск новых клиентов

Это самая сложная часть работы веб-дизайнера.

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

Ваш самый ценный актив — ВАША сеть

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

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

Теперь, когда я разобрался с этим, вот еще несколько мест, которые могут быть полезны для таких фрилансеров, как вы.

Upwork

Upwork — самая популярная в мире платформа для фрилансеров.В нем немало послов и недоброжелателей.

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

Гуру

Guru похож на Upwork, только меньше. — сказал Нуф.

Карты Google

Хотите быстро найти новых клиентов для веб-дизайна? Выбирайте местный.

Откройте Карты Google, найдите все местные предприятия в вашем районе и посмотрите, есть ли у них веб-сайты.Если они этого не сделают, сходите к ним в гости. Если они это сделают, но это отстой, иди навестить их.

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

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

Craigslist

Это старая школа, но она все еще может работать.

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

Идите туда и начните отвечать на запросы людей. Просто будьте готовы не получать много денег.

СВЯЗАННЫЙ: Как НЕ продавать услуги веб-дизайна (10 ошибок, которых следует избегать)

11) Зацикливайтесь на своем опыте работы с клиентами

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

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

Ничего особенного. слишком мало. Каждое небольшое взаимодействие должно продвигать идею вашего бренда.

Например, вот что видят мои посетители после того, как отправят запрос на расценки:

Он маленький, но более запоминающийся, чем «Спасибо за отправку! Мы скоро свяжемся с вами.”

А вот что происходит, когда посетители моего блога получают страницу 404 в моем блоге:

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

12) Масштабирование и автоматизация агрегата

Автоматизируйте как можно больше задач и процедур. Такие вещи, как:

• Отправка счетов
• Обработка платежей
• Электронная почта
• Свинец
• Управление воронкой

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

На данный момент просто сосредоточьтесь на том, чтобы начать работу и привлечь новых клиентов.

13) Подумайте о дополнительных услугах, которые вы можете предложить

Малому бизнесу нужны веб-сайты. Но что еще нужно малому бизнесу?

Примеров:

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

Я начал предлагать только услуги веб-дизайна. По мере того, как я оттачивал свои навыки, я начал выпускать дополнительные продукты и услуги.Как и перечисленные выше.

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

Я сейчас нахожусь на той стадии, когда у меня есть небольшая команда, которая помогает мне не отставать от спроса. Рост FTW!

СВЯЗАННЫЙ: Как создать РЕАЛЬНЫЙ пассивный доход с помощью вашего бизнеса веб-дизайна

Готовы начать свой собственный бизнес в области веб-дизайна?

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

«Чтобы начать, не обязательно быть великим в чем-то, но нужно начать, чтобы добиться успеха в чем-то». — Зиг Зиглар

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

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

Но это не значит, что работы не нужно делать. Простой в работе — идеальное время, чтобы заняться другими делами.

Не смотря ни на что, просто начало .

СВЯЗАННЫЙ: Позвольте мне разобрать ваши 14 самых серьезных оправданий для того, чтобы не начинать бизнес

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

Если вам нужна помощь, напишите мне по адресу [адрес электронной почты]

Часто задаваемые вопросы

Вот самые частые вопросы, которые я получаю об открытии бизнеса в области веб-дизайна:

Сколько я должен брать за дизайн веб-сайта?

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

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

Будьте готовы поработать несколько раз бесплатно!

Как мне передать веб-сайт клиенту, когда он будет готов?

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

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

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

Когда мне следует поднять цену на дизайн веб-сайта?

Повышение цен — процесс очень постепенный.Нет конкретного числа.

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

Постарайтесь не клянчить дела! В противном случае люди не будут уважать вас.

Как мне предоставить точную расценку на дизайн веб-сайта?

Определите, какая у вас минимальная почасовая ставка, а затем укажите количество часов.Итак, если вы решите, что вам нужно зарабатывать минимум 30 долларов в час, а создание веб-сайта займет около 10 часов, вы можете указать цену в 300 долларов.

Есть много способов цитировать, но я так делаю.

Какие навыки мне нужно знать, чтобы стать веб-дизайнером?

Мне так часто задают этот вопрос, что я написал об этом целую запись в блоге. Прочтите здесь: Хотите стать веб-дизайнером? Тогда вам нужно иметь эти 10 навыков

Должен ли я зарегистрировать доменное имя моего клиента самостоятельно или попросить их сделать это и предоставить мне к нему доступ?

Зависит от клиента.У большинства моих клиентов уже есть домен, поэтому они просто предоставляют мне к нему доступ.

Полное руководство по началу работы в веб-дизайне

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

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

Для дизайнеров среди нас: вы когда-нибудь говорили кому-то «Я занимаюсь дизайном веб-сайтов» и испытывали холодный страх, когда они отвечали: «Круто! Вы можете научить меня, как это сделать? » Я имею в виду, сложно объяснить, насколько трудоемким может быть дизайн. Это особенно верно, когда спрашивающий мало что знает о компьютерах. Многие люди просто предполагают, что вы нажимаете и перетаскиваете все на экран, может быть, как в PowerPoint.Я скажу вам это бесплатно: возможность экспорта «веб-страниц» в PowerPoint не помогла. Мы здесь, чтобы помочь вам исправить эту ошибку. В следующий раз, когда кто-то спросит вас, как создавать веб-сайты, укажите их здесь.

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

Для кого это?

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

«Минимальные требования»… низкие. Если вы знаете, что такое папки и текстовые файлы, можете начинать. Это так просто

«Минимальные требования» для людей, которые хотят создать свой самый первый веб-сайт, невысоки. Если вы знаете, что такое папки и текстовые файлы, можете начинать.Это так просто.

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

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

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

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

Как пользоваться этим руководством

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

Нет, наверное, вы не хотите читать все сразу. Есть много внешних ресурсов, которые нужно прочитать, множество концепций, над которыми можно осмыслить.Я выучил это не сразу. Скорее всего, вы тоже. Это нормально.

Проектируем в браузере

Может быть, вы искали в Интернете и заметили, что многие люди сначала используют редакторы изображений для создания своих веб-сайтов. Они кодируют дизайн после или поручают это делать кому-то другому. Photoshop — это наиболее часто используемый инструмент, но люди также используют такие программы, как Sketch, GIMP, Inkscape и Illustrator.

Веб-сайты

должны создаваться в браузере… потому что люди не просматривают веб-страницы в Photoshop

.

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

Кроме того, рабочий процесс на основе браузера имеет ряд других преимуществ:

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

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

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

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

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

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

Прежде чем вы откроете текстовый редактор и начнете печатать, вам необходимо понять некоторые основные принципы.Люди, которые занимаются дизайном в графическом редакторе, таком как Photoshop, могут создать такой веб-сайт:

1. Если они сообразительны, они сначала набросают некоторые идеи на бумаге. Затем они откроют Photoshop. Как любитель, я всегда начинал со второго шага — не делай своих ошибок.
2. Они вложат свое сердце, душу, кровь, пот и слезы в свои лучшие идеи. Эти идеи сформируют законченный и красивый дизайн для домашней страницы (возможно). Затем, если у них есть запрос от начальника или клиента, они могут быстро собрать несколько других вариантов дизайна / макета.
3. Клиент почти неизбежно выберет одну из «низших» концепций по собственным причинам. Даже если это не «вина клиента», может быть очень, очень трудно вернуться и изменить дизайн, который вы уже конкретизировали или «закончили».

Этот подход никому не приносит пользы. Таким образом, первое, что вам нужно знать, это:

Все повторяется

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

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

Но сделайте это правильно, и вы получите фантастическую отдачу от своих вложений.

Вы никогда не перестанете учиться

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

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

Это еще не все блестящие новые тенденции дизайна. Есть также новые приложения, технологии и приемы, которые могут облегчить вашу жизнь и работу. Помните, что я говорил о долгом пребывании в этом состоянии? Ага. Это часть того, о чем я говорил.

Содержание превыше всего

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

Первый шаг в разработке веб-сайта — это… содержание веб-сайта… Оно вам нужно в первую очередь. Это не подлежит обсуждению

Вы могли видеть людей, заполняющих свои рисунки фиктивным текстом, который называется «Lorem ipsum». Вы также можете знать его как «латинский текст» или «греческий текст», хотя на самом деле он имеет мало общего с обоими языками.Это просто фиктивный текст, предназначенный для демонстрации того, как будет выглядеть дизайн, наполненный контентом. Избегайте этого, если можете. Я считаю, что дизайнеры должны стараться максимально использовать реальный контент для своего сайта. Они должны делать это даже в своих цифровых каркасах.

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

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

Следствие: типографика в основном — это веб-дизайн

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

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

Вы просматриваете Интернет иначе, чем ваши пользователи

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

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

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

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

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

Вы что-то продаете

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

Учитывайте это во всем, что касается сайта, в том числе в содержании и фактическом макете сайта. Людям нужно видеть, что вы продаете, и быть уверенными в том, что они этого хотят. Быстрый. Им нужно показать, что есть простой способ действовать в зависимости от того, что вы продаете.Если вы блогер, этим действием может быть подписка на свой блог. Если вы продаете продукт или услугу, это может быть связано с тем, что вы получаете деньги за этот продукт / услугу.

Навыки, которые вам понадобятся

Если вы хотите заниматься этим профессионально, вам понадобятся различные навыки. Здесь мы сосредоточимся на навыках, необходимых для фактического проектирования и создания веб-сайта. Конечно, вам также понадобятся навыки ведения бизнеса и общения. Когда вы будете готовы узнать об этом все, что сможете, ознакомьтесь с категорией «Бизнес» здесь, в WDD.

А пока мы начнем с того, что вам нужно знать в первую очередь.

Дизайн взаимодействия с пользователем

User Experience, или UX-дизайн, в данном контексте — это знание того, как большинство людей использует веб-сайты, и преобразование этих знаний в превосходный дизайн сайта. Это процесс, это философия, и это большая работа. Помните, то, как вы используете веб-сайты, может отличаться от того, как это делают другие люди. То, что имеет смысл для вас, может не иметь смысла для ваших пользователей. Веб-дизайнеры любого уровня подготовки время от времени забывают об этом, так что будьте осторожны.

Конечно, есть ресурсы, которые могут помочь вам начать работу, например What is User Experience Design? Эта всеобъемлющая статья Smashing Magazine охватывает основы UX-дизайна и включает обширный список ссылок на другие ресурсы. Как только вы закончите с этим, не забудьте прочитать UI vs UX: в чем разница? »Дэйна Миллера. (Иногда можно встретить взаимозаменяемые термины «UI (пользовательский интерфейс) дизайн» и «UX-дизайн», и это создает у людей неправильное впечатление.)

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

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

Чтобы быстро познакомиться с основными концепциями каркасного моделирования, ознакомьтесь с использованием каркасов для оптимизации процесса разработки.Чтобы получить более подробное введение с длинным списком ресурсов, прочтите «Руководство по каркасному построению для новичков».

Эстетические навыки

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

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

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

Типографика

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

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

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

После того, как вы изучите правила типографики, вы можете попробовать выбрать несколько шрифтов для своего проекта. Есть много хороших бесплатных, так что посмотрите вокруг. Многие люди, в том числе и я, выбирают свои шрифты из Google Web Fonts. Google Fonts позволяет вам напрямую «встраивать» шрифты для использования на вашем веб-сайте, так что это удобно. Более того, некоторые великие дизайнеры составили для вас списки комбинаций шрифтов:

Если вы хотите создавать свои собственные пары шрифтов Google, попробуйте The Web Font Combinator.Это инструмент, который позволяет быстро и разумно просматривать комбинации шрифтов. Чтобы получить более продвинутый инструмент планирования типографики, попробуйте Typecast. У него есть бесплатный план, который подойдет большинству начинающих и одиноких дизайнеров. Если вы начинаете работать с другими, и вам действительно нужно предоставить им доступ для редактирования в вашем планировании шрифтов, цена совсем неплохая. Typecast также предоставит вам доступ к платным шрифтам, которых нет в библиотеке Google Fonts.

Еще одно место для поиска веб-шрифтов: Font Squirrel.Font Squirrel имеет огромную библиотеку бесплатных шрифтов для использования на веб-сайтах. В отличие от Google встраивать их не так удобно. Тебе придется сделать это самому. Если вы хотите узнать, как это сделать, вот отличное руководство. Однако прежде чем вы это сделаете, вы можете пропустить вперед и сначала изучить основы HTML и CSS.

И последнее, но не менее важное: прямо здесь, в Webdesigner Depot, есть множество отличных бесплатных и платных шрифтов. У нас также есть много отличных статей по типографике, которые выходят за рамки основ.Поищите шрифты на сайте (некоторые из них находятся в разделе Freebies). Вы можете найти статьи по типографике здесь: https://www.webdesignerdepot.com/category/typography/

Теория цвета

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

Теория цвета занимается комбинациями цветов и человеческими эмоциями, которые они могут вызывать.Это настоящая наука. Чтобы получить отличное введение в теорию цвета, ознакомьтесь с этой статьей Tutsplus: Введение в теорию цвета для веб-дизайнеров. Когда вы закончите эту статью, обратите внимание на два генератора цветовых схем, показанные в конце.

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

HTML и CSS

HTML означает «язык гипертекстовой разметки». Каждый веб-сайт, который вы когда-либо просматривали, сделан из HTML. HTML — это то, что сообщает вашему браузеру, просматривает ли он обычный текст, изображение, ссылку, видео и т. Д. Затем ваш браузер переводит это в то, что вы видите на экране.

Язык, который делает веб-сайт красивым, называется CSS, он расшифровывается как «Каскадные таблицы стилей». CSS сообщает браузеру, каким шрифтом должен быть текст и какие цвета использовать.CSS также определяет макет вашего веб-сайта, внешний вид кнопок, насколько все должно быть большим или маленьким … вы даже можете анимировать с его помощью.

Выучить эти языки достаточно просто. Это самые простые компьютерные языки, которые вы могли когда-либо выучить. Тем не менее, они также обширны, и их можно комбинировать множеством способов для создания множества потрясающих дизайнов. Вам потребуется время, чтобы научиться их правильно использовать. Предлагаю начать с Code Academy. Code Academy — это сайт, на котором вы можете бесплатно изучить HTML и CSS, а также несколько языков программирования.Объяснения просты. Вам предлагаются упражнения по кодированию и отзывы о вашей работе в реальном времени.

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

Базовый JavaScript (необязательно)

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

Что с этим делать? О, такие вещи, как модные слайд-шоу, вызов нового контента без перезагрузки страницы, повышение удобства использования веб-сайта и многое другое! Если вы хотите узнать, как это сделать, моя рекомендация такая же, как и в предыдущем разделе: Code Academy.Они такие классные.

jQuery

Примечание: Code Academy также научит вас использовать jQuery, если вы того пожелаете. jQuery — это, по сути, библиотека вещей, которые другие люди уже создали с помощью JavaScript. Он упрощает использование JavaScript на веб-страницах, облегчая выбор и управление содержимым.

Если вы ничего из этого не поняли, ничего страшного. Начните с HTML и CSS. Изучите немного обычного JavaScript. Смотри на чужой код … много.Между этим и курсом Code Academy вы начнете разбираться в этом.

Инструменты, которые вам понадобятся

Программное обеспечение может быть щекотливой темой, когда некоторые люди ругаются одним редактором изображений, а другие проповедуют хорошие новости о своем любимом текстовом редакторе. Третьи будут кричать: «Нет! Вы все не правы! » Споры продолжаются. Иногда они могут быть довольно интенсивными; но вы можете спокойно игнорировать большую часть этого.

Каждый должен регулярно экспериментировать с новыми инструментами, рабочими процессами и процессами

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

Итак, вот что я сделаю: я перечислю несколько отличных бесплатных инструментов.Если они вам нравятся — отлично! Если вы чувствуете, что вам нужно что-то другое, есть списки за списками альтернатив.

Полный набор современных браузеров

Ах, браузер. Вы могли знать его как «Chrome», «Firefox» или, не дай бог, «That Blue‘ E ’Thingy». Ни один из них не совсем одинаковый. У всех есть свои маленькие причуды, и веб-сайты могут выглядеть немного по-разному. Они также могут выглядеть радикально по-разному, в зависимости от того, как был написан код сайта. Вам нужно будет протестировать свой веб-сайт и убедиться, что он правильно выглядит на как можно большем количестве из них.К счастью, возможности браузеров достигли точки, когда веб-сайты начинают выглядеть почти одинаково на каждом из них. По крайней мере, макеты веб-сайтов в целом больше не являются проблемой.

Тем не менее, ключом к обеспечению качества вашей работы является ее тестирование в максимально возможном количестве сред. Если на вашем настольном / портативном компьютере установлена ​​операционная система Windows, значит, у вас уже есть Internet Explorer (синий E). По крайней мере, вам понадобятся Firefox и Google Chrome.

На Mac у вас будет Safari, но у вас будут проблемы с запуском Internet Explorer.Это выполнимо, но раздражает. Если на вашем компьютере работает производная Linux, такая как Ubuntu, вы можете протестировать Safari 5 и Internet Explorer 8 и ниже. Следует отметить, что IE 8 и ниже являются наиболее болезненными версиями IE для работы, и они почти не используются. Действительно, Internet Explorer в целом выходит из моды, и с каждым годом им пользуется все меньше людей. Более того, Microsoft выпустит новый браузер вместе с Windows 10 — с Play на Linux.

Мобильные браузеры

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

Word сообщает, что Firefox для iPhone / iPad готовится к выпуску в этом году. Однако вы можете установить Chrome и Opera Mini прямо сейчас.

На устройства Android можно установить Chrome, Firefox, Opera и Opera Mini. Никакой любви к сафари, хотя это неудивительно. Apple любит хранить вещи «в семье».

Думаете, это много браузеров для тестирования? Есть еще тонны! Однако их пользовательская база сравнительно невелика.При тестировании в браузерах приходится играть большинству; или вы сведете себя с ума.

Каркасные инструменты

Ручка и бумага (или приложение для рисования)

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

Приложения для рисования

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

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

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

Редактор кода

Редактор кода — это просто прославленная версия Блокнота. Возможно, я только что заставил нескольких технарей фыркнуть и выругаться, но в основном это правда.Разница в том, что эти текстовые редакторы имеют множество дополнительных функций, призванных упростить кодирование веб-сайтов и программ. Помните, что я говорил о людях, одержимых своим программным обеспечением? С толпой текстовых редакторов становится плохо.

Помните: если кто-то спросит вас о «Vim» или «Emacs», медленно отступайте, не нарушая зрительного контакта. Это твоя единственная защита.

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

Так с чего начать? Я скажу скобки. Он все еще находится в активной разработке, но стабильный. Это бесплатно. Он работает в Windows, Mac и Linux. Он разработан специально для людей, которые проектируют и создают веб-сайты в браузере.

Редактор изображений

Возможно, вы больше не создаете веб-сайты в Photoshop, но вам все равно придется создавать и редактировать отдельные изображения. Будь то фотографии, логотипы или значки, вам что-то понадобится.Опять же, используйте то, что вам подходит. Это может быть Photoshop, GIMP, Paint.Net или одно из приложений Corel.

Локальный сервер (частично опционально)

Наконец, вы можете установить веб-сервер на свой персональный компьютер. Веб-сервер обычно используется, чтобы сказать Интернету в целом: «Проверьте это! Здесь есть веб-сайт «. По сути, веб-сервер дает каждому разрешение просматривать определенные файлы, из которых состоит ваш веб-сайт.

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

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

Ради простоты использования я предлагаю начать с XAMPP. Вы можете установить его на Windows, Mac или Linux, и все готово.

Пример процесса

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

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

Соберите все вместе

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

Если вы пишете контент для себя, я предлагаю прочитать практически все, что написано на CopyBlogger. У них есть годы и годы советов о том, как писать хороший контент для Интернета.

Архитектура содержимого

Примечание. Архитектура контента , вероятно, не технический термин. Я использую его на этом этапе, потому что Информационная архитектура уже была взята.

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

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

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

Примечание. Для этого я тоже использовал приложение Google для рисования.

Каркас

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

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

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

Создание плиток стилей (или аналогичный)

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

Плитки стиля

— отличный способ сделать это.Вот объяснение того, что такое Style Tiles, прямо с официального сайта:

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

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

Кодирование

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

Текстовый редактор, на который я ссылался выше, Brackets, имеет отличную функцию для этой части. Нажмите кнопку «Live Preview» в правой части окна Brackets, и для вас откроется окно браузера. (Для этого у вас должен быть установлен Google Chrome.) Окно браузера будет обновляться в реальном времени с любыми внесенными вами изменениями.

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

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

Тестирование

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

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

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

Запуск

Готовы разместить свой сайт в сети? У вас есть доменное имя (например, mywebsite.com) и хостинг (место на компьютере, который постоянно подключен к Интернету)? Загрузите эти файлы, расслабьтесь, расслабьтесь и…

Что нужно сделать после запуска

Исправьте то, что вы забыли.

О. Верно. Эта штука … ты хотел исправить это перед запуском.Как ты это забыл? Я имею в виду давай!

Это случается со всеми. После запуска почти неизбежно появляются ошибки. Чем больше ваш сайт, тем больше вероятность, что вы что-то пропустили или забыли. Для вашего удобства вот довольно подробный контрольный список перед запуском: http://boagworld.com/mobile-web/pre-launch-checklist/

Задавайте вопросы

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

Я говорил это много раз, но Google — ваш друг. Кроме того, прежде чем задать вопрос, посмотрите, не задавал ли кто-нибудь его уже на Stack Overflow, сайте, где люди обсуждают различные компьютерные языки и как с ними делать что-то.

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

Получить отзыв

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

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

Сделать все сначала

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

Эй, я сказал, что это много работы.

Рекомендуемое изображение, веб-дизайн через Shutterstock.

Как начать бизнес веб-дизайна

Честно говоря, есть масса преимуществ, связанных с ведением собственного малого бизнеса или агентства.Вы получаете:

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

Но есть и проблемы.

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

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

Быть владельцем небольшого магазина веб-дизайна — это большая работа. Это тоже стоит денег (как вы скоро увидите).

Кроме того, то, как вы используете эту возможность, может сделать или разрушить бизнес.

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

Это не невозможно, но усложняет задачу.

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

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

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

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

Как начать бизнес по веб-дизайну на дому

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

Согласно Salary.com, средний доход веб-дизайнера составляет более 70 000 долларов в год, в диапазоне от 50 000 до почти 100 000 долларов. Сочетание высокого спроса и потенциального прибыльного дохода делает веб-дизайн популярной идеей домашнего бизнеса.

Стать веб-дизайнером

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

• Взгляд на дизайн, включая макет и цвет: веб-дизайнеры создают макет сайта, который должен быть привлекательным, но при этом служить целям сайта.
• Понимание цвета и шрифта и того, как их можно использовать для улучшения сайта.
• Возможность организовать и структурировать сайт для удобной навигации.
• Языки программирования, такие как CSS, Ruby, SQL, Python и / или ASP, могут повысить конкурентоспособность и ценность.

Плюсы начала бизнеса в области веб-дизайна

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

• Это легко сделать из дома или из любого места, где есть доступ в Интернет.
• Никаких особых требований к образованию не требуется, хотя сертификаты и обучение могут повысить вашу конкурентоспособность.
• Интернет никуда не денется, поэтому потребность в дизайнерах никуда не исчезнет. Перспективы трудоустройства профессий веб-разработки выросли на 27 процентов, что намного больше, чем в среднем по большинству других профессий — 7%.
• Вы можете заниматься творчеством каждый день.
• Хорошо платит.
• Вы можете легко расширить бизнес в другие области, такие как SEO, копирайтинг, обслуживание веб-сайтов и другие услуги, связанные с веб-сайтами.

Минусы начала бизнеса в области веб-дизайна

Как и у всех других домашних предприятий, у ведения бизнеса в области веб-дизайна есть несколько недостатков, например:

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

Что вам нужно, чтобы начать бизнес в области веб-дизайна

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

• Домашний офис, в котором нет шума и отвлекающих факторов
• Аппаратное обеспечение, включая компьютер, монитор качества, сканер, принтер и цифровую камеру
• Программное обеспечение для графики, фотографий и видео, которое может быть бесплатным или стоить сотни долларов
• Высокоскоростное подключение к Интернету и, возможно, место на сервере для размещения и тестирования сайта
• Меню услуг, которые вы будете предоставлять, и того, сколько за них вы будете платить.
• Контракт, в котором изложены все правила вашей работы.
• Бизнес-план с изложением ваших услуг, целевого рынка и финансовых целей.
• Маркетинговый план, включающий ваш целевой рынок и способы его выхода.
• Ваш собственный веб-сайт, который не только представляет ваши навыки, но и предлагает место для демонстрации вашего портфолио работ в Интернете.
• Маркетинговые материалы, такие как визитки и брошюры.
• Сильная сеть для доступа к возможным рефералам.В эту сеть могут входить люди, для которых вы работали раньше, а также другие профессионалы, работающие с компаниями, которые могут использовать дизайнеров. Например, у вас должна быть сеть копирайтеров, графических дизайнеров и других лиц, участвующих в разработке веб-сайтов. Возможно, у вас есть клиент, которому нужен веб-сайт, но у него еще нет текста и графики. В вашей сети у вас есть другие предприятия, к которым вы можете направить своего клиента, а также другие предприятия, которые могут направить своих клиентов к вам для веб-дизайна.

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

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

Дорожная карта, чтобы стать профессиональным внештатным веб-дизайнером — Smashing Magazine

Об авторе

Ежедневно жонглируя тремя языками, Айрис известна своей любовью к лингвистике, искусству, веб-дизайну и типографике, а также своей золотой жилой из … Больше о Ирис ↬

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

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

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

Также обратите внимание на наши предыдущие статьи:

1. Проведите необходимое исследование

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

Изучите затраты

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

• Доменное имя и услуги хостинга
• Канцелярские товары, визитные карточки и другие маркетинговые материалы
• Необходимое программное обеспечение
• Рабочее место и расходные материалы
• Подписка на сайты стоковых фотографий и другие виды ресурсов

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

Налоги и страхование

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

Изучите время

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

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

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

2. Станьте брендом

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

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

Что в имени?

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

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

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

Вот четыре отличных примера использования специализированного названия для бренда:

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

Все приведенные выше примеры представляют собой портфолио отдельных дизайнеров. Однако можно заметить, что дизайнеры, выбравшие для своего бренда специализированное название, часто называют себя студией.Создается впечатление, что это более крупный бизнес; более формальная организация. Тем не менее, портфолио с именами привлекают больше людей — то, что ищут многие клиенты. Это часто дает им больше ощущения настоящего фрилансера.

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

Логотип

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

Ниже представлена ​​небольшая демонстрация превосходного дизайна логотипа в нескольких портфолио веб-дизайна.

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

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

Ниже приведены лишь некоторые из этих руководств и пошаговых руководств.

An Elevator Pitch

Чтобы быть успешным внештатным веб-дизайнером, нужно гораздо больше, чем просто хорошо разбираться в веб-дизайне.Любой фрилансер также должен быть предпринимателем . Правило №1 для предпринимательства: создайте высоту в лифте.

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

Тема выступления в лифте (или речь в лифте) — это обзор идеи продукта, услуги, или проект.Название отражает тот факт, что презентация на лифте может быть доставлена ​​во время поездки на лифте (например, тридцать секунд и 100–150 слов).

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

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

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

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

Ниже приведен пример отличной презентации лифта для студии веб-дизайна 45royale.

45royale — восторженная студия веб-дизайна, расположенная в оживленном мегаполисе Кантон, штат Джорджия. Мы продвигаем веб-стандарты и каждый день привносим энергию и приверженность в нашу работу. — 45royale Inc.

Вышеупомянутое является убедительным примером для небольшого, но уже сложившегося бизнеса. Фрилансеры могут использовать тот же принцип, но с более личным подходом:

Здравствуйте, меня зовут Брайан Уилкинс, я веб-дизайнер / интерфейсный разработчик, живущий за пределами Бостона, штат Массачусетс. В настоящее время я работаю в Reelpoint, фирме, занимающейся онлайн-дизайном и маркетингом. Я создаю чистые и функциональные интерфейсы. Стремясь постоянно расти и развиваться как дизайнер, я испытываю неподдельную страсть к искусству, типографике, дизайну, технологиям и творческому мышлению. — BrianWilkins.net

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

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

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

Общий стиль

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

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

3. Создайте веб-сайт-портфолио

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

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

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

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

Рассмотрим одностраничное портфолио

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

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

Используйте контактную форму

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

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

Сделайте самые важные вещи заметными

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

Прекрасным примером является портфолио Александра Коханюка.Самый крупный текст на странице — «Портфолио», «Привет, я Алекс» и «Контакт». Прямо над словом «Портфолио» находится логотип, стратегически расположенный в левом верхнем углу.

4. Сборка юридических документов

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

Контракт

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

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

Положения и условия

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

Соглашение об авторских правах

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

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

5. Определите начальную заработную плату и бюджет

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

Плюсы и минусы проектов с фиксированной ценой

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

Плюсы:

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

Минусы:

• Гораздо сложнее определить фиксированную цену для проекта до его фактического завершения.
• Иногда дизайнерам недоплачивают, используя этот метод.
• Платежи не поступают через регулярные промежутки времени, что может не подходить для всех стилей жизни.

Плюсы и минусы почасовой работы

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

Плюсы:

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

Минусы:

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

Более пристальный взгляд на эти два типа планов оплаты может помочь новичку принять решение. Для дальнейшего чтения ознакомьтесь с Эффективной стратегией оценки времени для ваших дизайнерских проектов.

Инструменты для управления деньгами в качестве фрилансера

LessAccounting.com Less Accounting — это универсальное приложение для управления деньгами, которое позволит подключиться к банковским счетам и даже позволить фрилансеру пригласить личный вход в систему бухгалтера, чтобы следить за деньгами. Кроме того, LessAccounting также предлагает все другие базовые потребности в управлении капиталом для фрилансеров.

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

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

SlimTimer.com Slimtimer похож на тик, поскольку это инструмент управления временем и бюджетом. Можно создавать задачи, рассчитывать время своей работы, создавать отчеты и управлять своими деньгами более эффективно.

Инструменты для выставления счетов

SimplyBill.com SimplyBill — это очень простой инструмент для выставления счетов, который помогает эффективно отслеживать клиентов, их счета и отправлять счета.

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

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

FreeAgentCentral.com FreeAgent позволяет фрилансеру управлять всеми своими счетами и даже сообщать ему, что они должны налоговому инспектору.

6.Создайте резюме

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

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

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

7. Найдите клиентов для создания портфеля

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

Рассмотрите возможность предоставления бесплатных услуг

Источник изображения: On the Block Бесплатная работа никогда не бывает забавной, но может оказаться необходимой. Поработайте волонтером в церкви или другой некоммерческой / малобюджетной организации. Эти услуги, очевидно, несложно продать; просто разместите объявление о себе на Craigslist или на форумах фрилансеров и веб-дизайнеров.

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

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

Рекламируйте на местном уровне

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

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

Предлагать бесплатные или продавать шаблоны

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

На ThemeForest Коллис продал шаблон PSD по цене от 10 до 168 долларов. Это означает, что у него в кармане более тысячи долларов и отличный портфель, которым можно похвастаться.

Если кто-то не извергает бесплатные или дешевые шаблоны, темы WordPress или скрипты своим постоянным бизнесом, это не будет отличным вариантом для покрытия ежемесячных расходов на проживание. Тем не менее, это отличная альтернатива: 1) попросить дизайнера создать несколько частей портфолио, 2) сделать имя дизайнера известным в сообществе и 3) позволить дизайнеру заработать немного дополнительных денег.

Тем не менее, для делового опыта важно также попробовать несколько реальных клиентов.

Тогда что?

После того, как вы найдете несколько клиентов, помните об этих вещах.

• Создайте личную (но профессиональную) связь между несколькими первыми клиентами. Это может приветствовать отличные отзывы и молву клиентов.
• Предлагайте разнообразные услуги с самого начала. Например, можно попробовать дизайн логотипа, веб-дизайн и базовое кодирование. Позже, при попытке добавить новую услугу в бизнес фрилансеров, это значительно упростит переход.
• Тот факт, что новым дизайнерам приходится иметь дело с низкой (или нулевой) заработной платой, не означает, что они должны предлагать некачественную работу. Потратьте часы и создайте что-нибудь великое. Имейте в виду, что первые несколько проектов — это не только деньги.

Инструменты для управления клиентами

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

Zoho Writer По сути, Zoho Writer — это текстовый редактор онлайн.В дополнение к этому, он нацелен на фрилансеров с возможностью обмениваться документами и сотрудничать с клиентами различными способами.

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

8. Создайте график (и придерживайтесь его)

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

Найдите необходимое количество часов

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

После определения продолжительности рабочего процесса выберите ежедневный почасовой ввод для работы — и только для работы.

Ежедневный график

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

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

Еженедельное и ежемесячное расписание

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

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

Найдите мотивацию

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

• Делайте одно и то же во время работы в одно и то же время каждый день. Например, утром первым делом проверяйте электронную почту, а затем приступайте непосредственно к работе с клиентом.
• Для тех, кто уже бросил свою повседневную работу, чтобы продолжить карьеру: каждый день просыпайтесь в одно и то же время. Если это означает, что вы будете спать на несколько часов больше, чем обычный рабочий, это нормально. Однако постоянное изменение начала дня может испортить расписание, даже если во время бодрствования дела выполняются в том же порядке.
• Напишите утром список дел, которые нужно решить в этот день.
• Используйте календарь и ежедневник, чтобы отслеживать ежедневные, еженедельные и ежемесячные задачи.

Несколько инструментов управления временем

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

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

Ta-da Список Ta-da List — это простой инструмент для создания списков дел, размещенный в Интернете для удобства. Списки легко создавать для себя или для других.

9. Создание бизнес-плана

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

Преимущества профессионального бизнес-плана:

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

Каждый может увидеть диапазон преимуществ от роста бизнеса до финансового роста и надежности. Чтобы узнать больше о создании бизнес-плана, просмотрите полезную статью на сайте About.com «Назад к бизнес-планированию: разработка бизнес-плана из 4 частей для внештатных дизайнеров».

10. Знайте, как добиться признания

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

Расширение с помощью сайтов социальных сетей

Используйте сайты социальных сетей не только для продвижения портфолио, но и для продвижения новых дизайнов и проектов. Кроме того, можно использовать Twitter или что-то подобное, чтобы получить ценные отзывы о текущих проектах. Чтобы узнать больше о том, как получить максимальную отдачу от Twitter в качестве веб-дизайнера, ознакомьтесь с публикацией Рамзи: 5 простых способов, которыми Twitter может сделать вас лучшим веб-дизайнером.

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

Получите признание в толпе соискателей

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

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

• Не подавайте заявку на вакансии, которым больше нескольких дней — скорее всего, они уже были заполнены, и это действительно пустая трата времени.
• Используйте несколько веб-сайтов и форумов, посвященных вакансиям, чтобы иметь более широкий спектр возможностей.
• Будь хорошим дизайнером. Это звучит как глупый совет, но часто клиенты получают приложения для веб-дизайнеров, которые либо 1) не очень хороши в дизайне, либо 2) имеют дизайн, который не демонстрирует уникальных способностей и является очень обычным.
• Не подавайте заявление о вакансиях, на которые вы не отвечаете. Клиент терпеть не может слышать: «Я не делал дизайн для стиля, который вы ищете, но я создаю веб-сайты уже X лет и, вероятно, смогу это сделать.«Следующий дизайнер, который придет к ним с приличным портфолио, доказывающим, что они могут удовлетворить потребности клиента, вместо этого получит работу.
• Об этом даже не нужно говорить, но, к сожалению, это так: пишите предложения с заглавной буквы, используйте правильную грамматику и не допускайте орфографических ошибок при приеме на внештатную работу.

А лучший совет — не продавайте работу дешевле, чем она должна быть, только для того, чтобы привлечь клиента. Если клиент не понимает, почему дизайн логотипа стоит 200 долларов, когда ребенок, подавший заявку накануне, предлагает ту же услугу за 20 долларов, то это действительно его потеря.Иногда стоит потерять работу, и это часть трудностей, когда вы только начинаете.

11. Часто ведите блог, но обращайте внимание на качество своих сообщений.

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

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

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

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

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

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

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

Не будь фрилансером-одиночкой. Присоединяйтесь к сообществу и знакомьтесь с другими веб-дизайнерами и профессионалами-фрилансерами, чтобы расти как дизайнер.

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

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

• Создает группу поддержки. Предполагая, что у многих внештатных веб-дизайнеров не так много друзей или родственников, которые зарабатывают на жизнь тем же, наличие группы поддержки в Интернете для вашей области интересов может быть очень полезным.Присоединяйтесь к сообществу веб-дизайнеров, чтобы делиться, разглагольствовать, восторгаться и получать отзывы в качестве дизайнера.
• Узнавайте новое. Регулярное ведение блога, активность в социальных сетях и участие в форумах — отличный способ улучшить свои текущие способности и расширить кругозор. Вместо того, чтобы ломать голову над тем, что нужно сделать или чему нужно научиться для текущего проекта, участие в сообществе поможет вам исследовать новые вещи и находить вдохновение.
• Станьте авторитетом и позвольте клиентам приходить.То, что он лучший дизайнер в мире, не делает его авторитетной фигурой. По мере развития навыков и мудрости другие участники сообщества веб-дизайнеров будут ссылаться на работы, портфолио и услуги дизайнера для них.

Посещайте конференции и другие личные встречи

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

Ниже приведены лишь несколько популярных конференций в сообществе.

AnEventApart.com
An Event Apart — это интенсивная образовательная двухдневная конференция для увлеченных практиков стандартного веб-дизайна. Если вам важен код, а также контент, удобство использования и дизайн, An Event Apart — это конференция, которую вы так долго ждали.

Carsonified Для веб-дизайнеров, креативщиков и всех, кто интересуется веб-дизайном.

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

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

13. Реинвестируйте прибыль

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

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

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

14. Получите место для профессионала

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

Рабочее пространство Бена Маутнера предоставляет много места для работы, а также много вдохновения на стенах.

Офис Джея Хилгерта чистый, аккуратный и модный, но также имеет все необходимое оборудование.

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

15. Продолжайте учиться новым трюкам

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

Заключение

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

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

Дополнительные ресурсы

Вам также могут быть интересны следующие дополнительные ссылки:

Руководство по 10 лучшим шагам о том, как стать веб-дизайнером

«Если ваш бизнес не в Интернете, он не работает.«Билл Гейтс сказал это более двух десятилетий назад. Сегодня в Интернете более 644 миллионов активных веб-сайтов (по данным Netcraft), и веб-дизайнеры стали центральной частью маркетинговой стратегии любой компании. Все это делает веб-дизайнеров очень востребованными.

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

1. Изучите теорию веб-дизайна

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

Чтобы создать привлекательный веб-дизайн, необходимо изучить теорию цвета и основные принципы визуальной иерархии. Есть отличное задание по дизайну под названием Daily UI Challenge, которое обещает, что вы станете лучшим дизайнером за 100 дней.Попробуйте!

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

2. Научитесь кодировать

Будет сложно работать в индустрии веб-дизайна, не зная ни одного из языков программирования. Конечно, можно создать веб-сайт с помощью конструкторов веб-сайтов, таких как Wix или Squarespace. Но вам будет сложно понять возможности Интернета, когда вы будете работать только с разработчиками сайтов. Знание того, как программировать, даст вам много преимуществ.Например, вы сможете составить гораздо более точное представление о том, является ли ваш проект технически осуществимым.

Вам необходимо иметь необходимые навыки в HTML (язык гипертекстовой разметки) и CSS (каскадные таблицы стилей). HTML устанавливает структуру и содержимое страницы, а CSS определяет параметры стиля. Я рекомендую учебники от W3schools: учебники по HTML и учебники по CSS.

Также желательно изучить JavaScript — это один из самых востребованных языков программирования.Будет намного проще создавать новые сайты с помощью JavaScript. Основные обучающие платформы предоставляют бесплатный доступ к курсам JavaScript. Ознакомьтесь с введением в курсы JavaScript от Codecademy и Udacity.

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

3. Получите нужные инструменты

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

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

Графический дизайн. Несмотря на то, что графический дизайн и веб-дизайн — это две отдельные области, веб-дизайнерам часто необходимо погрузиться в графический дизайн, чтобы решить конкретную дизайнерскую проблему. Таким образом, очень важно научиться пользоваться графическим редактором, например Adobe Photoshop. Самая распространенная задача, которую веб-дизайнеры выполняют в графических редакторах, — это редактирование изображений: изменение размера или обрезка изображений, чтобы они соответствовали определенным пространствам, или сжатие изображений, чтобы они были более подходящими для просмотра в Интернете.Вот отличный учебник по Photoshop от Tutorials.ws

Prototyping. Прототипирование — краеугольный камень веб-дизайна. Когда веб-дизайнеры обладают прочными навыками создания прототипов, им не нужно ждать окончательного веб-дизайна, чтобы подтвердить свои предположения; вместо этого они могут подтвердить свои проектные решения за считанные минуты. Проверьте Mockplus, мощный инструмент для создания прототипов. Используя Mockplus, можно создать полностью интерактивный прототип за считанные минуты.

Кодирование. Как я уже упоминал, веб-дизайнеры должны понимать, как кодировать.Купите себе хороший редактор кода, такой как Sublime или Atom.

Прототипирование в Mockplus

Веб-дизайнерам также необходимо ознакомиться с популярной CMS (Content Management System) — программным обеспечением, которое используется для создания цифрового веб-контента и управления им. CMS делает процедуру управления контентом намного более удобной для владельцев сайта. Хотя сегодня на рынке доступны десятки различных CMS, есть три ведущих CMS — WordPress, Joomla и Drupal.Очень важно иметь практический опыт работы с одной (или всеми) системами. Вы можете начать с простых действий, таких как внесение незначительных изменений в дизайн сайта, и перейти к более сложным действиям, таким как создание шаблона для веб-сайта или разработка плагина.

4. Изучите основные правила SEO

Часть того, чтобы быть востребованным веб-дизайнером, — это способность делать больше, чем просто дизайн. Веб-сайты должны быть структурированы таким образом, чтобы они были удобными не только для пользователей, но и для роботов поисковых систем.SEO (поисковая оптимизация) — это процесс оптимизации сайта, целью которого является улучшение видимости сайта в Интернете. Веб-дизайнерам следует сосредоточиться на «естественном» (или «органическом») продвижении, улучшая производительность сайта, оптимизируя его для нескольких платформ и уделяя особое внимание содержанию, делая его актуальным и ценным для целевой аудитории. Такие действия могут помочь повысить рейтинг сайта в поисковых системах. Прочтите Полное руководство по поисковой оптимизации для новичков и «15 правил доминирования в результатах поиска в Интернете» для получения дополнительной информации по теме SEO.

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

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

6. Совершенствуйте свои коммуникативные навыки

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

Эффективное общение — краеугольный камень успешных проектов.

7. Следите за будущими тенденциями

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

Вот несколько отличных ресурсов для вашего вдохновения:

Awwwards — это хорошо известный веб-сайт для профессионалов в Интернете. На сайте есть номинация «Сайт дня», где дизайнеры могут найти действительно интересные образцы веб-дизайна.

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

Behance — отличный ресурс для углубленных тематических исследований веб-дизайна.

Web UI UX Дизайн работает. Изображение: Behance

8. Присоединяйтесь к сообществам веб-дизайнеров

Лучший способ учиться — учиться у лучших. Чрезвычайно важно не только присоединяться к сообществам веб-дизайнеров, но и быть активным участником:

Присоединяйтесь к популярным онлайн-сообществам, таким как Sitepoint или Uxmaster

Следите за веб-экспертами, такими как Сара Соуэйдан, Брэд Фрост, Джеффри Зельдман и Джесси Джеймс Гарретт, в Twitter.

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

Конференция Websummit для веб-профессионалов. Изображение предоставлено: Flickr

9. Ищите критику и учитесь повторять

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

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

10. Сосредоточьтесь на создании своего портфолио

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

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

Персональный сайт Адхама Даннауэя

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

Заключение

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

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

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

Удачи!

.