Осознание проблемы

Смотрим на решения конкурентов

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

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

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

Урок 5. Внешний вид

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

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

На этом блоге у меня стоит шаблон, дизайн которого я делал сам.

Как происходит создание сайта?

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

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

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

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

Разработка прототипа будущего сайта.

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

Если уж творить, то только так

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

Что можно использовать для создания прототипа:

• обычный листок А4 и цветные ручки (обожаю аналоговые инструменты и скрип пера по бумаге)
• Word, Excel или их аналоги
• Обычный Paint
• Photoshop
• Adobe Muse

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

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

Создание дизайна проекта по готовому макету

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

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

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

Верстка дизайна

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

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

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

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

Настройка CMS и наполнение

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

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

Ответы на вопросы

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

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

Можно ли перенести свой домен в конструктор сайтов?

Да. Такую возможность предоставляет большинство платформ.

Можно ли создать сайт в конструкторе абсолютно бесплатно?

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

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

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

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

Насколько хорошо созданные в конструкторах сайты продвигаются в поисковых системах?

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

На что обращать внимание при выборе конструктора сайта?

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

Конструктор сайтов или CMS – что выбрать?

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

1. Для того чтобы создать сайт с помощью конструктора не нужно иметь знаний HTML, CSS, PHP.
2. Простота наполнения созданного сайта необходимым контентом.
3. Отсутствие необходимости работать с разнообразными дополнительными плагинами.
4. Наличие простых и понятных подсказок, позволяющих действительно быстро освоить работу с конструктором сайтов.
5. Практически гарантированное отсутствие проблем, связанных с взломом сайта и распространением спама.
6. Полностью автоматическое и не требующее участия пользователей обновление функциональных возможностей конструктора сайтов.

Алексей Дружаевэксперт-основатель

Как можно заработать на создании сайтов и сколько за них платят?

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

1. Сборка сайтов на конструкторах

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

Вы можете предлагать таким людям свои услуги, объясняя, где будете создавать сайт. Клиент сможет выбрать один из вариантов дизайна. Вы сделаете нужные страницы и добавите туда тексты. За такую услугу можно брать от 2000-3000 руб. до 5000-7000 руб. На создание и наполнение небольшой визитки уйдет от нескольких часов до 2-3 дней.

2. Сборка сайтов на бесплатных CMS с шаблонным дизайном

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

Например, для создания сайтов рекомендую освоить работу с CMS WordPress. Ее преимущества:

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

За разработку сайта на WordPress могут заплатить от 3000-5000 руб. до 10000-20000 руб., если мы говорим о простых проектах, визитках, небольших корпоративных сайтах. Сделать работу можно примерно за неделю.

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

3. Индивидуальная разработка сайтов под заказ

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

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

Стоимость создания сайта на заказ начинается от 100-150 тыс. руб. за проект и может доходить до 1-2 млн. руб. и больше. Эта сумма включает только дизайн, верстку и разработку, без подготовки контента и наполнения (за это обычно берут отдельную плату или просят заказчика предоставить готовые материалы для размещения).

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

Что дальше? Не засиживайтесь в конструкторах

Как бы там ни было, обратите внимание на два блога. Один сделан при помощи викса:

Второй самостоятельно, скорее всего на ВордПресс:

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

Что необходимо для создания сайта:

Движок – программа для создания сайта.

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

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

Хостинг – площадка для размещения информации.

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

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

Я рекомендую вам использовать хостинг ТаймВеб (www.timeweb.ru). Оплата за год составит от 1296 до 3 900, в зависимости от объемов. Не берите много. Это лишнее. Для начала вам хватит базового тарифа, а все остальное все равно должны будут оплачивать заказчики. Но имейте ввиду, что при оплате за год — домен в подарок.

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

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

Домен – адрес сайта.

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

На сайте Regod (www.regod.ru) вы потратите на имя в зоне Ru (имя-сайта.ru) 99 рублей, на таймвебе проще, но уже 150.

Правило шестое: текст ролика

Тренд последнего времени — минимум текста. Буквально несколько фраз, отражающих суть торгового предложения. Не стоит пускаться в пространные рассуждения о продукте и возможной пользе от него — все это должно быть понятно из видео. Вспомните рекламу айфона, где на экране несколько секунд красуется фото в разрешении 4К, а в конце появляется надпись «снято на iPhone». Все просто и понятно.

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

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

Виды сайтов для заработка

Сайт блог

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

Информационный сайт

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

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

Общие принципы создания сайтов на конструкторе

Другой способ выбора конструктора – опробовать сайты в действии, пусть они и заполнены демонстрационными данными

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

Рекомендации:

1. Выбор стилистики, дизайна. Каталоги шаблонов ограничены, а иногда внешний вид сайта становится основным критерием для конструктора. Главное, сократить к минимуму изменения настроек шаблона, ведь это ускорит запуск проекта.
2. Сделать ресурс оригинальным. Сюда включены работы над сменой стоковых изображений на собственные, изменением цветовой палитры, размера и типа шрифтов. Здесь все просто – все элементы обязаны соответствовать фирменному стилю и должны отличаться от стиля конкурентов.
3. Разработать уникальную структуру. Если сайт состоит даже из десятка страниц, каждая из них «затачивается» под отдельный товар, услуги, разделы.
4. Подготовить контент. Наполнение сайта предполагает создание продающих текстов, таблиц, качественных фотографий, инфографики, видеороликов. Ни в одном конструкторе нет и не будет релевантного контента – они дают только дизайн и функционал.

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

Шаг 6: Подготовка контента сайта

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

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

1. Главный экран – это то, что пользователь видит самым первым при посещении веб-страницы. Он должен отвечать на вопросы «Что здесь продают?» и «Как и какую пользу я от этого получу?». Это формируется с помощью офферной конструкции (заголовок+подзоголовок), включающей в себя акционное предложение и кнопку. В шапке указывается номер телефона, кнопка обратной связи, адрес и так далее.
2. Последующие блоки должны взаимодействовать с болями клиента. Например, для курсов английского языка стоит подумать, почему клиенты идут изучать язык, и в последующем использовать эту информацию в блоках. Таким образом, к последнему блоку клиент должен получить доверие к компании и закрыть все свои боли.
3. Форма заявки. Обязательный блок – с его помощью юзеры смогут оставить заявку, а администратор получить конверсию веб-сайта.
4. Контакты. Важный блок, который влияет на конверсию.

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

Дизайн страниц WEB-сайта: основных и типовых

Любая работа по интернет-сайту начинается с создания его дизайна, обычно используя для этого графический редактор. WEB-дизайнер создаёт, обыкновенно, несколько таких вариантов, но в строгом соответствии с ТЗ. При этом, отдельно разрабатывается дизайн «Главной» страницы сайта, и далее — дизайн остальных типовых страниц, как-то, например: новости, статьи, о нас, каталог. Собственно, сам «дизайн» являет собой графический файл, как слоёный рисунок, включающий в себя более мелкие картинки в виде слоёв в общей картинке.

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

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

Ставим цели и задачи

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

Зачем нужен этот сайт? Может, чтобы увеличить популярность бренда или создать некий переходный «мост» между потенциальными клиентами и собственным брендом? Или сайт нужен, чтобы продавать на нем товары онлайн? Или же это будет ресурс техподдержки для существующих клиентов компании?

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

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

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

Шаг 1: Подбираем референсы

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

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

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

Рекомендую обратить внимание на следующие сервисы:

• Behance;
• Google Картинки;
• Yandex Картинки;
• MadeOnTilda.

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

Смотрим референсы:

1. Открываем официальную страницу площадки и вводим в поиске интересующее название. Предположим, что наша компания занимается строительством домов. Референсами этому станут сайты строительной тематики, которые можно найти через запрос «Строительство домов».
2. В итоге перед нами отображается список различных макетов выбранной категории. Посмотрим, что под ними скрывается – откроем для примера вариант с корпоративным сайтом.
3. После открытия проекта мы видим готовый макет сайта с различными пояснениями, где дизайнер рассказывает о задаче, решении, типографике, цветовой гамме и многих других аспектах, которые были учтены во время разработки сайта.

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

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

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

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

Где искать клиентов для создания сайтов

А теперь разберемся, где искать клиентов для создания сайтов:

• биржи фриланса (Kwork, FL, Freelancer, Weblancer, Freelancehunt, Upwork, Work-Zilla);
• социальная активность (чаты, форумы, соцсети, интернет-сообщества);
• контекстная реклама «визитки» с портфолио;
• реклама офлайн (СМИ, рекламная полиграфия и так далее);
• SEO-оптимизация и продвижение своего сайта;
• почтовые рассылки;
• сарафанное радио.

Чем больше каналов используете, тем больше шансов на успех. Одним из первых моих заказчиков стал… мой собственный дядя. Решил я между делом обзвонить друзей и родственников. Думаю, чем черт не шутит, а вдруг кому и надо. И точно, оказалось, что дядька уже давно раздумывает о сайте для своей фирмы. У конкурентов есть, говорит, а я динозавром себя чувствую. Сайт ему нужен был, насколько я понял, чтобы дописать на визитках «http://www.моя-крутая-контора.рф». Двадцать первый век на дворе, как же без http и www.

Дополнительно:Еще пара советов. Не пренебрегайте соц. сетями, чатами и форумами. Добавьте адрес своей страницы и предложение услуг во все аккаунты. Размещайте рекламу где только можно (например вот вам 51 бесплатная площадка для рекламы), если это не противоречит правилам сервиса. В этом вопросе главное – не переусердствовать. Профили самых усердных и назойливых пользователей часто блокируют. Особенно аккуратно нужно действовать с рассылками, чтобы вас не посчитали спамером со всеми вытекающими. Спамеров никто не любит, ни модераторы, ни администраторы почтовых сервисов и социальных платформ, ни пользователи.     

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

Как зарабатывать на создании сайтов для клиентов

Отступление — немного про стоимость и наценкуБизнес по продаже сайтов — это такая сфера, в которой можно делать практически любую наценку. Грубо говоря, тут можно продавать одни и те же сайты, как за 15 тысяч рублей, так и за 55 тысяч рублей, все зависит лишь от того, как грамотно вы объясняете клиенту, что сайт за 55 тысяч стоит этой цены.

При создании сайтов на заказ, у нас есть два пути развития:

• Путь 1. Создавать сайты для клиентов самостоятельно;
• Путь 2. Собрать команду и создавать сайты силой команды или силами фрилансеров.

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

Путь 2:Во втором случае, ваш заработок будет варьироваться от того, сколько клиентов вы можете найти и насколько хорошо вы с ними договоритесь. К примеру, вы можете найти два проекта с общим бюджетом 200.000 рублей, а с фрилансерами договориться на разработку обоих за 100.000 рублей. Так вы получите 50% просто за то, что вы хороший переговорщик.

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

Выбираем CMS (языки, фреймворки)

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

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

Изучаем целевую аудиторию

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

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

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

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

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

Начать разработку логики и доработку дизайна

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

Базовые принципы дизайна включают в себя:

1. Систему навигации по ресурсу, удобную, предсказуемую и понятную для пользователей любого уровня.
2. Шрифты, которые можно комфортно читать на любом экране и при любом внешнем освещении. Везде должен быть ощутимый контраст, чтобы даже люди с плохим зрением могли справиться с чтением без включения специальных режимов отображения информации.
3. Верстка должна соответствовать современным стандартам и быть адаптивной, то есть автоматически подстраиваться под любое разрешение, диагональ и соотношение сторон экрана.
4. Функциональность не должна влиять на скорость загрузки. Старайтесь оптимизировать код и контент, чтобы избежать задержек при открытии страниц.
5. Нужно оценивать структуру ресурса в перспективе. Чтобы при увеличении количества информации на нем не возникли какие-то сложности (в производительности, в визуальном представлении и т.п.).