Manual de marca – Product Hackers

Logotipo

Es una marca gráfica que se utiliza para facilitar la identificación y el reconocimiento.

Colores

Un número reducido de colores para dar personalidad a la marca.

Tipografía

Fuentes seleccionadas para dar personalidad a la marca.


Marca /Logotipo

Logotipo

Nuestro logotipo esta formado por un isotipo en forma de cohete despegando, junto a el tenemos el nombre de la empresa y nuestra frase “The Gowth Company”. Estos representan como conseguimos hacer despegar productos mediante growth, representadose en azul “Product” y en rojo “Growth”.

Positivo
Negativo
Fondo | 3 colores
Fondo | 2 colores

Marca /Paleta de colores

Paleta de colores

La gama de color es el elemento más sensorial de la Identidad visual, conecta nuestro sentido con las emociones de manera muy directa. Los colores han sido elegidos dadas las fases de una estrella, desde su fase inicial (azul) hasta la final (rojo).

Las estrellas más jóvenes tienen una tonalidad más azulada y las estrellas con más vida, más rojiza. Esto es debido a que cuanto más joven es una estrella, mayor energía genera y mayor temperatura alcanza. Por el contrario, cuando las estrellas se van estabilizando, y su temperatura disminuye hasta colores más rojizos.

Dado el concepto del que partimos para crear la paleta de color no solo podemos ceñirnos a unos colores planos, las estrellas, los planetas, los astros celestes etc. no solo muestran un color, a lo largo de sus fases van evolucionando, mezclándose. Esto se relaciona directamente con vuestra metodología. Por ello la paleta resultante no es solo la de los cuatro colores que veíamos al principio, esa es solo el punto de partida. Es un espectro de color que se relaciona directamente con los colores de las fases de la vida de una estrella. Adaptándolos para que se relacionen, con la paleta ya vigente.

Fases de una estrella


Degradado descompuesto en colores

Ejemplo de degradados





Marca /Tipografía

Tipografía

En la composición tipográfica se utilizan dos tipografías con personalidades muy diferenciadas.

Para titulares la Editor Bold, que dado el carácter de sus remates y el peso será un pilar importante en la construcción de la marca.

Por otro lado encontramos, la TT Hoves utilizada para el grueso del texto, cuenta con una gran legilibilidad en todos los tamaños, es geométrica y, además, tiene una gran variedad de cuerpos.



Marca /Identidad verbal

Identidad verbal

El alma de todo explorador es aventurera. Queremos transmitir esa búsqueda constante de soluciones a cualquier producto digital, de personas incansables, de mentes inquietas y altas dosis de imaginación, análisis e ingenio

Exploradores

Indagamos, nos ponemos a prueba y no nos conformamos hasta dar con la clave de tu crecimiento

Científicos

Nada mejor que tener una mente analítica para contrastar hipótesis y despejar la incógnita de tu negocio

Creativos

Si no tenemos clara la solución, nos la inventamos. Todo con tal de hacer crecer tu producto digital

Sabios

No hay nada más poderoso que aprender de cada error, usando el conocimiento en tu beneficio

Diversos

El Growth es lo que nos une. Pero la pasión por la Psicología, el CRO, la UX o la Tecnología nos hace únicos

Ambiciosos

Experimentar, analizar, validar e iterar. Una y otra vez hasta conseguir que tu producto despegue


Marca /Fases, Líneas & Grid

Fases, Líneas & Grid

Pero no sólo tenemos el espíritu de explorar, si no que sabemos como hacerlo para llegar a nuestro destino de la manera más eficiente. Tenemos un método.
Estudiamos, compartimentamos, experimentamos, repetimos, vamos avanzando en cada una de las fases, volvemos a experimentar y volvemos a repetir. Las veces que haga falta hasta llegar a nuestro destino y cumplir los objetivos.

Ejemplo de utilización de fases

A la hora de componer las piezas de la marca vemos que la línea tiene una gran importancia, puesto que es uno de los elementos que ayuda a resaltar y a mostrar de una manera más específica el nuestro atributo de expertos.

Además de ayudar gráfica y visualmente a la hora de transmitir un orden y un sistema a la hora de explorar.

Éstas se utilizan con un grosor fino, y en un color blanco o negro dependiendo del fondo donde se estén aplicando.

Ejemplo de utilización de líneas

La retícula en la que presentamos todas las creatividades, es sencilla compuesta por unos márgenes laterales de el doble de los cuadrados que la componen internamente.

Esta forma tan sencilla de componer nos ayuda a que sea totalmente modular, consiguiendo que las piezas puedan cambiar guardando relación.

Esto se hace realmente útil al componer utilizando el grid faseado, relacionado con el concepto, que nombramos anteriormente.

Grid

Ejemplos de utilización del grid


Marca /Pictogramas

Pictogramas

Uno de los elementos que ayuda a traslada coherencia de marca y identidad propia es el sistema de pictogramas.
Para conformarlos se han usado formas sencillas, y un trazo fino acorde al utilizado en las líneas que se presentan a lo largo de toda la identidad.
Además se plantean dos niveles de ejecución

Simple

Growth

Growth

Growth Hacking

Growth Hacking

Metodología Growth

Metodología Growth

Retroalimentación

Retroalimentación

Experimentación

Experimentación

Análisis

Análisis

Ideas

Ideas

Usuarios

Usuarios

Ciencia

Ciencia

Magia

Magia

Creativo

Creativo

Investigación

Investigación

Digital Product

Digital Product

Keynote

Keynote

Computer

Computer

Beneficios

Beneficios

Partners

Partners

Global

Global

Degradado

Growth

Growth

Growth Hacking

Growth Hacking

Metodología Growth

Metodología Growth

Retroalimentación

Retroalimentación

Experimentación

Experimentación

Análisis

Análisis

Ideas

Ideas

Usuarios

Usuarios

Ciencia

Ciencia

Magia

Magia

Creativo

Creativo

Investigación

Investigación

Digital Product

Digital Product

Keynote

Keynote

Computer

Computer

Beneficios

Beneficios

Partners

Partners

Global

Global


Marca /Ilustraciones

Ilustraciones

Mediantes formas sencillas crea una composición armónica geométrica y con un elevado grado de abstracción.

Se relaciona con la marca por por el uso de degradados y se puede aplicar en oscuros como en claros.

Ejemplo de ilustración


Marca /Fotos

Fotos

La fotografía que compone la marca tiene un carácter aspiracional muy marcado. Ésta nos ayuda a situarnos en el concepto que se está construyendo con con todos los elementos de la marca.

La dimensionalidad de estas imágenes nos hace percibir la empresa como algo inmenso, con grandes objetivos y capacidades.

Para dotar a la marca de un factor más humano utilizamos fotografías de personas.
Tanto en un entorno de trabajo, con dispositivos, atribuyéndole a la marca el factor digital, como primeros planos que consiguen empatizar con el cliente y dar un valor extra a las comunicaciones y tangibilizar nuestros servicios.

Ejemplo de ilustración

La fotografía puede aplicarse de varias formas, a lo largo de la marca podemos ver como se usa sin ningún tipo de filtro, pero para poder hacer más únicas las imágenes encontramos tres tipos de tratamientos;

utilizando un mapa de degradado de azul a rojo, aplicando uno de los degradados como forma de coloración y repitiendo la imagen varias veces como si ésta constase de fases.

Degradado Superpuesto
Mapa de Degradado
Imagen Faseada

Marca /Ejercicios visuales

Ejercicios visuales

A continuación, verás ejemplos visuales que le permitirán visualizar cómo se comporta la marca en distintos puntos de contacto.