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.