Как выбрать дизайн сайта


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

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

Виды дизайна сайтов

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

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

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

Если обобщить все варианты существующих сайтов, то можно выделить следующие стили дизайна сайтов:

Чаще всего, если владелец впервые сталкивается с оформлением сайта, то рассматривает только тематику будущего ресурса:

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

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

Стоит ли воспользоваться услугами дизайнера

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

Рассмотрим преимущества и недостатки при использовании услуг дизайнера.

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

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

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

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

Биржи дизайнеров

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

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

1.Биржа illustrators.ru.

На бирже выставлено много готовых интересных работ. Сразу же можно узнать стоимость выбранного варианта.

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

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

2.Биржа prohq.ru.

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

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

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

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

3.Биржа weblancer.net.

Еще одна биржа, на которой есть возможность найти или заказать подходящий вариант для оформления сайта.

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

Фрилансеры уже предложили готовые дизайны сайтов.

Заказчику будет легко ориентироваться на этой бирже.

Каталоги готовых дизайнов сайтов

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

  1. Каталог bitrixtemplates.ru.

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

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

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

2.Каталог megagroup.ru.

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

Цены доступны при наведении курсора на выбранный продукт. Компания предлагает даже распродажу.

3.Каталог vigbo.com.

Еще один каталог дизайнов сайтов.

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

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

В заключение

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

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

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

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

Но вот в чем проблема.

«Это зависит» - и самый правильный, и самый бесполезный ответ.

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

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

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

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

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

1. Определите свои технологические потребности

Как вам нужно, чтобы ваш сайт функционировал ?

Вы хотите создать «сайт-брошюру» - место с основной информацией и контактной информацией?

Или вы хотите создать что-то с определенной функциональностью?

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

Обычный веб-дизайнер обычно не работает с HTML / CSS, а тем более с традиционными веб-языками, такими как Javascript, PHP и т. Д.Веб-дизайнеры Pure-play обычно работают в Photoshop и сосредотачиваются на бренде, цветовых палитрах, изображениях, ощущениях и пользовательском опыте.

Обычный веб-дизайнер часто работает с интерфейсным веб-разработчиком для реализации дизайна. Интерфейс веб-сайта - это то, что пользователь видит и перемещается. Front-end разработчик будет знать HTML / CSS и Javascript - и будет хорошо знаком с «внутренними» технологиями.

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

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

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

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

Что следует учитывать

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

Чего следует избегать

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

Примеры сценариев

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

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

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

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

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

2. Определите потребности вашего дизайна

Как вы хотите, чтобы ваш веб-сайт выглядел и чувствовал себя ?

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

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

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

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

Запишите свое разочарование существующим дизайном.

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

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

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

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

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

Что следует учитывать

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

Чего следует избегать

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

Примеры сценариев

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

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

3. Определите потребности вашего бизнеса

Какую роль играет ваш сайт в вашем бизнесе?

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

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

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

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

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

Что следует учитывать

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

Чего следует избегать

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

Примеры сценариев

Подумайте о местном управлении недвижимостью. Бухгалтерская фирма могла бы преуспеть с «веб-сайтом с брошюрами», который просто перенаправляет людей к телефону и личным консультациям.Хороший веб-сайт с брошюрой (то есть веб-сайт, который просто предоставляет информацию) может подойти. Но что, если компания хочет добавить инструменты для клиентов, защищенные порталы, контент-маркетинг, прямые списки и т. Д.? Эти функции потребуют веб-сайта, который может расширяться и развиваться со временем. Возможно, стоит разработать самостоятельный веб-сайт и нанять дизайнера.

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

4. Определите свой бюджет и объем

Сколько денег и времени у вас есть прямо сейчас?

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

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

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

Что следует учитывать

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

Чего следует избегать

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

5. Определите свои источники и альтернативные варианты

Какой дизайнер вам нужен? А как вы их находите?

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

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

Что следует учитывать

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

Чего следует избегать

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

Куда смотреть

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

Для местного дизайнера / разработчика

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

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

  1. Ищите встречи, чтобы выследить их. Веб-дизайнеры всегда стремятся повысить квалификацию, и вы обычно можете найти их на местном семинаре, в классе или на встрече.
  2. Сделайте действительно конкретный поиск в Google - с поисковыми операторами. Как это.
  3. Спросите у ваших любимых местных компаний рекомендации.
  4. Используйте городские справочники - это особенно хорошо работает в небольших метро.
Для дизайнера / разработчика WordPress

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

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

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

Вот где бы я посмотрел -

  1. Следите за местными встречами WordPress.
  2. Преследуйте посетителей WordCamp - большого собрания дизайнеров, использующих WordPress.
  3. Посетите форумы поддержки сообщества WordPress.org
  4. Выполните невероятно конкретный поиск в Google с помощью чего-то вроде intext: «Работай со мной»
  5. Ознакомьтесь с огромным выбором Fiverr-сертифицированных концертов WordPress.

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

Для [другой платформы] дизайнера / разработчика

Теперь существует множество других программных опций, особенно «размещенных опций», таких как Squarespace, Weebly, Shopify, Wix, Bigcommerce и т. Д.

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

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

Генеральному проектировщику / застройщику

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

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

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

Dribbble - это популярное место встречи дизайнеров, выполняющих передовые задачи.

У большинства разработчиков есть профиль на Github, StackExchange или HackerNews. Ищите тех, у кого есть хорошие ответы.

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

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

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

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

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

Альтернативы пользовательскому конструктору веб-сайтов

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

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

6. Спросите предложения

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

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

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

Вы бы предпочли расплывчатое электронное письмо с вопросом, сколько стоит сайт? Или вы бы предпочли подробное описание проекта и примерный бюджет?

Что следует учитывать

  • Предоставление приблизительного бюджета - это самый быстрый, простой и самый точный способ добиться успеха на одной странице с дизайнером веб-сайтов. Ваш бюджет не определяет конечную стоимость - но он определяет, с кем вы вообще разговариваете.В качестве аналогии - так дизайнеры веб-сайтов узнают, покупаете ли вы подержанную Toyota Corolla или новенькую Ferrari.
  • Сделайте так, чтобы вашему проекту было легко сказать "да". Сделайте следующий шаг и сначала задайте простой и понятный вопрос (например, «вас интересует проект?», «Если интересно, какие дополнительные сведения вам нужны?»).

Чего избегать

  • Избегайте отправки большого количества электронных писем без намерения нанять.
  • Избегайте отправки электронного письма со слишком большим количеством информации или слишком большим количеством вопросов.

7. Последующие вопросы и запросы на ссылки и портфолио

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

Что следует учитывать

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

Чего следует избегать

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

8. Запрос контракта и плана проекта (и отклонения)

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

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

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

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

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

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

9. Последующие действия и четкое общение

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

Что следует учитывать

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

Чего следует избегать

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

Заключение и следующие шаги

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

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

Если вы пытаетесь найти хорошего дизайнера веб-сайтов - следуйте процессу, и все будет готово!

Альтернативный вывод и дальнейшие действия

Теперь - если вы прочитали этот пост и сочли его полезным… , но…

Вы думаете «Мне просто нужен сайт! Наступает 2020 год. Мне просто нужен простой, доступный и быстрый стандартный веб-сайт, а не сложная покупка с контрактами и прочим »

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

Вот несколько вариантов -

# 0 - Сделай сам с автоматическим брендингом и дизайном

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

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

У них также есть встроенный конструктор веб-сайтов, или вы можете использовать их для дополнения с №1 по №3. Ознакомьтесь с Tailor Brands здесь. Прочтите мой обзор здесь.

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

# 1 - Сделай сам с помощью конструктора сайтов

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

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

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

# 2 - Сделай сам с помощью автономного WordPress

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

Я написал здесь руководство по настройке веб-сайта WordPress.

# 3 - Покупка дизайна веб-сайта у хостинговой компании

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

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

Другие ресурсы включают -

По любым конкретным вопросам обращайтесь к моей странице контактов.

Связанные

.

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

Размещено

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

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

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

  1. Посетите собственные сайты потенциальных агентств. Сайт, созданный агентством веб-дизайна для собственной компании, является хорошим показателем его стиля дизайна, возможностей и технологических знаний. Вам нравится сайт в целом? Отзывчивый ли сайт? Соответствует ли он вашим стандартам эстетического дизайна и простоты использования? Ничего страшного, если дизайн сайта не совсем соответствует вашему собственному стилю - хорошая компания, занимающаяся веб-дизайном, будет придерживаться принципов вашего бренда и эстетики стиля, а не своих собственных.Важно то, что сайт выглядит актуальным, приятным на вид, высокофункциональным и удобным для пользователей. Если вы ожидаете, что новый контент станет частью проекта веб-сайта, ищите профессиональные, интересные статьи на веб-страницах компании и в блоге.
  2. Посмотрите некоторые из созданных ими веб-сайтов. Многие фирмы, занимающиеся веб-дизайном, имеют на своих сайтах раздел портфолио, чтобы вы могли легко увидеть некоторые примеры их работ. Насколько профессионально выглядят разработанные ими веб-сайты и просты ли они в использовании? Похоже ли, что их избранные клиенты сопоставимы с вами по размеру? Кажется ли, что сайты похожи по объему?
  3. Позвоните им, чтобы обсудить свой проект и назначить встречу. Обратите внимание на то, как они обрабатывают звонок - доступны ли они и дружелюбны? Они задают вопросы о вашей компании и деталях проекта или сразу же начинают жесткую продажу? Это компания, с которой вы будете работать в течение нескольких месяцев, поэтому химия важна. Хотя человек, который отвечает на звонок, может быть не тем, с кем вы в конечном итоге будете иметь дело (или вообще) после того, как вы вошли в систему в качестве клиента, этот человек все же отражает общую личность компании, поэтому убедитесь, что это похоже на хорошо подходит.

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

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

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

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

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

В какой системе управления контентом (CMS) вы работаете?

Что их ответ скажет вам: Большинство фирм, занимающихся веб-дизайном, специализируются на одной или двух платформах CMS. Большинство веб-сайтов построено на платформе с открытым исходным кодом, такой как WordPress, но некоторые компании, занимающиеся веб-разработкой, имеют свою собственную платформу CMS. У каждой CMS есть свои сильные и слабые стороны, и хорошее агентство веб-дизайна сможет объективно обсудить плюсы и минусы каждой, чтобы помочь вам принять лучшее решение для вашего бизнеса.Подробнее о том, какая CMS подходит для вашего проекта, читайте в нашем блоге Выбор CMS: что такое открытый исходный код и почему это важно?

Могу я встретиться с вашей командой?

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

Какие шаги будет включать проект?

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

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

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

.

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

Шаги и передовой опыт

Этот пост был первоначально опубликован 15 июня 2016 г. и обновлен 14 сентября 2017 г. и 5 июня 2019 г.

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

Один из самых простых способов для не-разработчика научиться создавать полностью настраиваемый веб-сайт - это использовать систему управления контентом (CMS), такую ​​как WordPress.

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

Как получить сайт на WordPress

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

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

Если вы любите приключения или хотите большего контроля, вы можете приобрести надежный пакет хостинга и установить WordPress самостоятельно.CMS доступна бесплатно на WordPress.org, и ее довольно легко настроить, если у вас есть некоторые технические навыки. Ознакомьтесь с разделом «Как установить WordPress на cPanel», чтобы получить подробную информацию о процессе.

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

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

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

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

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

  1. Начните с пяти основных страниц.
  2. Держите его чистым и простым.
  3. Ваше содержание имеет… большое значение.
  4. План для SEO.
  5. Не игнорируйте мобильных пользователей (отзывчивость).
  6. Убедитесь, что он работает (кроссбраузерная совместимость).

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

1. Начните с пяти основных страниц

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

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

По теме: Как спланировать сайт

Домашняя страница

Это первое, что видят посетители, попадая на ваш сайт, так что учитывайте это.

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

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

Призыв к действию (или CTA) - отличный инструмент для размещения на вашей домашней странице.

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

Другие важные элементы, которые следует учитывать, включая на вашу домашнюю страницу:

  • Основная контактная информация : Сделайте так, чтобы посетители могли легко связаться с вами.
  • Форма регистрации / подписки : Поощряйте пользователей подписываться на новости и информацию с вашего веб-сайта.
  • Отзывы / значки доверия : Включите отзывы предыдущих клиентов или любые значки / оценки, которые у вас есть (например, Better Business Bureau, Google Reviews), чтобы показать клиентам, что вы предлагаете качественные услуги и укрепляете доверие.

По теме: Как запросить отзывы и отзывы у ваших клиентов

Товары / услуги стр.

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

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

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

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

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

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

О странице

Кто ты? Как вы начинали? Какой твой любимый вкус мороженого?

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

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

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

Связано: Как создать страницу «О нас» для своего магазина электронной коммерции

Отзывы страница

Ничто так не внушает доверия, как хорошие отзывы других довольных клиентов.

Используйте положительные отзывы, оставленные в таких местах, как Google Review, или попросите прошлых клиентов оставить отзыв, который вы можете использовать.

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

По теме: Как составить отзывы клиентов для вашего сайта электронной коммерции

Контактная страница

Страница контактов, возможно, одна из самых важных страниц на вашем веб-сайте.

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

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

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

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

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

Связано: Разработка контента веб-сайта - Что включать на 5 основных страниц веб-сайта

2.Сохраняйте чистоту и простоту

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

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

Независимо от того, выбираете ли вы тему в WordPress или создаете свой сайт по-другому, сохраняйте общий вид простым и понятным.

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

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

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

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

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

3. Ваше содержание имеет значение… много

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

Письменный текст или копия

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

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

Копия

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

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

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

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

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

Изображения

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

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

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

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

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

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

Pages на National Geographic for Kids используют хорошее сочетание релевантных копий и изображений для четкого отображения информации.

4. План SEO

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

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

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

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

Ключевые слова

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

Инструменты

, такие как Google Keyword Planner, Google Trends и SEMrush, могут помочь вам в этом исследовании ключевых слов.

По теме: советы по поиску ключевых слов и оптимизации контента

Метаданные

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

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

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

Метатеги для GoDaddy.com используются в результатах поисковой системы.

Схема

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

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

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

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

Теги изображений

Как насчет нетекстовых элементов на ваших страницах, таких как изображения?

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

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

По теме: Что такое веб-доступность, какое это имеет значение и как начать?

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

По теме: Руководство для начинающих по поисковой оптимизации веб-сайтов малого бизнеса

5. Не игнорируйте мобильных пользователей (отзывчивость)

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

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

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

И снова WordPress делает это просто.

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

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

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

6. Убедитесь, что он работает (кроссбраузерность)

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

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

Необязательно пробовать все возможные варианты браузера, но ваш сайт должен хорошо работать в пяти самых популярных: Chrome, Firefox, Safari, Edge и Opera (Microsoft прекратила поддержку Internet Explorer).

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

Веб-сайт Better Business Bureau выглядит практически одинаково при просмотре в любом браузере.Показано здесь в Firefox, Chrome и Edge.

Это обертка

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

.

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

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

by 2ché для sparkingmatt

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

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

Что нужно знать для начала работы
-

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

by Mike Barnes

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

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

Дизайнеры UX (пользовательский интерфейс) или UI (пользовательский интерфейс) фокусируются на том, как дизайн вашего макета влияет на ваших пользователей. Например, они помогут вам решить, где разместить кнопки, чтобы больше людей нажимали на них, или как структурировать навигацию, чтобы сделать ваш сайт максимально плавным. (Существует разница между UX и UI. В этой статье это хорошо объясняется.) Часто существует пересечение между дизайнерами UX / UI и веб-дизайнерами; Если вы хотите сэкономить, вам не составит труда нанять фрилансера, обладающего обоими навыками.

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

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

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

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

Приобрести доменное имя и хостинг

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

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

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

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

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

Подумайте о структуре и соберите контент для своего веб-сайта

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

by Gil Fadilana

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

  • Домашняя страница
  • О странице и / или странице контактов
  • Блог
  • Каталог продукции
  • Отдельные страницы продукта
  • Условия использования
.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

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