Trisquelmedia: Experiencia de Usuario

43
experiencia de usuario

description

Portfolio de trabajos para el sector TIC

Transcript of Trisquelmedia: Experiencia de Usuario

Page 1: Trisquelmedia: Experiencia de Usuario

experiencia de usuario

Page 2: Trisquelmedia: Experiencia de Usuario

Madurez

Visión

+10

360º

Diseñar en cada momento la experiencia más adecuada para cada usuario

MisiónSomos un estudio creativo multidisciplinar, buscamos respuestas globales.

Atesoramos más de 10 años aportando valor en proyectos TIC

Page 3: Trisquelmedia: Experiencia de Usuario

Estr

ateg

ia

Mar

caN

amin

g

Dis

eño

Inte

rfaz

Arq

uite

ctur

a de

la in

form

ació

nU

sabi

lidad

Cons

truc

ción

XH

TML

Acc

esib

ilida

d

Difu

sión

y p

ublic

idad

Mar

keti

ngSo

cial

med

ia

Gen

erac

ión

de c

onte

nido

s

Des

arro

llo

Empresa

TIC

DESARROLLO COMUNICACIÓNDISEÑO

Trisquelmedia aporta valor añadido a los proyectos TICen cualquier etapa del proceso de producción.

Valor diferencial

Creatividad + Talento + Experiencia

Page 4: Trisquelmedia: Experiencia de Usuario

Iconos

Imagén corporativa del proyecto

Avilés EducaCliente: Fujitsu > Fundación CTIC

Identidad Corporativa del proyecto.

Asistencia técnica para la definición del Modelo Conceptual y Catálogo de Servicios.

Desarrollo de proyecto piloto: análisis de usabilidad y accesibilidad, diseño gráfico e interfaz de usuario, diseño interfaz web y arquitectura de información.

Desarrollo de realidad virtual y escenarios 3D. Prototipos de actividades multimedia interactivas, juegos y audiovisuales.

Campaña de comunicación y difusión.

Avilés Educa constituyó uno de los proyectos educativos más innovadores puestos en marcha en el Principado de Asturias. Se trataba de llevar las actividades extraescolares al ámbito del hogar, de modo que todo el entorno familiar del alumnado y los agentes sociales de la ciudad pudieran compartir y experimentar con los niños una amplísima oferta de actividades interactivas y contenidos multimedia y audiovisuales con el objetivo último del entretenimiento y la educación en valores ciudadanos.

MARCAESTRATEGIA

ARQUITECTURADISEÑO

CONTENIDOSPUBLICIDAD

Page 5: Trisquelmedia: Experiencia de Usuario

Avilés Educa

Page 6: Trisquelmedia: Experiencia de Usuario

Avilés Educa

1 Columna auxiliarEnlaces directos para agilizar la navegación.

1.1 Áreas temáticas:Iconos y enlaces directos a las portadas de las áreastemáticas.

1.2 Motor de búsquedaBúsqueda por palabras clave en las Actividades.

1.3 Novedades y NoticiasIconos y enlaces directos a las portadas deNovedades y Noticias.

2 Listado de actividadesListado de todas las actividades disponibles para el usuario,organizadas y presentadas en función del área temáticaa la que pertenecen y la fecha de su publicación en laplataforma.

2.1 - Icono y título de área temática.

2.2 - Icono o imagen asociada a la actividad.

2.3 - Título de la actividad. Enlace directo.

2.4 - Ficha:

2.4.1 - Descripción breve.2.4.2 - Fecha de inicio y fin.2.4.3 - Información de estado para el usuario:

Ya realizada.No completada.Nueva.

2.5 - Botón de acceso:Acceso directo a la actividad.

2.6 - Navegación:En función del número de elementos de estelistado, el documento se dividirá en varias páginasy se mostrará un sistema de navegación:

- primera pág, pág anterior- número de páginas sobre el total- pág siguiente, última pág.

2

Continúa en:FICHA ACTIVIDAD

Continúa en:

PORTADA NOTICIAS yPORTADA NOVEDADES

portada > actividades

Mis actividades

2.32.2

2.4

1

1.1

1.2

1.3

Continúa en:RESULTADOS BÚSQUEDA ACTIVIDADES

Continúa en:

PORTADAS ÁREAS TEMÁTICAS

2.6

2.5

2.1

Page 7: Trisquelmedia: Experiencia de Usuario

Sauce :: Myspyspot :: FALA :: eBroker

Cliente: Consejería de Educación :: IBCmass :: Instituto Asturiano de Administraciones Públicas :: E2000

Detrás de cualquier proyecto de éxito hay siempre una marca sólida y bien construida.

Nuestra experiencia en branding nos permite abordar el trabajo desde el naming hasta el desarrollo de su estrategia de comunicación.

NAMINGMARCA

:) :? :x :P

SPEAKPARLEZ SPRE-

CHEN

Page 8: Trisquelmedia: Experiencia de Usuario

Iconos

Imagen de marca, manuales, gráficas, movilidad...

PAGNA

Lloyds

TIREA

DGSFP

LPS

webs

Componentesmovilidad

portales comercio electrónico

ebroker u otrosBACK OFFICE

mediador

cliente

COMPAÑÍA A

COMPAÑÍA B

COMPAÑÍA C

Agencias subscripción

Otros prestadores de serviciosS. FinancierosClientes

Back officemediador

Tecnología

Compañías

CalidadAsociacionismo

TallerReglasAdmin partners Cooperación

MARCAARQUITECTURA

USABILIDADDISEÑO DE INTERFAZ

PUBLICIDAD

eBROKERCliente: E2000 Nuevas Tecnologías

Identidad Corporativa del proyecto.

Arquitectura de información y análisis de usabilidad.

Diseño de Interfaz de usuario.

Desarrollo de gráfica aplicada y comunicación: salesfolder, presentaciones, manuales y documentación técnica.

eBroker es una solución informática para la gestión integral de mediadores de seguros, concebida como un entorno único de operaciones y orientada a la optimización y racionalización de los procesos empresariales de los corredores.

Hemos participado tanto en el diseño de las terminales de trabajo de los corredores como en las terminales de clientes finales, con el objetivo de ofrecer siempre el entorno de trabajo más confortable e intuitivo posible.

Page 9: Trisquelmedia: Experiencia de Usuario

eBROKER

Page 10: Trisquelmedia: Experiencia de Usuario

eBROKER

Page 11: Trisquelmedia: Experiencia de Usuario

eBROKER

Casilla de formulario

Categorías dentro de formularios

ebroker: Elementos comunes en Formularios

En una misma pestaña y siesto facilita la organizacióny navegación, puede habermás de un módulo.

Titular

Titular

Iconos de formulario

Iconos de listado

Barras de scroll, selectores y menúsdesplegables serán los propios delnavegador con el que se esté utilizandola aplicación

En caso de ser necesario integrarun módulo dentro de otroprincipal, utilizaremos un matizmás claro del color definidocomo estandar para los módulosprincipales.

Page 12: Trisquelmedia: Experiencia de Usuario

latorredesuso.esCliente: Mediapro

Concepto creativo y diseño de interfaz web.

Diseño de interactividad Flash.

Gráfica aplicada.

"La Torre de Suso" es el primer largometraje del director asturiano Tom Fernández y también nuestro estreno en el cine con mayúsculas. Se trata de una deliciosa comedia que se desarrolla en el complejo paisaje de desindustrialización de las cuencas mineras, pero que irradia una visión muy positiva y optimista sobre las "cosas serias de la vida".Un trabajo delicado, complejo y muy técnico, sobre todo teniendo en cuenta que estos materiales constituyen el envoltorio y la imagen de marca para la explotación comercial de un proyecto cinematográfico.

Imagen de marca, cartelería, merchandising...MARCADISEÑO DE INTERFAZ

PUBLICIDAD

Page 13: Trisquelmedia: Experiencia de Usuario

latorredesuso.es

Page 14: Trisquelmedia: Experiencia de Usuario

latorredesuso.es

latorredesuso.es

Page 15: Trisquelmedia: Experiencia de Usuario

corzo.infoCliente: Sentido Común > Asociación del Corzo Español

Arquitectura de información.

Diseño interfaz web.

La Asociación del Corzo Español es una organización sin ánimo de lucro con un número muy importante de asociados muy activos.

El reto más importante en este tipo de casos es diseñar una arquitectura de información coherente y sólida, que permita la incorporación constante de nuevos contenidos, el trabajo colaborativo y una navegación eficaz a través de los mismos.

Definición de estilos gráficosARQUITECTURA DISEÑO DE INTERFAZ

Page 16: Trisquelmedia: Experiencia de Usuario

corzo.info

Page 17: Trisquelmedia: Experiencia de Usuario

corzo.info

Page 18: Trisquelmedia: Experiencia de Usuario

corzo.info

SECCIONES PRINCIPALES

1. QUIENES SOMOS

1.1ACE

0.1 PORTADA

2. AGENDA 3. EL CORZO

2.1LISTADOSNOTICIAS

2.1.1Noticia individual

3.1BIOLOGÍAlista docs.

3.2GESTIÓNlista docs

3.3CAZAlista docs

RespuestasFormularios

RespuestasFormularios

3.1.xDocumentosindividuales

3.2.xDocumentosindividuales

33.xDocumentosindividuales

3.4.xDocumentosindividuales

3.5.xFotografíasIndividuales

3.6.xDocumentosindividuales

3.7.xDocumentosindividuales

3.5FOTOGRAFÍAlista docs.

3.6COCINAlista docs.

3.7CUADERNOSlista docs.

3.4CONSERVACIÓNlista docs.

4. BIBLIOTECA

SIGUIENTE

1.2ORGANIZACIÓN

1.3ACTIVIDADES

1.4HAZTE SOCIO

1.4.1FORMULARIO SOLICITUD

1.5CONTACTO

1.5.1FORMULARIO CONTACTO

Nivel principal de navegación

Nivel secundario de navegación

Cada una de las cajas representa las distintas pantallas de visualización de datos que contiene el web

ORGANIZACIÓNSEGÚN

CATEGORÍAS

4.xLISTADOSDOCUMENTOS

4.x.xDocumnto individual

ORGANIZACIÓNSEGÚN

CATEGORÍAS

REGISTRO DE USUARIOS

ESTRUCTURA GENERAL. ESQUEMA DE NAVEGACIÓN

Page 19: Trisquelmedia: Experiencia de Usuario

cunit.orgCliente: [Q] Interactiva > Colosal Center > Ayuntamiento de Cunit

Diseño interfaz web.

Nuestra misión en este proyecto consistió en aportar la capa de diseño para el usuario del portal de servicios de atención al ciudadano del Ayuntamiento de Cunit de acuerdo con los criterios establecidos por el cliente:

Diseño luminoso y mediterráneo, limpio, ordenado y de marcado carácter corporativo.

Iconos

Definicion de colores y estilos de texto

DISEÑO DE INTERFAZ

Page 20: Trisquelmedia: Experiencia de Usuario

cunit.org

Page 21: Trisquelmedia: Experiencia de Usuario

cunit.org

cunit.org

Page 22: Trisquelmedia: Experiencia de Usuario

ebuywines.comCliente: ebuywines

Diseño interfaz web.

ebuywines es un portal de venta directa de vinos que debe competir en el mercado online con un gran abanico de modelos similares.

Nuestro papel ha sido el de rediseñar completamente la interfaz de usuario para ofrecer una experiencia de navegación y compra totalmente original y diferente, proporcionando al portal una imagen renovada, moderna y sobre todo profesional, que transmita confianza al cliente.

Baterías de iconos

Guía de estilo visual

e

DISEÑO DE INTERFAZ

Page 23: Trisquelmedia: Experiencia de Usuario

ebuywines.com

Page 24: Trisquelmedia: Experiencia de Usuario

ebuywines.com

ebuywines.com

Page 25: Trisquelmedia: Experiencia de Usuario

Pelayo y su Pandilla

Cliente: IBCmass > Consejería de Educación

Identidad corporativa del proyecto.Análisis de arquitectura de información y accesibilidad multimedia.Diseño de interfaz gráfica. Diseño de personajes e Ilustración.Programación y edición de unidades didácticas interactivas. Producción de contenidos audiovisuales.

"Pelayo y su pandilla" es una colección de 75 unidades didácticas curriculares dirigidas a los alumnos del segundo ciclo de educación infantil. Su mayor interés reside en que se trata de unidades interactivas multimedia, donde los niños y niñas encontrarán cuentos, canciones, actividades para resolver on-line, juegos, historias y una pequeña serie de televisión donde los protagonistas toman vida en forma de muppets.

MARCAARQUITECTURAACCESIBILIDAD

DISEÑO INTERFAZCONTENIDOS

Premio Sociedad de la Información Principado de Asturias 2008 al mejor proyecto Educativo

Iconos

Imagen de marca

Page 26: Trisquelmedia: Experiencia de Usuario

Pelayo y su Pandilla

Page 27: Trisquelmedia: Experiencia de Usuario

Fantastic Nikä

Pelayo y su Pandilla

Page 28: Trisquelmedia: Experiencia de Usuario

Fantastic NikäCliente: Fundación CTIC

Concepto creativo y guión original.

Identidad de marca y dirección de arte.

Dirección y producción audiovisual.

Ilustración y gráfica de contenidos complementarios y merchandising.

Fantastic Nikä es un proyecto audiovisual dirigido a niños y niñas entre 3 y 7 años con el objetivo es el de descubrirles el mundo de las nuevas tecnologías de una forma amena y divertida. Nikä y sus peculiares amigos Güb y Mëk protagonizan disparatadas aventuras a través del mundo real y su universo paralelo, donde van descubriendo qué es una página web, un chat o cómo se puede grabar música en un mp3.

Una ambiciosa producción con un original diseño y puesta en escena, que suma en conjunto más de dos horas y media de entretenimiento estructurados en 32 capítulos.El proyecto se complementa además con una guía para educadores y padres y una serie de fichas didácticas para los más pequeños.

Concebida para su uso en el aula, también se emitió en la TPA dentro de la programación infantil del fin de semana.

ESTRATEGIAMARCA

CONTENIDOSPUBLICIDAD

Ilustraciones

Linea gráfica para aplicación en materiales complementarios

Premio ATR (Asociación de telespectadores y radioyentes de Asturias) al mejor espacio infantil de TV.

Finalista del Global Junior Challenge; finalista premio ESI a la Excelencia en la Promoción de la Sociedad de la Información; finalista en los IV Premios Fundetec.

Page 29: Trisquelmedia: Experiencia de Usuario

Fantastic Nikä

Page 30: Trisquelmedia: Experiencia de Usuario

Sabores Mitológicos de AsturiasCliente: Consejería de Medio Ambiente y Desarrollo Rural

Concepto creativo y estrategia de campaña de comunicación.

Dirección de arte y desarrollo de materiales de campaña: Spot TV, publireportajes, radio, gráfica publicitaria, merchandising y espacio web promocional.

Las Xanas, el Trasgu, el Diañu Burlón, el Busgosu, cobran vida de nuevo en los bosques asturianos para mostrar los tesoros gastronómicos de su tierra.

"Sabores Mitológicos" evoca la magia de la naturaleza, lo ancestral, la leyenda, lo prohibido, lo exquisito, lo reservado a héroes y deidades.Una reinterpretación romántica y barroca de los mitos que subraya y enaltece los valores de marca de los productos asturianos con denominación e identidad geográfica protegida.

ESTRATEGIAMARCA

DISEÑO DE INTERFAZXHTML

CONTENIDOSPUBLICIDAD

Premio ADAPPA 2009 al mejor spot TV

Ilustraciones

Diseño web

Avilés Educa

Page 31: Trisquelmedia: Experiencia de Usuario

Sabores Mitológicos de Asturias

Page 32: Trisquelmedia: Experiencia de Usuario

Compartir es ahorrarCliente: Estudio Warnon | Vorago > Ayto. de San Martín del Rey Aurelio

Concepto creativo y estrategia de campaña de comunicación.

Dirección de arte y desarrollo de materiales de campaña: radio, banners, marketing directo.

Estrategia y desarrollo de comunicación en redes sociales.

La plataforma www.compartimoscoche.es es una iniciativa del Ayuntamiento de San Martín del Rey Aurelio encaminada a promover el uso compartido del automóvil.

Para dar a conocer el portal web, se desarrolló una acción combinada de marketing directo en empresas asturianas y de publicidad en medios online. Además se desarrolló una estrategia de dinamización en redes sociales.

La campaña de lanzamiento, concentrada en tan sólo 2 semanas, consiguió atraer más de 2.000 visitas a la plataforma, que se tradujeron en 200 usuarios registrados y una oferta inicial de 75 rutas.

ESTRATEGIAPUBLICIDAD

SOCIAL MEDIA

Premio ADAPPA 2009 a la mejor campaña de marketing

Banners

Dinamización en redes sociales

Page 33: Trisquelmedia: Experiencia de Usuario

Compartir es ahorrar

Page 34: Trisquelmedia: Experiencia de Usuario

acueo.esCliente: Acuicultura del Eo

Arquitectura de información.

Diseño interfaz web.

Estrategia de campaña de comunicación online y dinamización en redes sociales.

Acuicultura del Eo es una pequeña empresa familiar dedicada al cultivo de ostras en la Ría del Eo (Castropol, Asturias). En los últimos cinco años la empresa ha puesto en marcha un plan de modernización, aumentando la superficie de cultivo y duplicando su producción. Este proceso ha culminado con el desarrollo de su sitio web y una estrategia de comunicación en redes sociales, con el objetivo de difundir y promover la cultura gastronómica de las ostras entre los consumidores españoles.

En la campaña de lanzamiento de su sitio web, centrada en las tres semanas de Navidad, se logró una cifra de ventas online de 9.000 ostras, un verdadero hito en el mercado español para este tipo de productos.

Dinamización en redes sociales, marketing onlineUSABILIDAD

DISEÑO INTERFAZXHTML

PUBLICIDADSOCIAL MEDIA

Page 35: Trisquelmedia: Experiencia de Usuario

acueo.es

Page 36: Trisquelmedia: Experiencia de Usuario

acueo.es

acueo.es

Page 37: Trisquelmedia: Experiencia de Usuario

dkpasas.comCliente: Consejería de Educación

Concepto creativo y estrategia de campaña de comunicación.

Dirección de arte y desarrollo de materiales de campaña: audiovisuales, gráfica publicitaria, merchandising y espacio web participativo.

Estrategia y desarrollo de comunicación en redes sociales.

La campaña de comunicación Y tú...pasas? tiene como objetivo la prevención del abandono escolar prematuro.La estrategia para llegar al público adolescente fue llevar la pelea a su propio territorio, haciendo que ellos mismos se conviertieran en protagonistas y emisores del mensaje.

Para ello diseñamos y desarrollamos una novedosa campaña de marketing online, basada en la comunicación de tú a tú en redes sociales, provocando el diálogo y la reflexión a través de una mezcla de ficción y testimonios reales e invitando a la participación de manera creativa a través de sus medio natural: la red.

ESTRATEGIAMARCA

DISEÑO INTERFAZXHTML

CONTENIDOSPUBLICIDAD

SOCIAL MEDIA

Premio Festival IInternacional de Comunicación “El Chupete” 2010

Premio Sociedad de la Información Principado de Asturias 2009 a la mejor campaña de comunicación online.

Premio MOTIVA 2009 categoría multimedia.

Dinamización en redes sociales

Page 38: Trisquelmedia: Experiencia de Usuario

dkpasas.com

Page 39: Trisquelmedia: Experiencia de Usuario

dkpasas.com

dkpasas.com

Page 40: Trisquelmedia: Experiencia de Usuario

Con�anza

Organización de EmpresariosMediadores de Seguros

Nuestro conocimiento del sector y la experiencia acumulada nos permiten adaptarnos a las metodologías de trabajo de las empresas TIC, integrándonos plenamente con sus equipos de desarrollo.

Ellos ya han con�ado en nosotros:

Page 41: Trisquelmedia: Experiencia de Usuario

Excelencia

Premios de la Sociedad de la Informacion (2009) Premios Creasturias (2010) Premios Motiva (2009)Premios Internacionales deComunicacion infantil

“El Chupete” (2010)

Mejor campaña interactiva

dkpasasConsejería de Educación

Mejor iniciativa de márketing y comunicación

dkpasasConsejería de Educación

Mejor sitio web

dkpasasConsejería de Educación

Mejor Spot TV

Sabores MitológicosConsejería de Medio

Ambiente y Desarrollo Rural

Mejor Acción de Marketing

Compartimos cocheVorago

Mejor multimedia

FALAIAP

Los reconocimientos recibidos a lo largo de nuestra trayectoria no sólo avalan la calidad de nuestro trabajo, sino que aportan prestigio, visibilidad y notoriedad a los proyectos de nuestros clientes.

Page 42: Trisquelmedia: Experiencia de Usuario

Un producto se puede copiar, una experiencia no.