Page 1

up!


CAROLINA ANGUEYRA LESLIE DOMBROWER LAURA FLÓREZ FELIPE ZAPATA


1. introducción 2. laempresa 3. elconcepto 4. laimagen - logosímbolo - logo(nube) - logotipo - tipografía - variaciones - colorescorporativos - papeleríacorporativa 5. laestrategia - propuestavalor - stakeholders - elementodiferenciador 6. lainterfaz - quées? - aspectosformales - usointerfaz 8. modelonegocio


Ă­ndice


laintroducción Miles de empresas de diseño gráfico que rodean el mundo se caracterizan por algún factor específico que las hace diferentes a las demás; up! se une a ellas pero con una gran diferencia que la hace sobresalir en el montón: la aplicación de una vitrina virtual que se basa en la confianza y la transparencia en el proceso de creación de una marca específica (cliente). El siguiente manual es una explicación detallada de la construcción de up! un laboratorio creativo que busca darle solucion a los problemas gráficos y de comunicación de las empresas.


laempresa


aboutus Somos un laboratorio creativo dedicado a la entrega de soluciones estratégicas e innovadoras con el objetivo de darle valor a las empresas y vida a sus marcas. A través de herramientas online, identificamos y expresamos su personalidad partiendo de la creación de historias y valores diferenciadores que les permita competir y sobrevivir en el mercado.

lamisión Tenemos como misión solucionar los problemas gráficos y de comunicación de nuestros clientes transformando sus ideas en conceptos creativos, plasmando su personalidad y su esencia. Esto por medio de un servicio interactivo que evoca la transparencia como base fundamental del proceso creativo.

lavisión Aspiramos ser un laboratorio creativo reconocido tanto a nivel nacional como internacional, caracterizado por prestar un servicio único y personalizado basado en la transparencia, calidad e innovación. Lograremos en un corto plazo proyectarnos como una agencia de diseño gráfico diferente y a largo plazo construír un reconocimiento debido a la originalidad del proceso empleado con cada cliente.


concepto


elconcepto Para todas las empresas que buscan sobresalir en el mercado a travĂŠs de un impacto visual (target), up! es un laboratorio (marco competitivo) que ofrece soluciones creativas (beneficio) a travĂŠs de un seguimiento interactivo, el cual se presenta como una vitrina virtual (razĂłn para creer).


laimagen


logosĂ­mbolo 0,75cm

up!

4,5cm

6cm

5,21cm

1cm

1,8cm


logonube la nube es una analogía del ciclo del agua relacionada con el ciclo del desarrollo de las ideas. Al estar relacionada con este elemento (agua), se logra transmitir una noción de transparencia y transformación sin perder la esencia de la marca. Su forma ondulada pretende una acumulación de información moldeable y flexible. Así mismo, el hecho no estar completa y tener una abertura transmite la noción de fácil acceso y libertad de intercambio de información. Para finalizar, la flecha simboliza la constante retroalimentación y evidencia un flujo de información con un proceso de principio a fin.

logotipoup! up! significa ser aspiracional y mirar siempre para arriba, tanto los clientes como nuestra marca. Por otro lado, en palabras técnicas hace alusión al término subir la información a la web, servicio que caracteriza nuestra marca. Así mismo, se seleccionó esta palabra pues es corta lo cual hace que sea sencilla y genere recordación. También es una palabra de uso cotidiano y que está siempre en el imaginario colectivo. El signo de exclamación es un elemento que potencializa el lenguaje informal de la marca, que a su vez es divertido, juvenil y creativo.

2,4cm

4cm

4,5cm

6cm

0,75cm

up! 5,21cm

1cm

1,8cm


tipografía

neutra text light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 neutra text book ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 neutra text demi ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 neutra text bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789


variacioneslogo El hecho de ser “moldeable” y “flexible” se presta para generar unas alteraciones dependiendo de la necesidad y lo que se quiera representar. Es posible realizar estas alteraciones manteniendo la esencia de la marca pues es fácilmente reconocible e icónica.

standby refresh upload

.com

standup done! download


colorescorporativos Para la elección de los colores principales y característicos de nuestra marca, tuvimos en cuenta palabras claves tale como: frescura, trasnparencia, tranquilidad y contraste. Así mismo, se seleccionaron dos colores para el logo símbolo con el fin de transmitir sencillez y limpieza. azul que hace alusión al agua y esta a su vez inspira transparencia, frescura, claridad, inspiración y tranquilidad. negro para crear un contraste con el fin de hacer la marca legible y memorable; también para darle madurez a la marca y hacerla respetable.

c= 70 m= 15 y= 18 k= 0

c= 100 m= 100 y= 100 k= 100


c= 0 m= 0 y= 0 k= 70

c= 0 m= 32,81 y= 92,58 k= 0

c= 0 m= 90 y= 85 k= 0

c= 0 m= 65 y= 100 k= 0

c= 75 m= 0 y= 75 k= 0

c= 50 m= 0 y= 100 k= 0 transparencia70%


papeleríacorporativa

up! Felipe Zapata Diseñador de Comunicación

c e l : 3 1 3 8 4 7 9 2 3 3 // f . z a p a t a @ u p . c o m

Leslie Dombrower Diseñadora . Administradora

c e l : 3 1 3 8 4 7 9 2 3 3 // l . d o m b r o w e r @ u p . c o m

Carolina Angueyra Diseñadora de Producto

c e l : 3 1 7 6 6 5 4 4 1 8 // c . a n g u e y r a @ u p . c o m

Laura Flórez Diseñadora de Producto y Comunicación up!

laboratorio creativo // www.uplab.com teléfono: 4769771 // dirección: cra. 7d no. 127c - 63

c e l : 3 1 5 3 4 5 4 6 0 0 / / l . fl o r e z @ u p . c o m


laboratorio creativo // www.uplab.com teléfono: 4769771 // dirección: cra. 7d no. 127c - 63

up!

aplicaciones A pesar de tener un servicio en línea, se presentan algunas aplicaciones de papelería corporativa tales como hojas de impresión tamaños A4 y A6 para impresiones de cotizaciones y facturación. También aplicaciones de papelería en tarjetas de presentación, sobres, carpetas y stickers.

laboratorio creativo // www.uplab.com teléfono: 4769771 // dirección: cra. 7d no. 127c - 63

up!


estrategia


laestrategia Como toda agencia de diseño, up! tiene una estrategia que la hace diferente al resto, convirtiéndola en un laboratorio creativo basado en 3 pilares como propuesta de valor y con un elemento diferenciador que se trata de un servicio al cliente único y personalizado, lo cual se mostrará a continuación.


propuestadevalor La propuesta de valor se presenta como un “paquete” de beneficios o puntos a favor que logran satisfacer las necesidades de cliente mediante ellas. Se basa en 3 pilares fundamentales: la transparencia, el tiempo y las herramientas empleadas en el proceso creativo. Son a la vez, las características principales que diferencian a up! del resto de las agencias de diseño y la convierten en un laboratorio creativo.


Brindamos la posibilidad de tener un seguimiento con el proceso que se esta llevando en marcha. No hay sorpresas ni incertidumbre en el proceso para el cliente. Además hay un registro de comunicación y evidencias del mismo (fechas previstas).

transparencia

propuesta de valor herramientas Tecnología aplicable a todos los dispositivos móviles de la actualidad (iPhone, Blackberry, Galaxy, Android). Además es una aplicación que utiliza una interfaz “user-friendly” con el fin de presentar un uso fácil para todo tipo de cliente. Esto permite una interacción más cercana con el cliente y en tiempo real (a través de notificaciones).

tiempo Cumplimiento con las entregas de fechas estipuladas con el fin de generar una buena reputación. Además, los clientes tendrán un acompañamiento a través de la interfaz con el fin de reducir las reuniones de acto presencial y ahorrar tiempo tanto del cleinte, como del diseñador, optimizando de esta forma el tiempo de ambas partes. Así, tener una evidencia de actividad constante en el tiempo del proceso.


equipocreativo Es el encargado de crear todo el material visual de las empresas a partir del uso de las herramientas online. Diseñadores Gráficos

up!

Diseñadores de Producto Publicistas

Es un laboratorio creativo dedicado a la entrega de soluciones estratégicas e innovadoras con el objetivo de darle valor a las empresas y vida a sus marcas a través de herramientas online.

stakeholders

Posicionarse a través de lo visual Crecer en el mercado Reconocimiento Los clientes que recurren a los servicios que presta up! son pymes. Empresas que aún se encuentran en crecimiento.

clientesup!


contador/costos

administrador/gerente

Control y jusitificación de los ingresos y gastos de la empresa, así como de informar al cliente su cuenta de cobro.

Administra la empresa, asigna tareas específicas a los miembro del equipo y monitorea las actividades de todas las áreas. Gerente General

Contabilidad

Gerente de Mercadeo Gerente Financiero

Comunicadores Publicistas

Ecargados de dar a conocer la marca a diferentes clientes a través de diferentes medios: uso de redes sociales, voz a voz, etc.

relacionespúblicas


elementodiferenciador Aunque existen muchas agencias de diseño que buscan solucionarle problemas gráficos a sus clientes, up! se caracteriza por ir más allá y ser una especie de laboratorio creativo que funciona a través de una vitrina virtual. Esto con el fin de recalcar la transparencia durante el desarrollo de los proyectos con cada cliente a través del uso de una herramienta totalmente nueva y única. Es así como se logra no solo un proceso transparente, sino potencializar los valores implícitos de la empresa, como lo es el tema de ahorrar tiempo y mantener un seguimiento constante con el cliente a través del uso de la tecnología.

.com


interfaz


lainterfaz Es una plataforma de interacción representada en forma de aplicación, creada exclusivamente por los diseñadores de up! con el fin de generar elementos diferenciadores en relación con el resto de agencias existentes en el mercado. Es así como up! se convierte en algo más que una agencia del común, pues potencializa el uso de herramientas en el proceso creativo con el cliente.


up!

?

deja tus ideas flotar™ lista

upload

fecha

recordatorios artefinal logobeta hoy

definicióntarget logoprincipal

papeleríaempresa

referentesvisuales

retoquesfinales identidadcorporativa

noviembre 2012 lun

download

done!

refresh

mar

jue

vie

29 30 31

1

2

5

8

9 10 11

6

mié

7

sáb

dom

3 4

12 13 14 15 16 17 18 19 20 21 22 23 24 25 b

i

u

=)

26 27 28 29 30 1

escriba su mensaje aquí...

enviar

3

4

5

6

7

8

2 9

.com


La interfaz es un medio creado exclusivamente para la interacción entre la empresa y nuestros clientes durante el proceso creativo. La plataforma, a pesar de usar tecnología avanzada, se caracteriza por ser amigable, manipulablre y fácil de entender. Gracias a esta aplicación se podrá mantener una constante comunicación y seguimiento con el cliente. Este widget cuenta con 4 secciones que incluyen: ventana principal con los proyectos y sus asociados, calendario, recordatorio y una ventana para chat.


aspectosformales La aplicaciĂłn ha sido desarrollada de una forma amigable a la vista y con aspectos muy sencillos con el fin de que cualquier cliente pueda hacer uso de ella. Del mismo modo, la idea es poder crear una especie de laboratorio creativo en el que el cliente pueda ver clara y trasparentemente todo el proceso que se lleva a cabo con su respectiva marca; es por esto que las ventanas presentadas en el widget son precisas y van “al granoâ€?.


Puntas redontas con dos objetivos: principalmente hacer alusión a la nube, logo de la empresa. También para convertir la aplicación en un elemento más amigable y no tan agresivo, serio e imponente. La idea es que los clientes se concecten con up! de una manera agradable.

up!

?

deja tus ideas flotar™ lista

upload

fecha

recordatorios artefinal logobeta hoy

definicióntarget logoprincipal

papeleríaempresa

referentesvisuales

retoquesfinales identidadcorporativa

No obstante, las puntas de las ventanas que se encuentran dentro de la aplicación son un poco menos redondas, esto con el fin de darle más seriedad al proceso que se lleva a cabo y no convertir la aplicación en algo informal.

noviembre 2012 lun

download

done!

refresh

mar

jue

vie

29 30 31

1

2

5

8

9 10 11

6

mié

7

sáb

dom

3 4

12 13 14 15 16 17 18 19 20 21 22 23 24 25 b

i

u

=)

26 27 28 29 30 1

escriba su mensaje aquí...

enviar

3

4

5

6

7

8

2 9

.com


upload es el botón refetente a la carga constante de lo que se vaya creando con el objetivo que el cliente pueda mirar en tiempo real el proceso que se esta llevando a cabo. El ícono es una variación del logo principal; una nube con una flecha hacia arriba que indica que algo se esta cargando o se esta subiendo a la red.

up! es el botón refetente al logosímbolo e imagen de la empresa. Siempre presente en la aplicación con el fin de tener la marca siempre presente con cualquier cliente y generar una recordación, pues es una aplicación única y especial para el trato con nuestros clientes.

up!

?

deja tus ideas flotar™ lista

upload

fecha

recordatorios artefinal logobeta hoy

refresh es el botón refetente a la actualización de documentos. Este ícono es una variación del logo principal con la intención de tener siempre la marca presente. Es una nube con una flecha circular en el centro, indicando la constate actualización.

definicióntarget logoprincipal

papeleríaempresa

referentesvisuales

retoquesfinales identidadcorporativa

noviembre 2012 lun

download

done!

refresh

mar

jue

vie

29 30 31

1

2

5

8

9 10 11

6

mié

7

sáb

dom

3 4

12 13 14 15 16 17 18 19 20 21 22 23 24 25 b

i

u

=)

26 27 28 29 30 1

escriba su mensaje aquí...

enviar

3

4

5

6

7

8

2 9

.com

download es el botón referente a la descarga de archivos, éste al igual que los demás es una variación del logo principal con una flecha hacia abajo que indica la descarga. done! es el ícono que indica que la actividad que se esta desarrollando (montar archivos o descargarlos, etc) esta clompleta. Es una variación del logo con la nube completa en este caso.


El color de base del widget es un degradé de azul claro (el del logo principal) a azul oscuro, con el fin de recrear todo el mundo de las nubes y la transparencia y posicionarlo en el imaginario colectivo de nuestros cliente.

up!

?

deja tus ideas flotar™

Las carpetas en las que se montan los archivos del proceso con el cliente responden a los colores corporativos establecidos, esto con el fin de hacer la marca más versátil y divertida, sin perder la formalidad. Es por esto que la variación de estos colores se utiliza en detalles como las carpetas, algunos títulos y números.

lista

upload

fecha

recordatorios artefinal logobeta hoy

definicióntarget logoprincipal

papeleríaempresa

referentesvisuales

retoquesfinales identidadcorporativa

noviembre 2012 lun

El uso de los fondos blancos en las ventanas del widget son fundamentales para recalcar la transparencia que se lleva a cabo con el cliente en el proceso creativo. Por otro lado, el degradé de tonalidades grises es para darle formalidad a cada una de las ventanas y ponerlas en el mismo nivel de imporacia. Además, crear una marca que si bien es divertida, no pierda la seriedad.

download

done!

refresh

mar

jue

vie

29 30 31

1

2

5

8

9 10 11

6

mié

7

sáb

dom

3 4

12 13 14 15 16 17 18 19 20 21 22 23 24 25 b

i

u

=)

26 27 28 29 30 1

escriba su mensaje aquí...

enviar

3

4

5

6

7

8

2 9

.com


usointerfaz La aplicación fue diseñada para uso exclusivo entre los diseñadores y los clientes de up!. Esta fue creada con el objetivo de crear una interacción con el cliente y presentarle el proceso creativo de una forma transparente, como si fuese un laboratorio. El desarrollo de la misma, fue creado co la intención de ser una aplicación amigable y de fácil uso para todos nuestros clientes, con procesos sencillos.


Los recordatorios juegan el papel de una herramienta que permite al cliente estar al tanto de todas las metas establecidas y poder visualizar que actividades están pendientes ó finalizadas.

la fecha muestra un orden cronológico y permite una búsqueda más detallada de las metas pendientes.

la lista hace un recuento de todos las metas y fechas pendientes o terminadas. lista

fecha

recordatorios artefinal

el cuadrado es para uso único de los diseñadores. este sirve para crear un imaginario colectivo de organización. al terminar una tarea, el diseñador hace click en el cuadrado y aparece un chulo que indita que la tarea ha sido efectuada.

al hacer click en el icono de refrescar se actualizan todas las metas.

logobeta hoy

definicióntarget identidadcorporativa

al hacer click en la meta específica se desgloza la información detallada de la misma.


el escritorio es una herramienta que permite al cliente y al diseñador ver todos los archivos y proceso de una forma organizada y de fácil acceso. al hacer click en el botón upload el cliente o el diseñador escoge el archivo que quiere subir.

al escribir en el buscador se encuentran archivos que están en el escritorio

upload

en las diferentes carpetas se encuentran todos los archivos organizados. los colores indican diversos temas de trabajo.

logoprincipal

papeleríaempresa

referentesvisuales

retoquesfinales

el scroll sirve para subir y bajar para ver las diferentes carpetas.

download

al hacer click en el botón download el cliente puede desgar un archivo no editable

refresh

al hacer click en el icono de refrescar se actualizan todas las carpetas.

done!

al finalizar alguna acción en el escritorio, el botón de done! se enciende.


el chat es una herramienta que permite al cliente y al diseñador comunicarse de una forma fácil. Todas las conversaciones se guardan para tener un historial

emoticones para agregar al texto.

posibilidad de cambiar el estilo de la fuente. b

espacio para escribir los mensajes.

i

u

=)

escriba su mensaje aquí...

enviar

el calendario permite al cliente estar al tanto de todas las fechas importantes y establecidas para diferentes actividades de una forma clara.

noviembre 2012 lun

mar

mié

al hacer click en el botón de enviar el mensaje escrito se envía a todos.

al hacer click en la dom flecha se pueden ver los diferentes meses y 4 su actividad.

jue

vie

sáb

29 30 31

1

2

3

5

8

9 10 11

6

7

12 13 14 15 16 17los días 18 de color naranja

los días de color azul indican el día actual. 19

indican reuniones.

20 21 22 23 24 25

26 27 28 29 30 1 días de color rojo 3los 4 5 6 7 indican entregas.

8

2 9

9:00 reunión en la barra se encuentan todas las actividades del día seleccionado


al hacer click en el botón de ayuda se encontrarán multiples soluciones para temas particulares de la aplicación

up!

?

deja tus ideas flotar™ lista

upload

fecha

recordatorios artefinal logobeta hoy

definicióntarget logoprincipal

papeleríaempresa

referentesvisuales

retoquesfinales identidadcorporativa

noviembre 2012 lun

download

done!

refresh

mar

jue

vie

29 30 31

1

2

5

8

9 10 11

6

mié

7

sáb

dom

3 4

12 13 14 15 16 17 18 19 20 21 22 23 24 25 b

i

u

=)

26 27 28 29 30 1

escriba su mensaje aquí...

enviar

3

4

5

6

7

8

2 9 standby

indica la actividad de la aplicación. standby reposo standup activo


modelonegocio


modelodenegocio A continuaci贸n se presentar谩 un modelo de negocio basado en los 3 pilares que componen la propuesta de valor de nuestro laboratorio creativo up! con el fin de mostrar una estructura de funcionamiento de la empresa a partir del elemento diferenciador propuesto.


aliadosclave aliadosclave

actividadesclave actividadesclave

propuestavalor propuestavalor ?

up!

?

deja tus ideas flotar deja™ tus ideas flotar™ lista

upload

upload

up!

fecha

lista

recordatorios artefinal

artefinal

logobeta

logobeta

hoy

logoprincipal

papeleríaempresa

referentesvisuales retoquesfinales logoprincipal papeleríaempresa

hoy

definicióntarget referentesvisuales retoquesfinales

definicióntarget

identidadcorporativa

Etapa de conocer al Etapa de conocer al cliente personalemente y cliente personalemente y conocer conocer lo que éllodesee que él desee desarrollar con up!. con up!. desarrollar

ColombiaColombia es pasiones pasion

download

Presentación del producto Presentación del producto b

i

u

refresh

Vive Colombia viaja por viaja ella por ella Vive Colombia

vie

1

2

5

8

9done!10 11

6

mié

7

sáb

dom

3 4

lun

mar

mié

jue

vie

Tintas

dom

1

2

5

8

9 10 11

6

7

b

i

u

=)

escriba su mensaje aquí...

26 27 28 29 30 1 enviar

3

4

5

6enviar7

8

3 4

2 26 27 28 29 30 1 9

3

4

5

6

7

.com

8

2 9

.com

Brindar Brindar un servicio único a único a un servicio

Diseñadores gráfiDiseñadores gráfinuestrosnuestros clientes clientes a través a través cos y cospersonal y personal (satekholders). (satekholders). de la vitrina de lavirtual. vitrina Caracvirtual. Carac-

terizarnos por ser un terizarnos porlaboser un laboratorio creativo que desaratorio creativo que desaPropiedadPropiedad intelectualintelectual rrolla unrrolla proceso transpa-transpaun proceso para registrar la para registrar la aplicaciónaplicación y asegurary asegurarrente y en tiempo conreal con rente y en real tiempo nos de que nossea de única que sea única sus clientes a través ade una de una sus clientes través en el mercado. en el mercado. aplicación única. única. aplicación

estructuracostos estructuracostos

ImpresiónImpresión

sáb

29 30 31

19 20 21 22 23 24 25 19 20 21 22 23 24 25

recursosclave recursosclave

aviatur.traveaviatur.trave l.com l.com

refreshdone!

download

mar

noviembre 2012

jue

29 30 31

12 13 14 15 16 17 18 12 13 14 15 16 17 18 =)

escriba su mensaje aquí...

Ministerio de comercio, Ministerio de comercio, industria industria y turismoy turismo

identidadcorporativa

noviembre 2012 lun

fecha

recordatorios

Tintas

Papeles Papeles

Tecnología Tecnología


relacióncliente relacióncliente

segmentos/clientes segmentos/clientes

A t e n c i óAnt e n c i ó n AsesoríasAsesorías personalizadas personalizadas al clienteal cliente pequeñaspequeñas y medianas y medianas empresasempresas (en cremcimiento). (en cremcimiento). A través A detravés la interfaz de la interfaz

reconocimiento/canales reconocimiento/canales clientes con marca propia clientes con marcae propia e independiente. independiente.

Voz a voz Voz a voz Promoción por Promoción por medio delmedio porta-del portafolio empresarial folio empresarial

.com .com Página WEB Página WEB

ganacias/éxito ganacias/éxito

grandes grandes y reconocidas y reconocidas empresasempresas (largo plazo). (largo plazo).

+ + = $= $

La cantidad de clientes la calidad La cantidad de yclientes y la del calidad del proceso yproceso servio prestado. y servio prestado.


UP!  

Manual Branding & Identidad Corp.

Read more
Read more
Similar to
Popular now
Just for you