Cómo ofrecer servicios de diseño personalizado a sus clientes de desarrollo web

Ofrecer servicios de diseño personalizado como parte de su servicio general de desarrollo web puede ayudarlo a aumentar su atractivo, sus ingresos y permitirle agregar más valor para los clientes. Aprende, paso a paso, cómo se hace en este artículo.

¿Busca expandir sus servicios más allá del trabajo general de desarrollo web? ¿O tal vez está aprendiendo nuevas habilidades de diseño web y está buscando una forma rentable de ponerlas en práctica?

En este artículo, le mostramos cómo ofrecer servicios especializados de diseño web a sus clientes, incluso si tiene CERO habilidades o experiencia en diseño.

Para su información, encuestamos a nuestros más de 50,000 miembros e investigamos docenas de sitios web profesionales para llegar a las recomendaciones y sugerencias mencionadas en este artículo.

“El dinero que gané con este negocio paralelo pagó vacaciones y juguetes nuevos que de otro modo no habría podido pagar”. – Phil (miembro de WPMU DEV)

Para cuando termines de leer, tendrás ideas para...

• Los mejores tipos de servicios de diseño web para ofrecer a tus clientes.
• Cómo implementar o externalizar los servicios.
• Cuánto puede cobrar por los servicios de diseño.

Pase a cualquier sección de este artículo:

• Los mejores servicios de diseño para ofrecer a sus clientes de desarrollo web
• Marca
• Identidad visual
• Landing Pages y Generación de Leads
• rediseños
• Visualización de su menú de servicios de diseño
• Comience a ofrecer servicios de diseño web a sus clientes

¿Qué son los servicios de diseño y qué servicios debería ofrecer?

Como se mencionó anteriormente, nuestra definición de servicios de diseño son servicios que van más allá de su tema normal, plantilla o enfoque de creación de páginas.

Branding, rebranding, diseño de logos, diseño de landing page. Este es el tipo de cosas que muchos desarrolladores web pueden dejar de hacer, y eso está bien.

Pero si está dispuesto a obtener ingresos adicionales, brindar más valor a sus clientes y hacer que su servicio de desarrollo web en general se destaque del resto, le mostramos cómo hacerlo.

Tampoco te preocupes si no eres diseñador o crees que no tienes las habilidades o la experiencia necesarias para ofrecer estos servicios.

Le proporcionaremos varias opciones de subcontratación que aún le permitirán aplicar un margen de beneficio y obtener ganancias.

A medida que mencionamos cada servicio, también verá que le brindamos una serie de herramientas y recursos para usar si desea hacer el trabajo usted mismo.

Los 4 mejores servicios de diseño web que puede ofrecer (según la votación de nuestros miembros)

Una vez que haya decidido ofrecer estos servicios adicionales de diseño web, la siguiente pregunta es qué tipo de servicios realmente ofrecerá.

En lugar de hacer una puñalada en la oscuridad, o copiar lo que decía el resultado principal de Google, pensamos en preguntarle a un grupo de personas que saben mejor que nadie, porque en realidad hacen esto para ganarse la vida...

¡Nuestros más de 50,000 miembros desarrolladores web!

Estos son los servicios de diseño que destacaron cuando les preguntamos en una discusión reciente entre miembros:

1. Marca
2. Identidad visual
3. Landing Pages y Generación de Leads
4. Rediseño

Ahora veamos cada uno de estos servicios de diseño en detalle. Aprenderá lo que implica cada servicio, recursos, herramientas y opciones de subcontratación para cada uno, así como lo que posiblemente pueda cobrar a sus clientes.

Servicio de Diseño Web 1: Branding

La marca es cómo una empresa se diferencia de otras entidades y con qué los clientes la identificarán y asociarán.

No tiene que ir más allá de lo básico para poner en marcha una marca, especialmente si no es una corporación masiva.

Los componentes de marca adicionales también se pueden complementar, en caso de que se vuelvan relevantes.

“Comience con solo lo que se requiere y agregue más si es necesario”. – Databoy (miembro de WPMU DEV)

–

¿Qué implican los servicios de marca?

La marca en la que nos estamos enfocando, según los aportes de la comunidad de miembros, es simplemente crear una marca incorporando una paleta de colores, seleccionando fuentes y colocando estratégicamente un logotipo o marca denominativa (hablaremos sobre la creación de logotipos por separado; consulte Identidad visual a continuación) .

Creando una paleta de colores para la marca de tus clientes

La adopción de una paleta de colores es parte integral de la sinergia del sitio web de un cliente.

Hay algunas excelentes herramientas en línea que puede usar si necesita ayuda para armar sombras para sus clientes.

Aquí hay algunos que nos gustan, todos gratuitos.

Herramientas de la paleta de colores:

enfriadores

Con Coolors, puede generar rápidamente paletas al azar, o más precisamente usando su inspector de color (barras RGB), o cargando una imagen, tanto para sólidos como para degradados.

Si prefiere opciones listas para usar, tienen una gran biblioteca.

Esta herramienta está disponible a través de aplicaciones iOS y Android, un complemento de Figma y una extensión de Chrome.

También ofrecen un verificador de contraste y una herramienta para cambiar el color de las ilustraciones (vea mi caso de prueba en la imagen de arriba).

Color de adobe

Adobe Color proporciona su herramienta de rueda de color profesional, con tres modos disponibles: RGB, HSB y LAB.

Puede extraer un tema de una imagen para guardarlo como paleta de colores o degradado.

Las herramientas de accesibilidad son otra ventaja; use sus modos Contrast Checker y Color Blind Safe para ver cualquiera, respectivamente.

Gradientes de huevo

Egggradients le permite seleccionar entre una serie de degradados listos para usar. Estas son mezclas simples de dos colores, pero pueden ser útiles o estimular la creatividad si está buscando enfoques básicos de paleta.

Su generador de paleta de colores le permite elegir de una lista de diferentes gradientes de sombra.

También tienen una sección de "50 tonos de color", que extraerá tonos aleatorios en esa familia de colores, cada uno con los códigos hexadecimales correspondientes.

Elegir fuentes de sitios web

La tipografía y la elección de fuentes sólidas juegan un papel crucial en el éxito de un nuevo diseño.

Hay varias herramientas decentes para comparar y probar fuentes, así como sitios que ofrecen acceso a una gran variedad de fuentes.

Una vez más, todas estas son opciones gratuitas.

Herramientas de fuentes web

par de fuentes

Fontpair tiene una colección de fuentes emparejadas previamente en su sitio recopiladas de toda la web.

Tienen una página de sugerencias/envíos, con nuevos emparejamientos agregados semanalmente.

Emparejar y comparar

Emparejar y comparar facilita la experimentación con combinaciones de fuentes.

Puedes usar fuentes de Google o locales (compartidas desde tu dispositivo), y tener hasta tres comparativas simultáneamente en pantalla.

Hay muchas opciones de edición: tamaño, peso, color, altura de línea y más.

También puede cambiar cualquiera de los textos de muestra y fuentes de marcadores para realizar pruebas más adelante.

Fuentes de Google

Google Fonts es un excelente recurso para encontrar y usar fuentes, con casi 1500 familias, incluidas fuentes variables y símbolos de materiales.

Todos estos son de uso gratuito, incluso comercialmente o dentro de un producto que se vende comercialmente (ejemplo: un logotipo o una marca denominativa).

Las descargas están disponibles para familias o estilos individuales y se pueden compartir con otros a través de enlaces.

Sitios adicionales que ofrecen fuentes gratuitas:

• FontBase (este es un sistema de gestión de fuentes)
• Ardilla de fuente
• Dafont.com
• FuenteEspacio
• 1001 fuentes gratuitas
• Fuentes urbanas

Y una selección de sitios de fuentes premium/de pago:

• fuentes de adobe
• Mis fuentes
• Fuentes EnvatoElements
• Paquetes de fuentes

¿Cuánto puede cobrar por los servicios de marca?

Para tener una idea de cómo fijar el precio de sus servicios de marca, un ejercicio útil es verificar qué ofrece la competencia y qué cobra por la creación del mismo contenido o uno similar.

Lo hicimos nosotros mismos y aquí hay algunos ejemplos relevantes para inspirarse en la fijación de precios:

TechCrunch tenía un excelente artículo sobre el costo de la marca de inicio y la identidad visual, de un diseñador con una década de experiencia (incluidos los Fortune 500).

Aquí hay un desglose de lo que cobraron:

Las estimaciones de precios se dividen en dos categorías, según la etapa del negocio, lo que, como puede ver, afecta en gran medida los costos aproximados.

Branded Agency es una agencia digital de servicio completo que ofrece servicios y asesoramiento que abarca todos los elementos y niveles de la marca.

Tienen un artículo informativo en el que brindan especificaciones para ayudar con la planificación y el cálculo de los costos de marca.

También hay variaciones en estos precios, pero aún así son útiles para tener una idea de cuál es el rango típico para los servicios de diseño.

Saber esto puede ayudar a evitar que cobre demasiado o de menos, teniendo en cuenta su nivel de habilidad y conocimiento (y el alcance de un proyecto determinado).

Por supuesto, puede y debe fijar un precio más alto cuanto más incluya en sus paquetes de marca.

Rango de precio promedio para servicios de marca: $1,000-$30,000+

Servicio de Diseño Web 2: Identidad Visual

Una identidad visual puede ser solo un gráfico (logotipo), solo un texto artístico (marca denominativa), una combinación de ambos o el complemento completo de todos.

Puede ser tan básico como un círculo con una inicial o el nombre de la empresa en una fuente, peso y color específicos.

Caso en cuestión >> WPMU DEV!:

Qué implica proporcionar un servicio de identidad visual

Decidir sobre un logotipo para un cliente tiene diversos grados de dificultad.

Todo se reduce a cuán particulares son y cuál es su presupuesto.

Cuanto más complicado o específico sea un diseño previsto por el cliente, más probable es que se satisfagan sus necesidades con uno personalizado.

La otra ventaja distintiva de un diseño personalizado es que será único. El material prefabricado está disponible para cualquiera, por lo que varias empresas podrían comprar y usar el mismo diseño.

Así como revisamos algunos sitios que pueden ayudar con los elementos centrales de la marca, a continuación nos propusimos encontrar recursos que ofrezcan buenas opciones para identidades visuales (logotipos, marcas denominativas, etc.).

Herramientas y opciones de subcontratación para crear logotipos personalizados

logo.com

Todos los logotipos de Logo.com son gratuitos.

Estas son ofertas de cortadores de galletas prefabricadas muy básicas, pero hay muchas de ellas.

También permiten una gran variación de color (hay un campo hexadecimal) si necesita un tono muy específico.

Jugando con la personalización gratuita de logotipos en Logo.com.

Teniendo en cuenta que estos son completamente gratuitos, es una opción decente si no necesita nada intrincado o único.

mercado creativo

Creative Market tiene más de 150 000 plantillas de logotipos para usar en marcas corporativas, comercio electrónico y emprendimiento.

Los conjuntos de plantillas de logotipos incluyen insignias, íconos y otros elementos para crear logotipos únicos y modernos.

Todos estos son diseños prefabricados, así que tenga en cuenta que cualquier número de personas puede comprar/usar la obra de arte además de usted. Si su cliente quiere un logotipo único, esta opción no funcionará.

cinco

Fiverr es un mercado de vendedores muy popular, donde contratas a un artista individual para cualquier número de elementos de diseño ofrecidos como Gigs.

Debido a que esto depende completamente del diseñador que elija, su kilometraje puede variar. Pero, en general, los revisores parecen complacidos en general y sienten que obtuvieron una buena oferta por lo que pagaron.

Los precios oscilan entre $5 y $995, según el nivel de habilidad del artista y los componentes incluidos.

Logoglo

Logoglo es un sitio de logotipos premium. Cualquier cosa que obtenga aquí será un diseño único y único, hecho profesionalmente desde cero, basado en su resumen.

Los paquetes incluyen más contenido a medida que sube de nivel, como la cantidad de conceptos iniciales, el tiempo de respuesta y las asignaciones de revisión.

Esta es una excelente opción si tiene un cliente que tiene un presupuesto un poco mayor y quiere obras de arte que la gente no encontrará en otros lugares.

99diseños

99designs es una subsidiaria de VistaPrint, la imprenta en línea de gran éxito.

Las ofertas incluyen el nivel de los diseñadores y si obtiene un administrador dedicado y soporte prioritario.

La cantidad de conceptos de diseño presentados comienza en 30 y sube a 90. Todos los diseños vienen con una garantía de devolución de dinero y propiedad total de los derechos de autor.

¿Cuánto puede cobrar por los servicios de identidad visual?

Jacob Cass es diseñador de marcas, estratega y fundador de JUST Creative , una galardonada consultora de marcas y diseño.

JC.com tiene un artículo sobre el costo del diseño, con un cuadro útil sobre el precio del diseño del logotipo. Además, proporcionaron una lista que desglosa los costos con mayor detalle.

La marca completa para identidades globales tiene un precio extremadamente alto, más de un millón de dólares.

Esto, por supuesto, es el escalón superior de élite, muy por encima del promedio.

Para el nivel en el que nos enfocamos, puede ver que la variación va desde $ 0 para creadores de logotipos gratuitos o de bricolaje, hasta más de $ 5K para un diseñador experimentado.

Rango de precio promedio para servicios de identidad visual: $ 500- $ 5,000

Servicio de Diseño Web 3: Landing Pages y Lead Generation

El objetivo principal de la mayoría de los sitios web (aparte de la educación y el entretenimiento) es convertir el tráfico entrante en clientes potenciales.

Vale la pena ofrecer una página de destino o servicios similares basados ​​en conversiones a sus clientes.

Después de todo, no es probable que rechacen el potencial de obtener más clientes y clientes potenciales.

“Cada página tiene un propósito, convertir. Asegúrese de tener una ruta clara sobre cómo el cliente quiere convertir, cuál es el objetivo que el cliente quiere de cada visitante. Mantenga su diseño enfocado en obtener ese clic de conversión”. – Chris (miembro de WPMU DEV)

Qué implica y las herramientas para ayudarlo a proporcionar servicios de página de destino y generación de clientes potenciales

Páginas de destino

Es posible que ya tenga una plantilla que usa para las páginas de destino de los clientes, ya sea creada por usted mismo, comprada o adquirida de forma gratuita.

Si está buscando algo nuevo, o aún no tiene uno, aquí hay algunas opciones para los sitios web de la página de destino.

Herramientas y opciones de subcontratación

Buena página

Nicepage ofrece más de 10 000 páginas de aterrizaje prediseñadas, o puede crear las suyas propias.

Puede editar cualquiera de las plantillas prefabricadas, utilizando su propio creador de sitios web, que permite arrastrar y soltar, sin personalizaciones de codificación como la edición de contenido, el cambio de diseño (bloques), la modificación de colores y fuentes, y la realización de ajustes para diferentes respuestas. modos.

Nicepage está disponible para Windows o Mac OS como complemento de WordPress.

cinco

Los experimentados diseñadores de páginas de destino de Fiverr pueden crear el diseño y la identidad de marca adecuados para su página.

Espere imágenes de primera calidad, diseño receptivo adecuado para dispositivos móviles y computadoras de escritorio, carga de contenido (del contenido proporcionado por usted) y más.

Los precios varían mucho, según lo que desee, qué tan rápido lo desee y las habilidades y la experiencia autoatribuidas del artista que elija. Como referencia, encontramos que los precios oscilaban entre $5 y $1500.

Folleto de aterrizaje

Landingfolio presenta una colección hermosa y diversa de páginas de destino, seleccionadas de toda la web.

Sus ofertas incluyen:

• Plantillas de sitio Tailwind CSS: Figma incluida en todos los diseños
• Logotipos: una colección del diseñador Jord Riekwel, donada a la comunidad (son gratuitos)
• Generador de maquetas: cree rápidamente maquetas de dispositivos para su aplicación o diseño web; ingrese la URL de su sitio web y ellos generarán las maquetas para usted

Tailwind es un marco CSS como Bootstrap, que acelera su tiempo de desarrollo. Utiliza clases para diseñar elementos, por lo que no tiene que escribir ningún CSS.

Constructores de páginas populares como Elementor y Divi

Por supuesto, siempre puede recurrir a creadores de páginas y temas si es necesario, la mayoría de los cuales lo ayudarán a crear páginas de destino personalizadas de calidad para los clientes.

Divi solo ofrece una versión paga de su creador, que proporciona un producto final atractivo en lo que respecta a las páginas de destino y los elementos de conversión. Elementor también tiene la capacidad de crear páginas de destino tanto en su versión gratuita como Pro.

Cree módulos de generación de prospectos con Hustle

Toda buena página de destino necesita elementos efectivos de generación de leads.

Puede armar algunos excelentes módulos de generación de prospectos con nuestro complemento Hustle gratuito.

Opt-ins, pop-ups, slide-ins, redes sociales e incrustaciones: Hustle te ayuda a crearlos todos, diseñados para generar resultados y convertir a los visitantes.

Es fácil crear módulos atractivos en minutos con las plantillas diseñadas profesionalmente de Hustle (18 y contando).

Todos ellos son compatibles con dispositivos móviles y vienen con una opción de formularios de suscripción de correo electrónico y diseños informativos (es decir, los usuarios hacen clic en un botón y son enviados a otra página).

Hustle viene en versiones gratuita y pro. Ambos le brindan las mismas excelentes configuraciones y opciones.

La única diferencia es que la versión Pro viene con suscripciones ilimitadas, contenido personalizado y uso compartido en redes sociales.

¿Quieres más ajetreo? Echa un vistazo a estos artículos llenos de información en el blog:

• Cómo aprovechar al máximo el ajetreo
• Cómo usar las condiciones de visibilidad en Hustle
• Cómo obtener la mayor cantidad de suscriptores de correo electrónico usando Hustle

¿Cuánto puede cobrar por la página de destino y los servicios de generación de prospectos?

F5 Studio , un exitoso equipo de desarrollo web que ha estado en el negocio desde 2013, tiene un excelente artículo que desglosa los elementos del diseño y lo que se incluye en el precio de su página de destino.

Dicen que las agencias digitales cobran entre $600 y $3000 por crear una página de destino estática y entre $2000 y $5000 por una página de destino dinámica.

Brimar , una agencia de marketing de servicio completo galardonada, compartió esta información sobre el costo de la página de destino y afirma que una agencia puede cobrar entre $ 300 y $ 3,000 por página de destino, según la complejidad del proyecto y los objetivos comerciales de los clientes.

En general, el costo de crear una página de destino varía según el alcance completo del trabajo y la cantidad de trabajo involucrado.

Rango de precios promedio para la página de destino y los servicios de conversión: $ 300- $ 5,000

Servicio de Diseño Web 4: Proyectos de Rediseño/Rebrand

Hay varias razones por las que un cliente puede beneficiarse o desear un rediseño de sitio web. Los más comunes son:

• La apariencia general es anticuada o poco atractiva.
• La identidad comercial no está bien reflejada en el diseño, o pronto no lo estará debido a un cambio de marca planificado.
• La usabilidad es pobre, lo que dificulta la navegación y limita las conversiones.

“Es especialmente importante para una revisión completa (la interfaz de usuario puede requerir un replanteamiento completo) si intenta atraer a una audiencia completamente diferente, por ejemplo, si un sitio web cambia de b2c a b2b”. – Marianna (miembro de WPMU DEV)

Qué implica y las herramientas para ayudarlo a brindar un servicio de rediseño

Comprender la experiencia del usuario es clave. Si las tasas de interacción/conversión de un sitio son mucho menores que el tráfico de su sitio, le convendría investigar el análisis de comportamiento.

Hotjar y Crazy Egg para conocimientos de UX

Herramientas como Hotjar y Crazy Egg pueden proporcionar una gran perspectiva sobre el diseño/usabilidad de UX de un sitio.

Al observar el comportamiento de la pantalla registrado, puede identificar cualquier área débil y realizar actualizaciones basadas en datos de uso real.

Hotjar ofrece su servicio de forma gratuita, hasta mil dólares (al mes) según las funciones que necesite y para cuántas sesiones ("Observar") o respuestas ("Preguntar").

El precio de Crazy Egg incluye 5 paquetes diferentes, desde menos de treinta dólares al mes hasta precios por cotización. Cada nivel permite una mayor cantidad de servicios (como vistas de página rastreadas, instantáneas y grabaciones).

Saber dónde mueven el mouse los clientes y dónde hacen clic, en qué se enfocan frente a qué ignoran, elimina cualquier duda y conjetura, lo que le permite concentrarse en las áreas específicamente resaltadas como maduras para mejorar.

¿Cuánto puede cobrar por los servicios de rediseño?

Los rediseños son muy similares a los nuevos diseños en términos del esfuerzo general requerido. Implican muchos de los mismos elementos, herramientas y requisitos de tiempo.

La única diferencia de precio con un rediseño sería el costo adicional de las herramientas de conocimiento de UX, como se explicó anteriormente.

En cuanto a los costos generales de rediseño web, los participantes en una encuesta de rediseño global reciente revelaron algunas estadísticas clave:

1. Costo promedio para diseñar un sitio web (con características básicas): $3,200
2. Tiempo promedio para diseñar un sitio web (con características básicas): 2 meses
3. La razón principal por la que las personas contratan a un diseñador web profesional (en lugar de usar un software de creación de sitios): la capacidad de personalizar completamente.

Independientemente de la razón detrás de un rediseño, es importante establecer cuáles son las expectativas de alcance y costo por adelantado.

Estamos viendo un promedio de $3+K y un marco de tiempo de aproximadamente dos meses para diseños/rediseños web completos. Tenga en cuenta cuál es su tiempo de construcción promedio y qué servicios incluirá para ayudar a establecer sus precios.

Rango de precio promedio para rediseños de sitios web: $ 2,000- $ 4,000

Juntando todos los componentes de su diseño web

Habiendo recopilado la información y dándole la debida consideración, ahora puede crear un menú adaptado exclusivamente a sus servicios de diseño web, brindando un acceso fácil (y una propuesta de valor) a los clientes interesados.

Un ejemplo de un menú completo de servicios de diseño:

Este es un ejemplo que se nos ocurrió, que incluye variaciones en los precios elementales, según los componentes incluidos y el trabajo esperado involucrado.

Comience a ofrecer servicios de diseño web a sus clientes

Esperamos que haya sacado algunas ideas valiosas de este análisis detallado de la oferta de servicios de diseño web.

Si necesita más consejos o aclaraciones sobre algo discutido en el artículo, no dude en preguntarnos en los comentarios a continuación.

Hay muchas pelotas para mantener en el aire como desarrollador web. En WPMU DEV, nuestro objetivo es ayudar a que ese proceso sea lo más fácil posible.

Si está interesado en probar nuestra plataforma, nuestro plan gratuito es el mejor lugar para comenzar. Incluye administración de sitios ilimitada, facturación integrada, complementos y más.

¿Proporciona a los clientes servicios específicos para grupos o solo paquetes? ¿Qué le permite obtener los mejores resultados de diseño en su propio negocio de desarrollo web? Háganos saber en los comentarios a continuación.