Como oferecer serviços de design personalizado para seus clientes de desenvolvimento web
Publicados: 2022-08-24Oferecer serviços de design personalizado como parte de seu serviço geral de desenvolvimento da Web pode ajudar a aumentar seu apelo, sua receita e permitir que você agregue mais valor para os clientes. Aprenda, passo a passo, como isso é feito neste artigo.
Procurando expandir seus serviços além do trabalho geral de desenvolvimento web? Ou talvez você esteja aprendendo novas habilidades de web design e procurando uma maneira lucrativa de usá-las?
Neste artigo, mostramos como oferecer serviços especializados de web design para seus clientes, mesmo que você tenha ZERO habilidades ou experiência em design.
Para sua informação, pesquisamos nossos mais de 50.000 membros e pesquisamos dezenas de sites profissionais para chegar às recomendações e sugestões mencionadas neste artigo.
“O dinheiro que ganhei com esse negócio paralelo pagou férias e novos brinquedos que eu não teria condições de comprar de outra forma.” – Phil (membro do WPMU DEV)
Quando terminar de ler, você terá ideias para…
- Os melhores tipos de serviços de web design para oferecer aos seus clientes.
- Como implementar ou terceirizar os serviços.
- Quanto você pode cobrar pelos serviços de design.
Pule para qualquer seção deste artigo:
- Principais serviços de design para oferecer aos seus clientes de desenvolvimento web
- Marca
- Identidade visual
- Landing Pages e Geração de Leads
- Redesenhos
- Exibindo seu menu de serviços de design
- Comece a oferecer serviços de web design para seus clientes
O que são serviços de design e quais serviços você deve oferecer?
Como mencionado acima, nossa definição de serviços de design são serviços que vão além de sua abordagem normal de tema, modelo ou construtor de páginas.
Branding, rebranding, design de logotipo, design de página de destino. Esse é o tipo de coisa que muitos desenvolvedores web podem deixar de fazer, e tudo bem.
Mas se você deseja obter uma renda extra, fornecer mais valor para seus clientes e destacar seu serviço geral de desenvolvimento da Web dos demais, estamos mostrando como fazer isso.
Também não se preocupe se você não for um designer ou achar que não tem as habilidades ou experiência necessárias para oferecer esses serviços.
Forneceremos várias opções de terceirização que ainda permitem que você aplique uma marcação e obtenha lucro.
À medida que abordamos cada serviço, você também verá que fornecemos várias ferramentas e recursos para usar se você quiser fazer o trabalho sozinho.
Os 4 principais serviços de web design que você pode oferecer (conforme votado por nossos membros)
Depois de decidir oferecer esses serviços adicionais de web design, a próxima pergunta é que tipo de serviços você realmente oferecerá.
Em vez de dar uma facada no escuro ou copiar o que o principal resultado do Google dizia, pensamos em perguntar a um grupo de pessoas que sabem melhor do que ninguém, porque na verdade fazem isso para ganhar a vida…
Nossos mais de 50.000 membros desenvolvedores web!
Aqui estão os serviços de design que se destacaram quando perguntamos a eles em uma discussão recente com membros:
- Marca
- Identidade visual
- Landing Pages e Geração de Leads
- Redesenhar
Agora vamos ver cada um desses serviços de design em detalhes. Você aprenderá o que está envolvido em cada serviço, recursos, ferramentas e opções de terceirização para cada um, bem como o que você pode cobrar de seus clientes.
Serviço de Web Design 1: Branding
Branding é como uma empresa se diferencia de outras entidades e com o que os clientes a identificarão e a associarão.
Você não precisa ir além do básico para colocar uma marca em funcionamento, especialmente se não for uma grande corporação.
Componentes de marca adicionais também podem ser complementados, se ou à medida que se tornarem relevantes.
“Comece com apenas o necessário e adicione mais, se necessário.” – Databoy (Membro do WPMU DEV)
–
O que está envolvido com serviços de branding?
A marca em que estamos focando – com base na opinião da comunidade de membros – é simplesmente criar uma marca incorporando uma paleta de cores, selecionando fontes e colocando estrategicamente um logotipo ou marca de palavra (falaremos sobre a criação de logotipo separadamente; veja Identidade Visual abaixo) .
Criando uma paleta de cores para a marca do seu cliente
Adotar uma paleta de cores é essencial para a sinergia do site de um cliente.
Existem algumas ótimas ferramentas on-line que você usa se precisar de ajuda para montar tons para seus clientes.
Aqui estão apenas alguns que gostamos, todos gratuitos.
Ferramentas da paleta de cores:
Refrigeradores
Com Coolors, você pode gerar paletas de forma rápida e aleatória, ou mais precisamente usando o inspetor de cores (barras RGB) ou fazendo upload de uma imagem – tanto para sólidos quanto para gradientes.
Se você preferir opções prontas, eles têm uma enorme biblioteca.
Esta ferramenta está disponível através de aplicativos iOS e Android, um plug-in Figma e uma extensão do Chrome.
Eles também oferecem um verificador de contraste e uma ferramenta Artwork Recolor (veja meu caso de teste na imagem acima).
Adobe Color
O Adobe Color fornece sua ferramenta de roda de cores profissional, com três modos disponíveis: RGB, HSB e LAB.
Você pode extrair um tema de uma imagem para salvar como uma paleta de cores ou gradiente.
Ferramentas de acessibilidade são outra vantagem; use os modos Contrast Checker e Color Blind Safe para ver ambos, respectivamente.
Eggradientes
Eggradients permite que você selecione entre vários gradientes prontos. Estas são misturas simples de duas cores, mas podem ser úteis ou estimular a criatividade se você estiver procurando por abordagens básicas de paleta.
Seu gerador de paleta de cores permite que você escolha em uma lista de gradientes de tonalidade variados.
Eles também têm uma seção “50 Shades of Color”, que puxará tons aleatórios nessa família de cores, cada um com códigos hexadecimais correspondentes.
Escolhendo as fontes do site
A tipografia e a forte escolha de fontes desempenham um papel crucial no sucesso de um novo design.
Existem várias ferramentas decentes para comparar e testar fontes, bem como sites que oferecem acesso a uma variedade robusta das próprias fontes.
Novamente, essas são todas as opções gratuitas.
Ferramentas de fonte da Web
Fontpair
Fontpair tem uma coleção de fontes pré-emparelhadas em seu site reunidas em toda a web.
Eles têm uma página de sugestões/submissões, com novos pares adicionados semanalmente.
Emparelhar e comparar
Emparelhar e comparar facilita a experimentação de pares de fontes.
Você pode usar fontes do Google ou locais (compartilhadas do seu dispositivo) e ter até três comparativos simultaneamente na tela.
Existem muitas opções de edição: tamanho, peso, cor, altura da linha e muito mais.
Você também pode alterar qualquer texto de exemplo e marcar fontes para teste posterior.
Fontes do Google
O Google Fonts é um excelente recurso para encontrar e usar fontes, com quase 1.500 famílias – incluindo fontes variáveis e símbolos de materiais.
Todos eles são gratuitos para uso, mesmo comercialmente ou dentro de um produto que é vendido comercialmente (exemplo: um logotipo ou marca de palavra).
Os downloads estão disponíveis para famílias ou estilos individuais e podem ser compartilhados com outras pessoas por meio de links.
Sites adicionais que oferecem fontes gratuitas:
- FontBase (este é um sistema de gerenciamento de fontes)
- Esquilo de fonte
- Dafont.com
- FontSpace
- 1001Fontes Gratuitas
- Fontes Urbanas
E uma seleção de sites de fontes premium/pagos:
- Fontes Adobe
- MyFonts
- Fontes EnvatoElements
- FontBundles
Quanto você pode cobrar por serviços de branding?
Para ter uma ideia de como precificar seus serviços de branding, um exercício útil é verificar o que a concorrência está oferecendo e cobrando pela criação do mesmo conteúdo ou similar.
Nós mesmos fizemos isso e aqui estão alguns exemplos relevantes para inspirar preços:
O TechCrunch tinha um ótimo artigo sobre o custo da marca e identidade visual da startup, de um designer com uma década de experiência (incluindo Fortune 500s).
Aqui está um detalhamento do que eles cobraram:
As estimativas de preços são divididas em duas categorias, com base no estágio do negócio, que como você pode ver, afeta muito os custos aproximados.
A Branded Agency é uma agência digital de serviço completo que oferece serviços e assessoria abrangendo todos os elementos e níveis de branding.
Eles têm um artigo informativo no qual fornecem especificações para ajudar no planejamento e cálculo dos custos de branding.
Também há variação nesses preços, mas eles ainda são úteis para se ter uma ideia de qual é o intervalo típico para serviços de design.
Saber disso pode ajudar a evitar que você supere ou subtraia a cobrança massivamente, levando em consideração seu nível de habilidade e conhecimento (e o escopo de um determinado projeto).
Claro que você pode e deve ter um preço mais alto quanto mais estiver incluindo em seus pacotes de branding.
Faixa de preço médio para serviços de branding: US$ 1.000 a US$ 30.000+
Serviço de Web Design 2: Identidade Visual
Uma identidade visual pode ser apenas um gráfico (logotipo), apenas um texto artístico (marca de palavra), uma combinação de ambos ou o complemento completo de todos.
Pode ser tão básico quanto um círculo com uma inicial ou o nome da empresa em uma fonte, peso e cor específicos.
Caso em questão >> WPMU DEV!:
O que está envolvido na prestação de um serviço de identidade visual
Decidir sobre um logotipo para um cliente tem vários graus de dificuldade.
Tudo se resume a quão específicos eles são e qual é o seu orçamento.
Quanto mais complicado ou específico for um design imaginado pelo cliente, maior a probabilidade de suas necessidades serem atendidas com um design personalizado.
A outra vantagem distinta de um design personalizado é que ele será único. O material pré-fabricado está disponível para qualquer pessoa, portanto, várias empresas podem comprar e usar o mesmo design.
Assim como verificamos alguns sites que podem ajudar com os elementos principais da marca, em seguida, partimos para encontrar recursos que oferecem boas opções para identidades visuais (logotipos, marcas de palavras etc.).
Ferramentas e opções de terceirização para criar logotipos personalizados
Logo.com
Todos os logotipos do Logo.com são gratuitos.
Estas são ofertas de cortadores de biscoitos muito básicos e pré-fabricados, mas existem muitos deles.
Eles também permitem grande variação de cor (há um campo Hex) se você precisar de um tom muito específico.
Brincando com a personalização gratuita do logotipo no Logo.com.
Considerando que eles são totalmente gratuitos, é uma opção decente se você não precisar de nada intrincado ou exclusivo.
Mercado criativo
O Creative Market tem mais de 150.000 modelos de logotipo para uso em branding corporativo, e-commerce e empreendedorismo.
Os conjuntos de modelos de logotipo incluem emblemas, ícones e outros elementos para criar logotipos exclusivos e modernos.
Esses são todos designs pré-fabricados, portanto, lembre-se de que qualquer número de pessoas pode comprar/usar a obra de arte além de você. Se o seu cliente quiser um logotipo exclusivo, essa opção não funcionará.
Fiverr
Fiverr é um mercado de vendedores altamente popular, onde você contrata um artista individual para qualquer número de elementos de design oferecidos como Gigs.
Como isso depende totalmente do designer que você escolher, sua milhagem pode variar. Mas, em geral, os revisores parecem satisfeitos em geral e sentem que fizeram um bom negócio pelo que pagaram.
Nossas melhores ferramentas WP profissionais em um pacote
Os preços variam de US$ 5 a US$ 995, dependendo do nível de habilidade do artista e dos componentes incluídos.
Logoglo
Logoglo é um site de logotipo premium. Qualquer coisa que você obtenha aqui seria um design único e único, feito profissionalmente do zero, com base em seu briefing.
Os pacotes incluem mais conteúdo à medida que você sobe nos níveis - como número de conceitos iniciais, tempo de resposta e subsídios de revisão.
Esta é uma ótima opção se você tem um cliente que tem um orçamento um pouco maior e quer obras de arte que as pessoas não encontrarão em outro lugar.
99designs
A 99designs é uma subsidiária da VistaPrint, a gráfica online de grande sucesso.
As ofertas incluem o nível de designers e se você obtém um gerente dedicado e suporte prioritário.
O número de conceitos de design apresentados começa em 30 e vai até 90. Todos os designs vêm com garantia de devolução do dinheiro e propriedade total dos direitos autorais.
Quanto você pode cobrar pelos serviços de identidade visual?
Jacob Cass é designer de marca, estrategista e fundador da JUST Creative , uma consultoria premiada de branding e design.
JC.com tem um artigo sobre custo de design, com um gráfico útil sobre preços de design de logotipo. Além disso, eles forneceram uma lista que detalha os custos com mais detalhes.
Full Branding para identidades globais tem um preço extremamente alto, chegando a mais de um milhão de dólares.
Este é, obviamente, o escalão superior de elite, bem acima da média.
Para o nível em que estamos focados, você pode ver que a variação vai de $ 0 para criadores de logotipo DIY/gratuitos a mais de $ 5K para um designer experiente.
Faixa de preço médio para serviços de identidade visual: US$ 500 a US$ 5.000
Serviço de Web Design 3: Landing Pages e Geração de Leads
O objetivo principal da maioria dos sites (além de educação e entretenimento) é transformar o tráfego de entrada em leads.
Oferecer página de destino ou serviços semelhantes baseados em conversão para seus clientes vale a pena.
Afinal, eles provavelmente não recusarão o potencial de ganhar mais clientes e leads.
“Cada página tem um propósito, converter. Certifique-se de ter um caminho claro sobre como o cliente deseja converter, qual é o objetivo que o cliente deseja de cada visitante. Mantenha seu design focado em conseguir aquele clique de conversão.” – Chris (membro do WPMU DEV)
O que está envolvido e as ferramentas para ajudá-lo a fornecer serviços de landing page e geração de leads
Páginas de destino
Você já pode ter um modelo que usa para as páginas de destino do cliente – criado por você mesmo, comprado ou adquirido gratuitamente.
Se você está procurando algo novo ou ainda não tem uma opção, aqui estão algumas opções para sites de Landing Page.
Ferramentas e opções de terceirização
Pagina legal
O Nicepage oferece mais de 10.000 páginas de destino pré-desenhadas, ou você pode criar as suas próprias.
Você pode editar qualquer um dos modelos pré-fabricados, usando seu próprio construtor de sites - que permite arrastar e soltar, sem personalizações de codificação, como edição de conteúdo, alteração de layout (blocos), modificação de cores e fontes e ajustes para diferentes responsivos. modos.
O Nicepage está disponível para Windows ou Mac OS como um plug-in do WordPress.
Fiverr
Os experientes designers de páginas de destino do Fiverr podem criar o layout e a identidade de marca certos para sua página.
Espere imagens de qualidade premium, design responsivo adequado para dispositivos móveis e desktop, upload de conteúdo (de conteúdo fornecido por você) e muito mais.
Os preços variam muito, dependendo do que você deseja, da rapidez com que deseja e das habilidades e experiência auto-atribuídas do artista escolhido. Para referência, descobrimos que os preços variavam de US$ 5 a US$ 1.500.
Landingfolio
Landingfolio apresenta uma bela e diversificada coleção de páginas de destino, com curadoria de toda a web.
Suas ofertas incluem:
- Modelos de site Tailwind CSS – Figma incluído em todos os designs
- Logos – uma coleção do designer Jord Riekwel, doada à comunidade (são gratuitas)
- Gerador de Mockup – crie rapidamente maquetes de dispositivos para seu aplicativo ou web design; insira o URL do seu site e eles gerarão os modelos para você
Tailwind é um framework CSS como o Bootstrap, que acelera seu tempo de desenvolvimento. Ele usa classes para estilizar elementos, então você não precisa escrever nenhum CSS.
Construtores de páginas populares como Elementor e Divi
Claro, você sempre pode recorrer a criadores de páginas e temas, se necessário, a maioria dos quais ajudará você a criar páginas de destino personalizadas de qualidade para os clientes.
A Divi oferece apenas uma versão paga de seu construtor, que fornece um produto final de boa aparência quando se trata de páginas de destino e elementos de conversão. O Elementor também tem a capacidade de criar páginas de destino nas versões gratuita e Pro.
Crie módulos de geração de leads com Hustle
Toda boa página de destino precisa de elementos eficazes de geração de leads.
Você pode montar alguns ótimos módulos geradores de leads com nosso plugin Hustle gratuito.
Opt-ins, pop-ups, slide-ins, compartilhamentos sociais e incorporações – Hustle ajuda você a criar todos eles, projetados para gerar resultados e converter visitantes.
É fácil construir módulos de ótima aparência em minutos com os modelos projetados profissionalmente da Hustle (18 e contando).
Todos são responsivos para dispositivos móveis e vêm com opções de formulários de inscrição por e-mail e designs informativos (ou seja, os usuários clicam em um botão e são enviados para outra página).
Hustle vem em versões gratuitas e pro. Ambos oferecem as mesmas ótimas configurações e opções.
A única diferença é que a versão Pro vem com opt-ins ilimitados, conteúdo personalizado e compartilhamento social.
Quer mais Hustle? Confira estes artigos cheios de informações no blog:
- Como tirar o máximo proveito do Hustle
- Como usar as condições de visibilidade no Hustle
- Como obter o maior número de assinantes de e-mail usando o Hustle
Quanto você pode cobrar pelos serviços de landing page e geração de leads?
A F5 Studio , uma empresa de desenvolvimento web de sucesso que está no mercado desde 2013, tem um ótimo artigo detalhando os elementos do design e o que entra no preço da página de destino.
Eles dizem que as agências digitais cobram de US$ 600 a US$ 3.000 para criar uma landing page estática e de US$ 2.000 a US$ 5.000 para uma landing page dinâmica.
A Brimar , uma premiada agência de marketing de serviço completo, compartilhou esses insights sobre o custo da página de destino, alegando que uma agência pode cobrar de US$ 300 a US$ 3.000 por página de destino, dependendo da complexidade do projeto e das metas de negócios do cliente.
No geral, o custo de criação de uma página de destino varia de acordo com o escopo completo do trabalho e a quantidade de trabalho envolvida.
Faixa de preço médio para página de destino e serviços de conversão: US$ 300 a US$ 5.000
Serviço de Web Design 4: Projetos de redesenho/rebranding
Existem várias razões pelas quais um cliente pode se beneficiar ou querer uma reformulação do site. Os mais comuns são:
- A aparência geral é desatualizada ou pouco atraente.
- A identidade da empresa não está bem refletida no design, ou em breve não será devido a um rebranding planejado.
- A usabilidade é ruim, dificultando a navegação e limitando as conversões.
“É especialmente importante para uma revisão completa (a interface do usuário pode exigir uma reformulação completa) se estiver tentando atrair um público completamente diferente – por exemplo, se um site mudar de b2c para b2b.” – Marianna (membro do WPMU DEV)
O que está envolvido e as ferramentas para ajudá-lo a fornecer um serviço de redesenho
Compreender a experiência do usuário é fundamental. Se as taxas de interação/conversão de um site forem muito menores do que o tráfego do site, caberia a você analisar a análise de comportamento.
Hotjar e Crazy Egg para insights de UX
Ferramentas como Hotjar e Crazy Egg podem fornecer ótimas informações sobre o design/usabilidade de UX de um site.
Ao observar o comportamento da tela gravada, você pode identificar quaisquer áreas fracas e fazer atualizações com base em dados de uso real.
Hotjar oferece seu serviço gratuitamente, até mil dólares (por mês) com base em quais recursos você precisa e por quantas sessões (“Observe”) ou respostas (“Pergunte”).
O preço do Crazy Egg inclui 5 pacotes diferentes, desde menos de trinta dólares por mês, até preços por cotação. Cada camada permite maiores quantidades de serviços (como visualizações de página rastreadas, instantâneos e gravações).
Aprender para onde os clientes movem seus mouses e onde eles clicam, o que eles focam versus o que eles ignoram, remove qualquer dúvida e adivinhação, permitindo que você se concentre nas áreas especificamente destacadas como prontas para melhorias.
Quanto você pode cobrar pelos serviços de redesenho?
Os redesenhos são muito semelhantes aos novos designs em termos do esforço geral necessário. Eles envolvem muitos dos mesmos elementos, ferramentas e requisitos de tempo.
O único diferencial de preço com um redesenho seria o custo adicional das ferramentas de insights de UX, conforme explicado acima.
Quanto aos custos gerais de redesenho da web, os participantes de uma recente pesquisa global de redesenho revelaram algumas estatísticas importantes:
- Custo médio para criar um site (com recursos básicos): US$ 3.200
- Tempo médio para criar um site (com recursos básicos): 2 meses
- A principal razão pela qual as pessoas contratam um web designer profissional (em vez de usar software de construção de sites): a capacidade de personalizar completamente.
Independentemente do motivo por trás de um redesenho, é importante estabelecer antecipadamente quais são as expectativas de escopo e custo.
Estamos vendo uma média de $ 3+K e um prazo de cerca de dois meses para designs/redesigns completos da web. Considere isso em qual é o seu tempo médio de construção e quais serviços você incluirá para ajudar a definir seus preços.
Faixa de preço médio para reformulações de sites: US$ 2.000 a US$ 4.000
Juntando todos os seus componentes de web design
Depois de coletar as informações e considerá-las, agora você pode construir um menu exclusivamente adaptado aos seus serviços de web design, proporcionando fácil acesso (e proposta de valor) aos clientes interessados.
Um exemplo de um menu completo de serviços de design:
Aqui está um exemplo que criamos, que inclui variações nos preços elementares, dependendo dos componentes incluídos e do trabalho esperado envolvido.
Comece a oferecer serviços de web design para seus clientes
Esperamos que você tenha tirado algumas informações valiosas desta análise detalhada da oferta de serviços de web design.
Se você precisar de mais conselhos ou esclarecimentos sobre qualquer coisa discutida no artigo, sinta-se à vontade para nos perguntar nos comentários abaixo.
Há muitas bolas para manter no ar como desenvolvedor web. Na WPMU DEV, nosso objetivo é ajudar a tornar esse processo o mais fácil possível.
Se você estiver interessado em experimentar nossa plataforma, nosso plano gratuito é o melhor lugar para começar. Inclui gerenciamento ilimitado de sites, cobrança integrada, plug-ins e muito mais.