Как предложить услуги индивидуального дизайна вашим клиентам веб-разработки
Опубликовано: 2022-08-24Предлагая услуги индивидуального дизайна в рамках общих услуг веб-разработки, вы можете повысить свою привлекательность, увеличить доход и повысить ценность для клиентов. Узнайте, шаг за шагом, как это делается в этой статье.
Хотите расширить свои услуги за пределы обычной работы по веб-разработке? Или, может быть, вы изучаете новые навыки веб-дизайна и ищете выгодный способ их применения?
В этой статье мы покажем вам, как предложить своим клиентам специализированные услуги веб-дизайна, даже если у вас нет дизайнерских навыков или опыта.
К вашему сведению, мы опросили более 50 000 наших участников и изучили десятки профессиональных веб-сайтов, чтобы прийти к рекомендациям и предложениям, упомянутым в этой статье.
«Деньги, которые я заработал на этом побочном бизнесе, пошли на отпуск и новые игрушки, которые я не смог бы себе позволить иначе». – Фил (член WPMU DEV)
К тому времени, когда вы закончите читать, у вас будут идеи для…
- Лучшие виды услуг веб-дизайна, которые вы можете предложить своим клиентам.
- Как внедрить или передать услуги.
- Сколько можно брать за услуги дизайна.
Перейти к любому разделу этой статьи:
- Лучшие услуги по дизайну, чтобы предложить своим клиентам веб-разработки
- Брендинг
- Внешняя идентичность
- Целевые страницы и лидогенерация
- Редизайн
- Отображение меню дизайнерских услуг
- Начните предлагать услуги веб-дизайна своим клиентам
Что такое дизайнерские услуги и какие услуги вы должны предложить?
Как упоминалось выше, наше определение дизайнерских услуг — это услуги, которые выходят за рамки вашей обычной темы, шаблона или подхода к созданию страниц.
Брендинг, ребрендинг, дизайн логотипа, дизайн лендинга. Это то, чем многие веб-разработчики могут пренебречь, и это нормально.
Но если вы готовы получать дополнительный доход, приносить больше пользы своим клиентам и выделять свои услуги веб-разработки среди остальных, мы покажем вам, как это сделать.
Также не беспокойтесь, если вы не дизайнер или не думаете, что у вас есть необходимые навыки или опыт, чтобы предлагать эти услуги.
Мы предоставим вам различные варианты аутсорсинга, которые по-прежнему позволят вам применять наценку и получать прибыль.
Когда мы коснемся каждой услуги, вы также увидите, что мы даем вам ряд инструментов и ресурсов, которые можно использовать, если вы хотите выполнить работу самостоятельно.
4 лучшие услуги веб-дизайна, которые вы можете предложить (по мнению наших участников)
После того, как вы решили предлагать эти дополнительные услуги веб-дизайна, следующий вопрос заключается в том, какие услуги вы на самом деле собираетесь предлагать.
Вместо того, чтобы идти в неизвестность или копировать то, что было сказано в верхней части результатов Google, мы подумали, что спросим группу людей, которые знают лучше, чем кто-либо другой, потому что они на самом деле зарабатывают этим на жизнь…
Наши 50 000+ членов веб-разработчика!
Вот дизайнерские услуги, которые вышли на первое место, когда мы спросили их в недавнем обсуждении участников:
- Брендинг
- Внешняя идентичность
- Целевые страницы и лидогенерация
- Редизайн
Теперь давайте подробно рассмотрим каждую из этих дизайнерских услуг. Вы узнаете, что связано с каждой услугой, ресурсами, инструментами и вариантами аутсорсинга для каждой из них, а также сколько вы можете взимать со своих клиентов.
Услуга веб-дизайна 1: Брендинг
Брендинг — это то, как бизнес отличается от других организаций, и с чем его будут идентифицировать и ассоциировать клиенты.
Вам не нужно выходить за рамки основ, чтобы запустить бренд, особенно если это не крупная корпорация.
Дополнительные компоненты брендинга также могут быть дополнены, если они станут актуальными.
«Начните только с того, что требуется, и добавьте больше, если необходимо». – Databoy (член WPMU DEV)
–
Что входит в услуги по брендингу?
Брендинг, на котором мы сосредоточены, основанный на отзывах членов сообщества, — это просто создание бренда путем включения цветовой палитры, выбора шрифтов и стратегического размещения логотипа или словесного знака (о создании логотипа мы поговорим отдельно; см. «Визуальная идентификация» ниже). .
Создание цветовой палитры для бренда ваших клиентов
Принятие цветовой палитры является неотъемлемой частью синергии веб-сайта клиента.
Есть несколько отличных онлайн-инструментов, которые вы можете использовать, если вам нужна помощь в подборе оттенков для ваших клиентов.
Вот лишь некоторые из них, которые нам нравятся, и все они бесплатны.
Инструменты цветовой палитры:
Охладители
С Coolors вы можете быстро генерировать палитры случайным образом, а точнее с помощью их цветового инспектора (полосы RGB) или путем загрузки изображения — как для сплошных, так и для градиентов.
Если вы предпочитаете готовые варианты, у них есть огромная библиотека.
Этот инструмент доступен через приложения для iOS и Android, плагин Figma и расширение для Chrome.
Они также предлагают Contrast Checker и инструмент Artwork Recolor (см. мой тестовый пример на изображении выше).
Adobe Цвет
Adobe Color предоставляет свой профессиональный инструмент цветового круга с тремя доступными режимами: RGB, HSB и LAB.
Вы можете извлечь тему из изображения, чтобы сохранить ее в виде цветовой палитры или градиента.
Инструменты доступности — еще один плюс; используйте их режимы Contrast Checker и Color Blind Safe , чтобы увидеть их соответственно.
Эградиенты
Eggradients позволяет выбирать из множества готовых градиентов. Это простые сочетания двух цветов, но они могут быть полезными или стимулировать творчество, если вы ищете базовые подходы к палитре.
Их генератор цветовой палитры позволяет вам выбирать из списка различных градиентов оттенков.
У них также есть раздел «50 оттенков цвета», в котором будут выбраны случайные тона в этом цветовом семействе, каждый с соответствующими шестнадцатеричными кодами.
Выбор шрифтов для сайта
Типографика и правильный выбор шрифта играют решающую роль в успехе нового дизайна.
Есть несколько достойных инструментов для сравнения и тестирования шрифтов, а также сайты, предлагающие доступ к обширному ассортименту самих шрифтов.
Опять же, это все бесплатные опции.
Инструменты веб-шрифтов
Пара шрифтов
На сайте Fontpair есть коллекция предварительно подобранных шрифтов, собранных со всего Интернета.
У них есть страница предложений/заявок, где еженедельно добавляются новые пары.
Соединить и сравнить
Pair & Compare позволяет легко экспериментировать с парами шрифтов.
Вы можете использовать Google или локальные шрифты (общие с вашего устройства) и иметь до трех сравнительных изображений одновременно на экране.
Существует множество вариантов редактирования: размер, вес, цвет, высота строки и многое другое.
Вы также можете изменить любой образец текста и добавить шрифты в закладки для последующего тестирования.
Гугл шрифты
Google Fonts — это отличный ресурс для поиска и использования шрифтов, в котором представлено около 1500 семейств, включая вариативные шрифты и символы материалов.
Все они могут использоваться бесплатно, даже в коммерческих целях или в продуктах, которые продаются на коммерческой основе (например, логотип или словесный знак).
Загрузки доступны для семей или отдельных стилей, и ими можно поделиться с другими по ссылкам.
Дополнительные сайты, предлагающие бесплатные шрифты:
- FontBase (это система управления шрифтами)
- Шрифт Белка
- Dafont.com
- ШрифтПространство
- 1001FreeFonts
- Городские шрифты
И подборка премиум/платных сайтов со шрифтами:
- Шрифты Adobe
- Мои шрифты
- Шрифты EnvatoElements
- Пакеты шрифтов
Сколько вы можете брать за услуги брендинга?
Чтобы получить представление о том, как оценивать ваши услуги по брендингу, полезно проверить, что предлагают конкуренты и взимают плату за создание такого же или похожего контента.
Мы сделали это сами, и вот несколько подходящих примеров, из которых можно черпать вдохновение в ценообразовании:
У TechCrunch была отличная статья о стоимости брендинга и визуальной идентификации стартапов от дизайнера с десятилетним опытом (в том числе из списка Fortune 500).
Вот разбивка того, что они взимали:
Оценки цен разбиты на две категории в зависимости от стадии бизнеса, что, как видите, сильно влияет на примерные затраты.
Branded Agency — это цифровое агентство с полным спектром услуг, которое предлагает услуги и консультации, охватывающие все элементы и уровни брендинга.
У них есть информативная статья, в которой они предоставляют спецификации, которые помогут спланировать и рассчитать затраты на брендинг.
В этих ценах тоже есть различия, но они по-прежнему полезны, чтобы получить представление о том, каков типичный диапазон для дизайнерских услуг.
Зная это, вы сможете предотвратить массовую переплату или занижение, принимая во внимание ваши навыки и уровень знаний (и масштаб данного проекта).
Конечно, вы можете и должны устанавливать более высокие цены, чем больше вы включаете в свои брендинговые пакеты.
Средний ценовой диапазон услуг брендинга: $1000-$30000+
Служба веб-дизайна 2: визуальная идентификация
Визуальная идентификация может быть только графической (логотип), только художественным текстом (словесный знак), комбинацией того и другого или полным дополнением всего.
Это может быть просто круг с инициалом в нем или название компании с определенным шрифтом, весом и цветом.
Показательный пример >> WPMU DEV!:
Что связано с предоставлением услуги визуальной идентификации
Выбор логотипа для клиента имеет разную степень сложности.
Это сводится к тому, насколько они специфичны и каков их бюджет.
Чем сложнее или специфичнее дизайн, задуманный клиентом, тем больше вероятность того, что его потребности будут удовлетворены за счет индивидуального дизайна.
Другим явным преимуществом индивидуального дизайна является то, что он будет уникальным. Сборные материалы доступны для всех, поэтому несколько компаний могут приобрести и использовать один и тот же дизайн.
Так же, как мы проверили некоторые сайты, которые могут помочь с основными элементами брендинга, мы решили найти ресурсы, которые предлагают хороший выбор визуальной идентичности (логотипы, словесные знаки и т. д.).
Инструменты и варианты аутсорсинга для создания пользовательских логотипов
Logo.com
Все логотипы на Logo.com бесплатны.
Это очень простые, готовые предложения для формочек для печенья, но их много.
Они также допускают большие вариации цвета (есть поле Hex), если вам нужен очень специфический оттенок.
Играем с бесплатной настройкой логотипа на Logo.com.
Учитывая, что они абсолютно бесплатны, это достойный вариант, если вам не нужно ничего сложного или уникального.
Креативный рынок
Creative Market предлагает более 150 000 шаблонов логотипов для корпоративного брендинга, электронной коммерции и предпринимательства.
Наборы шаблонов логотипов включают значки, значки и другие элементы для создания уникальных и современных логотипов.
Все это готовые дизайны, поэтому имейте в виду, что любое количество людей может приобрести/использовать произведение искусства помимо вас. Если вашему клиенту нужен уникальный логотип, этот вариант не подойдет.
Пятьрр
Fiverr — очень популярный рынок продавцов, где вы нанимаете отдельного художника для любого количества элементов дизайна, предлагаемых в качестве концертов.
Поскольку это полностью зависит от того, какого дизайнера вы выберете, ваш пробег может варьироваться. Но в целом рецензенты в целом кажутся довольными и считают, что получили много за то, что заплатили.
Наши лучшие профессиональные инструменты WP в одном комплекте
Цены варьируются от 5 до 995 долларов, в зависимости от уровня мастерства художника и включенных компонентов.
Логогло
Logoglo — сайт с логотипами премиум-класса. Все, что вы получите здесь, будет уникальным, одноразовым дизайном, профессионально созданным с нуля на основе вашего брифа.
Пакеты включают больше контента по мере того, как вы поднимаетесь по уровням, например, количество первоначальных концепций, время выполнения и допуски на исправление.
Это отличный вариант, если у вас есть клиент с немного большим бюджетом, который хочет получить произведение искусства, которое люди не найдут в другом месте.
99 дизайнов
99designs является дочерней компанией VistaPrint, очень успешной онлайн-типографии.
Предложения включают в себя уровень дизайнеров, а также получение вами выделенного менеджера и приоритетной поддержки.
Количество представленных дизайн-концепций начинается с 30 и доходит до 90. Все дизайны поставляются с гарантией возврата денег и полным владением авторскими правами.
Сколько вы можете брать за услуги визуальной идентификации?
Джейкоб Касс — бренд-дизайнер, стратег и основатель JUST Creative , отмеченной наградами консалтинговой компании по брендингу и дизайну.
На JC.com есть статья о стоимости дизайна с полезной диаграммой ценообразования на дизайн логотипа. Кроме того, они предоставили список, в котором более подробно расписаны расходы.
Полный брендинг для глобальной идентичности стоит очень дорого, более миллиона долларов.
Это, конечно, элитный высший эшелон, намного выше среднего.
Для уровня, на котором мы сосредоточены, вы можете увидеть разницу от 0 долларов для создателей логотипов своими руками / бесплатно до более 5 тысяч долларов для опытного дизайнера.
Средний ценовой диапазон услуг визуальной идентификации: $500-$5000
Услуга веб-дизайна 3: Целевые страницы и лидогенерация
Основная цель большинства веб-сайтов (помимо образовательных и развлекательных) — превратить входящий трафик в потенциальных клиентов.
Предлагая своим клиентам целевую страницу или аналогичные услуги на основе конверсии, оно того стоит.
В конце концов, они вряд ли откажутся от возможности получить больше клиентов и лидов.
«У каждой страницы есть одна цель — конвертировать. Убедитесь, что у вас есть четкое представление о том, как клиент хочет конвертировать, какова цель, которую клиент хочет от каждого посетителя. Сосредоточьте свой дизайн на получении клика-конверсии». – Крис (член WPMU DEV)
Что включено и инструменты, которые помогут вам предоставить целевую страницу и услуги по генерации лидов
Целевые страницы
Возможно, у вас уже есть шаблон, который вы используете для клиентских целевых страниц — созданный вами, приобретенный или приобретенный бесплатно.
Если вы ищете что-то новенькое или еще не сделали этого, вот несколько вариантов веб-сайтов целевых страниц.
Инструменты и варианты аутсорсинга
Ницца
Nicepage предлагает более 10 000 предварительно разработанных целевых страниц, или вы можете создать свои собственные.
Вы можете редактировать любой из предварительно созданных шаблонов, используя их собственный конструктор веб-сайтов, который позволяет перетаскивать и не настраивать код, такой как редактирование контента, изменение макета (блоки), изменение цветов и шрифтов, а также внесение корректировок для различных адаптивных режимы.
Nicepage доступен для Windows или Mac OS в виде плагина WordPress.
Пятьрр
Опытные дизайнеры целевых страниц Fiverr могут создать правильный макет и фирменный стиль для вашей страницы.
Ожидайте изображения высшего качества, адаптивный дизайн, подходящий для мобильных устройств и настольных компьютеров, загрузку контента (контента, предоставленного вами) и многое другое.
Цены сильно различаются в зависимости от того, что вы хотите, как быстро вы хотите это сделать, а также от навыков и опыта художника, которого вы выбираете. Для справки, мы обнаружили, что цены колеблются от 5 до 1500 долларов.
Landingfolio
Landingfolio представляет собой красивую и разнообразную коллекцию целевых страниц, собранных со всего Интернета.
Их предложения включают:
- Шаблоны сайтов Tailwind CSS — Figma включена во все дизайны
- Logos — коллекция дизайнера Йорда Риквеля, подаренная сообществу (бесплатно).
- Генератор макетов — быстро создавайте макеты устройств для вашего приложения или веб-дизайна; введите URL вашего веб-сайта, и они сгенерируют макеты для вас
Tailwind — это CSS-фреймворк, похожий на Bootstrap, который ускоряет время разработки. Он использует классы для стилизации элементов, поэтому вам не нужно писать CSS.
Популярные конструкторы страниц, такие как Elementor и Divi
Конечно, при необходимости вы всегда можете обратиться к компоновщикам страниц и темам, большинство из которых помогут вам создавать качественные настраиваемые целевые страницы для клиентов.
Divi предлагает только платную версию своего конструктора, который обеспечивает красивый конечный продукт, когда дело доходит до целевых страниц и элементов конверсии. Elementor также имеет возможность создавать целевые страницы как в бесплатной версии, так и в версии Pro.
Создавайте модули лидогенерации с помощью Hustle
Каждая хорошая целевая страница нуждается в эффективных элементах лидогенерации.
С помощью нашего бесплатного плагина Hustle вы можете собрать несколько отличных модулей для генерации лидов.
Подписка, всплывающие окна, слайды, публикации в социальных сетях и встраивания — Hustle поможет вам создать все это, предназначенное для достижения результатов и конвертации посетителей.
С помощью профессионально разработанных шаблонов Hustle (их 18 и больше) можно легко создавать великолепно выглядящие модули за считанные минуты.
Все они адаптированы для мобильных устройств и поставляются с выбором форм подписки по электронной почте и информационным дизайном (т. е. пользователи нажимают кнопку и перенаправляются на другую страницу).
Hustle поставляется как в бесплатной, так и в профессиональной версиях. Оба дают вам одинаковые отличные настройки и опции.
Единственная разница в том, что Pro-версия поставляется с неограниченным количеством подписок, пользовательским контентом и социальным обменом.
Хотите больше Хастла? Ознакомьтесь с этими информативными статьями в блоге:
- Как получить максимальную отдачу от суеты
- Как использовать условия видимости в Hustle
- Как получить наибольшее количество подписчиков электронной почты с помощью Hustle
Сколько вы можете брать за целевую страницу и услуги лидогенерации?
F5 Studio , успешная компания по веб-разработке, работающая с 2013 года, опубликовала отличную статью, в которой рассказывается об элементах дизайна и о ценах на целевые страницы.
Они говорят, что цифровые агентства берут от 600 до 3000 долларов за создание статической целевой страницы и от 2000 до 5000 долларов за динамическую целевую страницу.
Brimar , отмеченное наградами маркетинговое агентство с полным спектром услуг, поделилось своим мнением о стоимости целевой страницы, заявив, что агентство может взимать от 300 до 3000 долларов за целевую страницу, в зависимости от сложности проекта и бизнес-целей клиента.
В целом, стоимость создания целевой страницы варьируется в зависимости от полного объема работы и объема работы.
Средний диапазон цен на лендинг и конверсионные услуги: 300-5000 долларов.
Служба веб-дизайна 4: Проекты редизайна/ребрендинга
Есть несколько причин, по которым клиент может извлечь выгоду или захотеть изменить дизайн веб-сайта. Наиболее распространенными являются:
- Общий вид устарел или непривлекателен.
- Бизнес-идентичность плохо отражена в дизайне или скоро не будет отражена из-за запланированного ребрендинга.
- Удобство использования оставляет желать лучшего, что затрудняет навигацию и ограничивает количество конверсий.
«Это особенно важно для полного пересмотра (пользовательский интерфейс может потребовать полного переосмысления), если вы пытаетесь обратиться к совершенно другой аудитории — например, если веб-сайт переходит с b2c на b2b». – Марианна (Член WPMU DEV)
Что необходимо и инструменты, которые помогут вам предоставить услугу редизайна
Понимание пользовательского опыта является ключевым. Если коэффициенты взаимодействия/конверсии сайта намного меньше, чем его трафик, вам следует изучить поведенческую аналитику.
Hotjar и Crazy Egg для анализа UX
Такие инструменты, как Hotjar и Crazy Egg, могут дать отличное представление о дизайне/удобстве использования сайта.
Наблюдая за записанным поведением экрана, вы можете точно определить любые слабые места и выполнить обновления на основе данных реального использования.
Hotjar предлагает свои услуги бесплатно, до тысячи долларов (в месяц) в зависимости от того, какие функции вам нужны и сколько сеансов («Наблюдение») или ответов («Спросить»).
Цена Crazy Egg включает в себя 5 различных пакетов, от менее чем тридцати долларов в месяц до цен по расценкам. Каждый уровень допускает большее количество сервисов (например, отслеживание просмотров страниц, моментальных снимков и записей).
Изучение того, куда клиенты перемещают мышь и куда нажимают, на что они обращают внимание, а что игнорируют, устраняет любые сомнения и догадки, позволяя вам сосредоточиться на областях, специально выделенных как созревшие для улучшения.
Сколько вы можете брать за услуги редизайна?
Редизайн очень похож на новый дизайн с точки зрения требуемых общих усилий. Они включают в себя многие из тех же элементов, инструментов и требований времени.
Единственная разница в цене с редизайном будет заключаться в дополнительных затратах на инструменты анализа UX, как объяснялось выше.
Что касается общих затрат на редизайн веб-сайтов, участники недавнего глобального опроса по редизайну раскрыли некоторые ключевые статистические данные:
- Средняя стоимость разработки веб-сайта (с базовыми функциями): 3200 долларов США.
- Среднее время разработки веб-сайта (с базовыми функциями): 2 месяца.
- Основная причина, по которой люди нанимают профессионального веб-дизайнера (а не используют программное обеспечение для создания сайтов): возможность полной настройки.
Независимо от причины редизайна, важно заранее установить, каковы ожидания в отношении объема и стоимости.
Мы видим в среднем $3+K и сроки около двух месяцев для полного веб-дизайна/редизайна. Учтите это при расчете среднего времени сборки и услуг, которые вы будете включать, чтобы установить цены.
Средний диапазон цен на редизайн сайта: 2000-4000 долларов.
Объединение всех компонентов веб-дизайна вместе
Собрав информацию и уделив ей должное внимание, теперь вы можете создать меню, уникально адаптированное к вашим услугам веб-дизайна, обеспечивая легкий доступ (и ценное предложение) для заинтересованных клиентов.
Пример полного меню дизайнерских услуг:
Вот пример, который мы придумали, который включает вариации цен на элементы в зависимости от включенных компонентов и ожидаемой работы.
Начните предлагать услуги веб-дизайна своим клиентам
Мы надеемся, что вы извлекли для себя ценную информацию из этого подробного обзора предложения услуг веб-дизайна.
Если вам нужны дополнительные советы или разъяснения по поводу чего-либо, обсуждаемого в статье, не стесняйтесь спрашивать нас в комментариях ниже.
Есть много шаров, которые нужно держать в воздухе как веб-разработчик. Наша цель в WPMU DEV — максимально упростить этот процесс.
Если вы заинтересованы в том, чтобы попробовать нашу платформу, лучше всего начать с нашего бесплатного плана. Он включает в себя неограниченное управление сайтом, встроенный биллинг, плагины и многое другое.