Qué aprenderás

Descubre cómo hacer que tu negocio parezca profesional y de confianza con tus colores, diseños, fuentes y conceptos de marca. Esta guía te acompañará paso a paso

Crear un concepto de diseño

Para empezar, deberías tener al menos una idea aproximada de tu plan de negocio y tu audiencia. Antes de empezar a crear un logotipo o elegir tus fuentes, tienes que esbozar una idea de tu concepto de diseño que dé credibilidad a tu marca y atraiga clientes. Primero, asegúrate de comprender bien a tu público. Es fundamental saber qué tipos de medios consume tu público y dónde pasa el tiempo, tanto dentro como fuera de internet. Con esa información, ve a los sitios de tus competidores y observa sus colores, fuentes, logotipos, fotografías y otros trabajos de diseño. ¿Qué colores usan? ¿Tienen fuentes script, serif o sans serif? ¿Qué imágenes básicas usan para desarrollar su marca? Toma notas de lo que te gusta y de lo que funciona bien.

Elegir colores de la marca

Decidir qué colores usar puede ser abrumador. El color evoca diferentes emociones y afectará a cómo responde la gente a tu marca.  Veamos algunas nociones básicas de teoría del color.

  • Azul
    Evoca confianza, inteligencia, seguridad, fiabilidad y tranquilidad.
Examples of blue logos from different brands including facebook, twitter, Linkedin, etc.
Examples of blue logos from different brands including facebook, twitter, Linkedin, etc.

Como asociamos automáticamente el azul con la confianza y la fiabilidad, se usa mucho en hospitales, empresas farmacéuticas, gobiernos y empresas tecnológicas. Mira las aplicaciones de tu teléfono que contienen tu información confidencial. Lo más probable es que los logotipos sean mayoritariamente azules.

  • Rojo
    Connota excitación, atención, estimulación, fuerza.
Examples of red logos including KFC, Target, YouTube, Wendy's, etc.
Examples of red logos including KFC, Target, YouTube, Wendy's, etc.

El rojo tiene muchos efectos diferentes. El rojo te da hambre, aumenta tu frecuencia cardíaca, te enfada, capta tu atención, etc. El rojo hace que sea más probable que compres comida rápida, que veas un vídeo porque te parece emocionante o que compres algo que no necesitas.

  • Verde
    Indica sostenibilidad, durabilidad, salud, frescura y amabilidad.
Examples of green logos including Starbucks, Sweetgreen, Whole Foods, etc.
Examples of green logos including Starbucks, Sweetgreen, Whole Foods, etc.

El verde aporta una energía amistosa y sostenible. La verás en opciones de comida saludable y marcas para actividades al aire libre.

Otros colores, como el amarillo (alegre, positivo), el morado (glamur, misterio) y el negro (VIP, de alta gama, exclusivo), también se usan en el diseño de logotipos, pero no son tan comunes como los colores anteriores.

¿Por dónde deberías empezar? Elige un color neutro, dos colores llamativos y un color de llamada a la acción (CTA). Empieza con un color que te guste y encaje bien con el mensaje que intentas transmitir, y rellena el resto de colores en torno a él. Asegúrate de que los colores combinan bien entre sí.

¿Dónde puedes encontrar inspiración para una combinación de colores? Ve a Adobe Color CC. En la pestaña «Explore», puedes buscar diferentes palabras clave relacionadas con tu marca. Además, en la pestaña «Create», puedes explorar diferentes combinaciones de colores de tu elección.

Cuando elijas los colores de tu marca, lo más importante es reflexionar sobre el mensaje que quieres transmitir a tus clientes. Piensa en cómo se traducirán tus colores al diseño del logotipo, los sitios web e incluso la mercancía que podrías vender. Una vez que tengas una idea de tu paleta de colores, ya puedes pasar a las fuentes.

Elegir fuentes de marca

Encontrar y elegir tipografías de marca puede parecer una tarea desalentadora. Al fin y al cabo, hay miles de tipografías. Pero lo más importante que debes saber es que, en última instancia, las tipografías se dividen en unas pocas categorías ( serif, sans serif, script y display).

  • Serif
    Las fuentes serif tienen líneas al final de cada letra. Son clásicas, tradicionales y serias.
Example of a serif font
Example of a serif font
  • Sans Serif
    Sans Serif significa literalmente «sin serif». Estas fuentes no tienen líneas al final de sus letras, lo que les da un aspecto más moderno. Tanto las fuentes serif como las sans serif suelen ser fáciles de leer, con una ligera ventaja para las fuentes sans serif.
Example of a Sans Serif font
Example of a Sans Serif font
  • Script
    Las fuentes Script son las que más se parecen a la escritura a mano y tienen letras que están conectadas de una forma u otra. Han ganado mucha popularidad en los últimos años y transmiten un aire de diversión y bricolaje. Se utilizan en logotipos y encabezados, pero rara vez se usan en el cuerpo del texto.
Example of a Script font
Example of a Script font
  • Pantalla
    Las fuentes de pantalla llaman la atención. Son las más difíciles de leer y deben usarse de forma intencionada y poco frecuente.
Example of a Display font
Example of a Display font

La mejor forma de añadir profundidad y personalidad a tu marca y sitio web es combinar diferentes pesos de la misma fuente o distintos tipos de fuentes. Los pesos de fuente contrastados suelen darse con una fuente serif o sans serif y se añaden en encabezados en negrita.

Examples of Serif and Sans Serif fonts with Lorem Ipsum text underneath each
Examples of Serif and Sans Serif fonts with Lorem Ipsum text underneath each

Usar diferentes tipos de fuente, por otro lado, podría parecerse a combinar una fuente con serifa y una sin serifa. Normalmente, la fuente con serifa se usa como encabezado y la fuente sin serifa se usa para el cuerpo del texto. También podéis usar fuentes de escritura y de exhibición como encabezado con una fuente con serifa o sin serifa, pero con cuidado. Al final del día, queréis aseguraros de que el contenido sea fácil de leer. Por último, no elijáis fuentes que estén estrechamente vinculadas a otra marca (es decir, Coca-Cola, Los Soprano, Harry Potter, etc.). Un gran recurso para descargar fuentes gratis es Google fonts.

Examples of 2 Seriffonts with Lorem Ipsum text underneath each
Examples of 2 Seriffonts with Lorem Ipsum text underneath each

Diseño del logotipo

Ahora que has hecho el trabajo duro de investigar el diseño de la competencia, crear una combinación de colores y elegir tipografías que crees que funcionarán bien para tu marca, es hora de crear tu logotipo. Pero, antes de empezar, vamos a repasar algunos conceptos que debes tener en cuenta mientras creas tu logotipo.

Tu logotipo debe ser:

  1. Sencillo
  2. Escalable (es decir, fácil de leer tanto en un dispositivo móvil como en una valla publicitaria)
  3. Principalmente horizontal

Tienes dos opciones en lo que respecta a crear un logotipo. Puedes diseñar un logotipo tú mismo o hacer que otra persona lo diseñe por ti. Si eliges diseñar algo tú mismo o quieres barajar algunas opciones pero no quieres invertir en un software nuevo caro, GIMP, Inkscape, Pixlr y Canva son herramientas gratuitas de edición y diseño de imágenes que puedes usar para crear tu logotipo.

Al diseñar, ten en cuenta que necesitarás las siguientes variantes de logotipo para que tu marca se adapte mejor a la escala: 

  • El fondo es transparente, blanco.
  • El color del texto ofrece opciones de texto en colores oscuros y claros.
  • Las formas incluyen opciones de cuadrado, horizontal y una para un favicon.

Si decides no crear nada tú mismo y tampoco quieres contratar a alguien para que diseñe tu logotipo, la aplicación de Shopify Hatchful te ayudará a diseñar un logotipo gratis. Solo asegúrate de que tu logotipo encaje tanto con tu marca como con tu sector.

Cuando ya tengas el sitio en marcha, puede que necesites algunas fotos y vídeos de stock para dar vida a tus emails, sitio web y otras comunicaciones. Unsplash, Gratisography y Pexels ofrecen fotos y vídeos de stock de alta calidad para ayudar a impulsar tu marca.

Resultado

Así que tienes colores de marca, estilos y un logotipo, ¿y ahora qué? A continuación, averigua dónde tienes pensado alojar tu sitio web. ¿Vendes algo? Configura una tienda de comercio electrónico, teniendo en cuenta las opciones de marca de tu sitio web. Consulta nuestro artículo sobre las plataformas que podrías necesitar y que se integran con Klaviyo. Una vez que hayas definido tu marca y tu diseño, crear contenido de marca es mucho más fácil.

Recursos adicionales

¿Te ha resultado útil este artículo?
Utiliza este formulario solo para enviar comentarios sobre el artículo. Más información sobre cómo contactar con el servicio de asistencia.

Descubre más sobre Klaviyo

Klaviyo Community
Conecta con compañeros, socios y expertos de Klaviyo para encontrar ideas, compartir información y resolver todas tus dudas.
Socios
Contrata a un experto certificado por Klaviyo para ayudarte con una tarea específica o para la gestión continua de marketing.
Asistencia

Accede al servicio de asistencia a través de tu cuenta.

Asistencia por correo electrónico (prueba gratuita y cuentas de pago) Disponible 24/7

Asistencia por chat/virtual
La disponibilidad varía según la ubicación y el tipo de plan