Historias de los usuarios

Productos.gif
Artboard 11.png
Artboard 23.png

Construcción de producto 

Cuando el logo lleva el isotipo este es hecho con una cuadricula especial. y alineado perfectamente con el logo

Para la descripción de los subproductos se utiliza la tipografía Museo 900.

Huli-+-producto.gif

HuliPractice

Artboard 16.png

Con HuliPractice queremos generar un impacto que mejore la vida de los pacientes y los proveedores de salud, al permitirles tener una interacción de mayor calidad y con mejores resultados.

Identidad HuliPractice

Los logos de productos tienen la misma normativa del logo de Huli. 

La cruz de Huli cambia de color, respecto al color de nuestro producto.

Artboard 2.png
hp-logotipo.png

100% Porcentaje base para referencia de espaciados y tamaño de la cruz

Cuando vamos hablar de Hulipractice, siempre utilizamos el isologotipo para cualquiera de nuestros formatos digitales o tradicionales.

Artboard 18.png

Isologotipo

Isotipo + Logotipo= Isologotipo

HP-isologotipo.png
Artboard 8.png

Isotipo

El ícono de HuliPractice habla de la habilidad de lograr objetivos de forma ordenada. 

hp-isotipo.png

100% Porcentaje base para referencia de espaciados y tamaño de la cruz

Area de seguridad

En el logo de HuliPractice, también se utiliza como unidad de medida para el area de seguridad la cruz del logo Huli.

hp-area-de-seguridad.png

Versiones de color

Siempre que sea posible, se aplicará la marca en su versión principal. 

HP-Versión-color.png
Hp-version-color-2.png

El logo se usa blanco en su totalidad cuando hay otros fondos.

Porcentaje de reducción

La orientación del logo sobre diferentes formatos, estará destinada a cuatro locaciones. Siempre respetando su respectiva área de seguridad

Orientación del logo

La orientación del logo sobre diferentes formatos, estará destinada a cuatro locaciones. Siempre respetando su respectiva área de seguridad

LOGO-POSITION-HP.png

*Se usa arriba al centro cuando el logo es utilizado como encabezado

Uso del logo

Se usa una grilla de 3 donde irá diagramado el contenido dado

USO-hp.png

Colores Primarios

Artboard 23.png

Se compone de dos colores primarios un cyan más claro y uno más oscuro el cual podremos utilizar para resaltar textos, o para cuerpos.

Se decide unir dos colores  uno como el amarillo que es utilizado para acentuar las llamadas de acción o resaltar números de télefono y un tono negro que nos sirve para cuerpos de textos.

color hp.png

Porcentajes de color

Para obtener otras tonalidades dentro de nuestra paleta cromática, se decide hacer de cada uno de nuestros colores un porcentaje de opacidad.

HP-opacidad.png

Uso de la marca

Al momento de hacer un arte se puede tener mucha creatividad sin dejar de lado las reglas de diagramación o color, como se muestra en las siguientes referencias

Creación de los iconos

Al crear un icono, véalo y edítelo al 400% (192 x 192 dp), que mostrará los bordes a 4dp.

More Info >

Iconografía

ICONOS.png
HP-REDUCCION.png
 
HuliPractice-minibrandbook-color.png
USO-hp-billaboard.png

Personajes

En HuliPractice existen una serie de personajes que pueden apropiarse de la comunicación para fines expecíficos. Siempre que se utilice un personaje secundario, un personaje primario debe cerrar la comunicación.

Personajes-HP.png

Fotografía

A la hora de escoger una fotografía deberíamos vender una emoción, tocar los sentimientos, más alla de solo ser una fotografia posada deberíamos transmitir la escencia de Huli como empresa y la de sus productos.

Las Fotografías aunque sean en su mayoria de médicos, deberían transmitir alegría y tranquilidad en ellas,  entonces por eso decidimos dejar de lado esas fotografías azules frías, y escogimos fotos con más cálidas que emitan más alegría y bienestar

Las Fotografías deberían denotar conexiones entre pacientes y doctores, confort, alegría, confianza, positivismo. 

Dirección de arte

Uso de imágen

Fotografía-a-usar-5.jpg

Estilo de vida

Fotografía-a-usar8.jpg
Estilo de vida + producto
Fotografía-a-usar7.jpg
Producto

Uso de la Fotografía en Campañas

Historias de los usuarios

HuliVida

Con HuliVida buscamos darle a las personas un grupo de herramientas para que aumenten la sensación de control sobre su salud, desde poder agendar cita a media noche y poder compartir su información médica fácilmente hasta mejorar sus hábitos al tomar medicamentos.

Identidad HuliVida

Los logos de productos tienen la misma normativa del logo de Huli. 

La cruz de Huli cambia de color, respecto al color de nuestro producto.

HuliVida-minibrandbook--Logo.png

100% Porcentaje base para referencia de espaciados y tamaño de la cruz

Cuando vamos hablar de HuliVida, siempre utilizamos el isologotipo para cualquiera de nuestros formatos digitales o tradicionales.

 

Debemos tener en cuenta que el identificador de la marca, se elige dependiendo de la utilidad que este tenga, como por ejemplo: si es más practico, si hace que el diseño se vea más simétrico.

Isologotipo

HuliVida-Isologotipo.png

Isotipo + Logotipo= Isologotipo

Isotipo

El ícono de HuliVida nos remite al tema de la salud.

Objetivo principal del producto. Al utilizar un símbolo universal como el corazón, estamos aprovechando el poder de atención que este símbolo genera.

HuliVida-Isotipo.png

Area de seguridad

En el logo de HuliVida, también se utiliza como unidad de medida para el area de seguridad la cruz del logo Huli.

HuliVida-area-de-seguridad.png

Versiones de color

Siempre que sea posible, se aplicará la marca en su versión principal. 

HuliVida-variación-de-color-1.png
HuliVida-variación-de-color-2.png

El logo se usa blanco en su totalidad cuando hay otros fondos.

Porcentaje de reducción

La orientación del logo sobre diferentes formatos, estará destinada a cuatro locaciones. Siempre respetando su respectiva área de seguridad

HuliVida-Reducción-del-logo-copy.png

Colores Primarios

Se compone de dos colores primarios un azul oscuro el cual lo podremos utilizar para textos y un verde neón el cual lo usaremos para acentuar textos y cosas de suma importancia.

HuliVida-color.png

A estos colores le3 agregamos el negro el cual también se utilizará para

cuerpos de texto

HuliVida-color-2.png

Porcentajes de color

Para obtener otras tonalidades dentro de nuestra paleta cromática, se decide hacer de cada uno de nuestros colores un porcentaje de opacidad.

HuliVida-opacidad-del-color.png

Orientación del logo

La orientación del logo sobre diferentes formatos, estará destinada a cuatro locaciones. Siempre respetando su respectiva área de seguridad

HuliVida-Posición-del-logo.png

*Se usa arriba al centro cuando el logo es utilizado como encabezado

Uso del logo

Se usa una grilla de 3 donde irá diagramado el contenido dado

HuliVida-uso-del-logo.png

Uso de la marca

Al momento de hacer un arte se puede tener mucha creatividad sin dejar de lado las reglas de diagramación o color, como se muestra en las siguientes referencias

HuliVida-Uso-de-la-marca.png

Personajes

En HuliVida existen una serie de personajes que interactuan dentro de la web, ejemplo mensajes de alerta o de bienvenida.

HuliVida-Personajes-.png
HuliVida-Personajes-2.png

Creación de los iconos

Al crear un icono, véalo y edítelo al 400% (192 x 192 dp), que mostrará los bordes a 4dp.

More Info >

Iconografía

HuliVida-icons.png

Fotografía

A la hora de escoger una fotografía deberíamos vender una emoción, tocar los sentimientos, que se vea que las personas están saludables y feliz, o cuidando de otros, en estás se deberían de ver usuarios y no doctores.

Las Fotografías deberían denotar, confort, alegría, confianza, positivismo y salud. 

Dirección de arte

Uso de imágen

Producto
bruno-nascimento-255699-unsplash.jpg

Estilo de vida

rawpixel-1145272-unsplash.jpg
Estilo de vida + producto

Uso de la Fotografía en Campañas

Historias de los usuarios

HuliHealth

Con HuliHealth queremos ayudar a los pacientes a encontrar, conectar y programar citas con médicos, hospitales y redes de salud. Queremos que HuliHealth se pueda integrar fácilmente con las instituciones médicas de forma que les permita de una manera sencilla proveer el poder de nuestra herramienta a sus usuarios.

Identidad HuliHealth

Los logos de productos tienen la misma normativa del logo de Huli. 

La cruz de Huli cambia de color, respecto al color de nuestro producto.

HuliHEALTH-Formación-del-logo.png

100% Porcentaje base para referencia de espaciados y tamaño de la cruz

Cuando vamos hablar de Hulihealth, lo utilizamos más que todo el logotipo para cualquiera de nuestros formatos digitales o tradicionales.

 

Debemos tener en cuenta que el identificador de la marca, se elige dependiendo de la utilidad que este tenga, como por ejemplo: si es más practico, si hace que el diseño se vea más simétrico.

Isologotipo

HuliHEALTH-Isologotipo.png

Isotipo + Logotipo= Isologotipo

Isotipo

El ícono de HuliHealth, la lupa nos remite la acción de buscar. Esta adaptación se apropia de las cualidades intrínsecas de la cruz de Huli y las aplica en el ícono para crear un ícono propio.

HuliHEALTH-Isotipo.png

Area de seguridad

En el logo de HuliHealth, también se utiliza como unidad de medida para el area de seguridad la cruz del logo Huli.

HuliHEALTH-Area-de-seguridad.png

Versiones de color

Siempre que sea posible, se aplicará la marca en su versión principal. 

HuliHEALTH-Variación-de-color-.png
HuliHEALTH-Variación-de-color-2.png

El logo se usa blanco en su totalidad cuando hay otros fondos.

Porcentaje de reducción

La orientación del logo sobre diferentes formatos, estará destinada a cuatro locaciones. Siempre respetando su respectiva área de seguridad

HuliHEALTH-Porcentajes.png

Colores Primarios

Se compone de dos colores primarios un azul oscuro el cual lo podremos utilizar para textos y un verde el cual lo usaremos para acentuar textos y cosas de suma importancia.

HuliHEALTH-color-primario.png

A estos colores le agregamos el negro el cual también se utilizará para

cuerpos de texto

HuliHEALTH-color-secundario.png

Porcentajes de color

Para obtener otras tonalidades dentro de nuestra paleta cromática, se decide hacer de cada uno de nuestros colores un porcentaje de opacidad.

HuliHEALTH-opacidad-del-color.png

Orientación del logo

La orientación del logo sobre diferentes formatos, estará destinada a cuatro locaciones. Siempre respetando su respectiva área de seguridad

HuliHEALTH-Posición-de-logo.png

*Se usa arriba al centro cuando el logo es utilizado como encabezado

Uso del logo

Se usa una grilla de 3 donde irá diagramado el contenido dado

HuliHEALTH-uso-del-logo.png

Uso de la marca

Al momento de hacer un arte se puede tener mucha creatividad sin dejar de lado las reglas de diagramación o color, como se muestra en las siguientes referencias

HuliHEALTH-Uso-de-la-marca.png

Personajes

En HuliVida existen una serie de personajes que interactuan dentro de la web, ejemplo mensajes de alerta o de bienvenida.

HuliHEALTH-personaje-doc.png
HuliHEALTH-personajes.png