Подбор веб дизайнера: Сервисы подбора цвета для веб-дизайна |

Содержание

Сервисы подбора цвета для веб-дизайна

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

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

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

colorscheme.ru

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

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

color.adobe.com

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

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

paletton.com

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

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

Следующие два сайта генерируют палитру из выбранного вами изображения. It is magic 🙂

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

Color Palette Generator

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

palettegenerator.com

На этот сайт нужно загрузить картинку со своего компьютера.

palettable.io

Очень удобный инструмент для подбора цвета. Основан на принципе «Нравится — Не нравится».

flatcolors.net

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

materialpalette.com

Еще один модный тренд — материал дизайн. Данный сайт помогает подобрать сочетания цветов для UI (user interface). Дополнительно на сайте есть большой набор иконок.

getuicolors. com

И напоследок снова user interface. Здесь просто набор цветов для UI дизайна. Нажав на любой цвет, можно посмотреть как на определенном фоне будет читаться белый текст.

Вот такие инструменты есть у меня в закладках.

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

Нужен сайт с правильными цветами? Пишите, сделаем 🙂

Нашли ошибку? Выделите фрагмент текста и нажмите CTRL+ENTER

Вокруг цвета: как подобрать палитру в веб-дизайне | GeekBrains

Цветовые приёмы, примеры сочетаний, сервисы, книги — в общем всё, что поможет сделать классный дизайн для продукта или сервиса

27 августа 2021

5 минут

14720

Автор статьи

Юлия Фролова

Автор статьи

Юлия Фролова

https://gbcdn. mrgcdn.ru/uploads/post/2732/og_image/4ac46bde4bcca42648f94b2d3374288d.png

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

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

Модные сочетания цветов в веб-дизайне

8 полезных сервисов

Немного литературы

Вместо заключения

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

Цветовой круг: гармония, тёплые и холодные цвета

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

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

Другие варианты гармоничных цветовых схем

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

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

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

Танец дракона в Китае

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

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

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

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

Фрагмент интерфейса Telegram

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

Сообщение об успешном завершении регистрации

Синий. Синий цвет в веб-дизайне по данным исследования Джо Халлока предпочитает 42% пользователей. Он создаёт нейтральный фон и вызывает чувство доверия, спокойствия и безопасности. Именно поэтому многие соцсети и мессенджеры выбирают его в качестве основного. Кроме того, дальтоникам легче увидеть синие оттенки.

Синий в интерфейсе ВКонтакте

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

Тёмный режим в Google Chrome

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

Большая часть интерфейса — оттенки серого

В 2021 году в тренде яркие естественные тона, неожиданные гармоничные сочетания, приглушенные оттенки и природные палитры.

Выделяющаяся насыщенность

Насыщенные цвета в сочетании с более блёклым фоном, который делает их ещё более яркими — трендовая комбинация этого года.

автор: Arian Sefy

Оттенки человеческой кожи

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

автор: Ana-Ruxandra Nastase

Плавные градиенты

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

автор: Elvira Ramaldanova

Сюрреалистичность

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

автор: Lera Nezhdan

автор: Asma khalid

Монохром плюс один

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

автор: Zamil Ahamed

ColorScheme

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

Paletton

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

Coolors

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

Adobe Color

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

DeGraeve

Загружаем картинку — получаем её цветовую палитру для веб-дизайна. На таком сервисе можно с интересом зависать часами!

Palette Generator

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

Pallettable

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

Flat Color Palettes

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

Если вы хотите вникнуть поглубже и стать гуру в области колористики, то вот парочка полезных книг:

«Сочетание цветов на практике», Наоми Куно

«Искусство цвета», Иоханнес Иттен

«Диалектика мифа», Алексей Лосев (уровень «со звёздочкой» — для тех, кто хочет понимать всю глубину символизма цвета)

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

А в этом помогут:

Понимание основ теории цвета.

Учёт культурного контекста.

Знание актуальных трендов.

Сервисы для подбора сочетаний цветов в веб-дизайне.

Наши бесплатные курсы: «Визуальный язык и его элементы» и «Figma. Начальный уровень»

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

дизайн, колористика, веб-дизайн, сочетание цветов

Нашли ошибку в тексте? Напишите нам.

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

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

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

«В зависимости от обстоятельств» — это и самый правильный, и самый бесполезный ответ.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

На что следует обратить внимание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Примеры сайтов Wix
Примеры сайтов WordPress
Примеры профессиональных персональных сайтов
Примеры онлайн-портфолио
Примеры сайтов Weebly
Примеры сайтов GoDaddy
Примеры сайтов Shopify0050

Напишите, что вас не устраивает в существующих проектах.

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

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

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

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

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

На что обратить внимание

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

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

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

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

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

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

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

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

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

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

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

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

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

На что следует обратить внимание

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

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

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

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

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

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

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

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

И «как можно дешевле» — это не ответ. Если вы так думаете, вам не стоит искать дизайнера сайта на заказ. Следует искать альтернативные варианты.

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

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

На что следует обратить внимание

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

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

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

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

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

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

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

На что обратить внимание

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

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

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

Где искать

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

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

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

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

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

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

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

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

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

Вот где я буду искать —

Следите за местными встречами WordPress.
Следите за участниками WordCamps — больших собраний дизайнеров, использующих WordPress.
Следите за форумами поддержки сообщества WordPress. org
Выполните невероятно конкретный поиск в Google с чем-то вроде интекста: «Работайте со мной»
Ознакомьтесь с огромным выбором Fiverr, отвечающих требованиям WordPress.

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

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

Сейчас существует множество других вариантов программного обеспечения, особенно «хостинговые варианты», такие как Squarespace, Weebly, Shopify, Wix, Bigcommerce и т. д.

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

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

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

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

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

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

Dribbble — это большое место встречи дизайнеров, занимающихся передовой работой.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

На что обратить внимание

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

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

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

7. Ответьте на вопросы и запросите ссылки и портфолио

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

На что обратить внимание

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

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

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

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

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

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

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

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

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

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

9.

Отслеживание и четкое общение

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

На что обратить внимание

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

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

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

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

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

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

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

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

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

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

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

Вот некоторые варианты –

#0 – Сделай сам с автоматизированным брендингом и дизайном

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

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

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

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

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

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

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

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

#2 — Сделай сам с WordPress на собственном хостинге

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

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

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

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

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

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

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

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

17 советов владельцам малого бизнеса

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

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

Какие типы дизайнеров сайтов существуют?

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

Дизайнер веб-сайтов — помогает определить макет страницы, графику, расположение текста и цвета вашего сайта на основе вашего бренда. Он помогает разработать структуру меню/навигации и то, как страницы будут ссылаться друг на друга. Он также может заниматься компьютерным программированием и графическим оформлением сайта или может сдать эту работу в аренду специалисту по программированию и художнику-графику. Дизайнер веб-сайтов также является менеджером проекта по дизайну вашего сайта.
Программист веб-сайта — берет дизайн у дизайнера и создает код для запуска сайта. Она также отвечает за всю техническую работу, которая происходит за кулисами, чтобы убедиться, что сайт работает должным образом для ваших посетителей.
Графический дизайнер/художник — создает или выбирает графику для сайта, включая макет страницы, цвета, логотип, фотографии, иллюстрации и т. д. Думайте об этом человеке как о «визуальном художнике», который создает имидж бренда для вашего сайта. .
Копирайтер — создает текст для вашего сайта. Этот человек обладает уникальными навыками письма и знает, как создать копию веб-сайта, которая правильно продвигает ваш бизнес.
Консультант по интернет-маркетингу — поможет вам определить, как ваш веб-сайт вписывается в вашу общую маркетинговую стратегию, и как получить больше трафика и продаж с вашего веб-сайта.

Заметка по копирайтингу

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

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

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

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

Кто такой хороший дизайнер и сколько они берут?

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

Плата за новый или переработанный веб-сайт варьируется в зависимости от сложности проекта. Будьте готовы заплатить не менее 2000 долларов за простой сайт и до 10 000 долларов или больше за очень сложный сайт.

Оплата большинства дизайнеров веб-сайтов находится в диапазоне от 60 до 300 долларов в час.

Ниже приведены советы, как определить качество и навыки дизайнера веб-сайтов…

Когда вы выбираете дизайнера веб-сайтов, обратите внимание на 17 вещей:

Обратите внимание на то, сколько они спрашивают вас о вашем бизнесе . Они должны хотеть ближе познакомиться с вами, вашим бизнесом, вашей аудиторией и вашими маркетинговыми целями. Как еще они могут разработать сайт, отражающий вас, ваш бренд и ваш бизнес, если они не потратят время на то, чтобы узнать вас поближе?
Просмотрите сайты, которые они разработали, чтобы понять, нравится ли вам их стиль. Есть ли у все их сайты определенное ощущение, или они гибки в своем дизайне? (Смогут ли они отразить ваш бренд и потребности вашего сайта? Или они используют шаблоны и готовые шаблоны?)
Спросите их, занимались ли они собственно графическим и макетным дизайном сайта или только программирование.
Если они не занимаются графикой сами, могут ли они порекомендовать графического дизайнера?
Есть ли у них структурированный, систематический процесс планирования, который ведет вас через этапы проектирования? Будут ли они документировать все обсуждения и решения? Полезно, если у них есть руководство по планированию веб-сайта, которое вы будете прорабатывать вместе и которое документирует ваши решения.
Спросите их, что они знают об интернет-маркетинге и поисковой оптимизации. Убедитесь, что они создают для вас сайт, который соответствует вашим более масштабным маркетинговым и бизнес-целям. (Красивый сайт бесполезен для вас, если он не приносит дохода и потенциальных клиентов. )
Узнайте у дизайнера их гонорар и примерную стоимость сайта, который вы хотите. Возможно, они не смогут дать вам точную оценку, пока вы не обсудите содержание и функции сайта. Ожидайте платить от 80 до 200 долларов в час, в зависимости от их навыков и местоположения. Веб-сайт качества с хорошим графическим дизайном и макетом будет стоить около 2500–5000 долларов США за простой бизнес-сайт. Если вы добавите блог, информационный бюллетень, корзину для покупок, автоответчики, настройку адреса электронной почты, SEO, членский сайт или дизайн логотипа (или если у вас много страниц на вашем сайте), ожидайте, что цена будет выше.
Спросите их, как они будут выставлять вам счета. Будут ли они выставлять вам счета ежемесячно или по достижении определенных этапов? Нужно ли вносить депозиты?
Обратите внимание на то, будут ли они пытаться уложиться в ваш бюджет или будут продолжать предлагать новые дополнения, которые увеличивают стоимость вашего сайта. Помните, что дизайнеры не несут ответственности за ваш бюджет — это вы. (Также обратите внимание, что вы также обязаны оставаться в рамках согласованного объема.)
Поговорите с некоторыми из их текущих и недавних клиентов, чтобы увидеть, насколько гладко прошел процесс. Вы хотите, чтобы кто-то, кто имеет хорошие навыки управления проектами И хорошие навыки общения. Они должны слушать вас, а не просто давать советы. Им нужно смириться, когда вы решили не следовать их совету и не настаивать на этом. И они должны своевременно отвечать на телефонные звонки и электронные письма.
Спросите их, будут ли они поддерживать ваш сайт после первоначального дизайна и сколько они будут за это брать. Некоторые дизайнеры хотят создавать новые сайты, но не хотят их поддерживать. Кто-то вроде виртуального помощника (VA) может поддерживать ваш сайт за меньшую почасовую плату, если VA имеет опыт программирования веб-сайтов. Узнайте, какие типы программирования и платформы используются на вашем сайте, чтобы вы могли найти кого-то, кто поможет вам обновить его.
Если вы собираетесь поддерживать сайт самостоятельно, спросите у них, смогут ли они спроектировать ваш сайт таким образом, чтобы его легко обслуживал владелец бизнеса. Вы можете создать свой сайт на такой платформе, как WordPress, что позволит вам редактировать текст и некоторую графику.
Убедитесь, что в вашем договоре указано, что вы владеете авторскими правами на весь веб-сайт (за исключением, конечно, стоковых фотографий и графических изображений… оригинальный фотограф/художник владеет авторскими правами на стоковые изображения). Весь контент, включая графику, которую вы наняли для создания специально для вас, и вся работа по кодированию, должны принадлежать вам.
Убедитесь, что ваше доменное имя принадлежит вам, даже если разработчик веб-сайта зарегистрировал его для вас.
Спросите у своего дизайнера оригинальные, редактируемые исходные файлы. Вы должны быть уверены, что сможете легко отредактировать свой веб-сайт (или попросить другого дизайнера отредактировать ваш веб-сайт).