Portafolio KLP

PORTAFOLIO KIM LÓPEZ PIZARRO

DISEÑADOR GRÁFICO PUCV

1

DISEÑO CENTRADO EN EL USUARIO

1. PUENTECRACIA 2. RIDESAFE 3. PORTAFOLIO 4. CIGES UV 5. AEM EDICIONES

PUENTECRACIA

diseño centrado en el usuario

Proyecto de título orientado a profundizar la democracia a partir de una aplicación móvil que pueda generar puentes y diálogo directo entre el Municipio, la Ciudadanía y las organizaciones territoriales, recogiendo y compartiendo información tridireccional para resolver las problemáticas comunales con mayor rapidez, así como también para poder considerar la opinión de la gente en la elaboración de las políticas públicas a partir de consultas ciudadanas.

4

Su desarrolló comprendió la investigación y el estudio de los modelos democráticos y de referencias, para luego construir en base al estudio de usuarios la arquitectura y navegación de la aplicación, finalizando con los wireframes y las maquetas navegables testeadas por usuarios.

Introducción

Tutorial (1)

Inicio de sesión

Registro

Datos de cuenta

de datos personales

Registro

(2) Funcionario municipal

Inicio

(3) Mis Organizaciones

Ciudadanìa

(4)

(6)

Consulta activa

Informaciones Municipales

Crear nueva consulta

Crear nueva información

(9)

(7) Vista en Mapa

Vista en Lista

Organización en lista y sugerencias

(12)

(11)

Crear nueva información

(13) Crear nueva información

(8)

(5)

Evento

Evento

Crear nueva consulta interna

Menú de acciones

(10)

Consultas realizadas

Buzón de consultas ciudadanas

Consultar al Municipio

Mis votaciones

Mi Calendario de eventos

Crear organización

Editar

portafolio klp

Evento

5

PUENTECRACIA + Nombre + Comuna + Circunscripción electoral + Correo electrónico + Descripción + Contraseña

+ Cargo + Correo institucional + Descripción del cargo

Organizaciones

diseño centrado en el usuario

+ Tipo + Nombre

6

+ Descripción + Ubicación + Miembros + Enlaces a sus redes

Tipo de información

+ Número de registro + Tipo de información + Título + Bajada + Estado + Ubicación + Fecha y hora de publicación + Autor + Imágen principal + Video + Galería de imágenes + Comentarios

Consultas + Pregunta consultada + Descripción + Alternativas de votación + Imagen Principal + Información por alternativa + Hora y fecha de inicio y término + Participantes + Estadísticas + Comentarios

+ Barrios + Juntas de vecinos + Clubes deportivos + Centros comunitarios + Org. culturales + Org. Estudiantiles + Org. Gremiales

+ Denuncias + Alertas + Avances + Eventos + Campaña

Tipo evento + Fecha y hora de evento

Grilla de la forma

Paleta de colores

RGB: 0, 123, 117 CMYK: 85%, 28%, 53%, 14% #007b75

Museo Open Sans Regular Open Sans Semibold Open Sans Semibold Roboto

RGB: 149, 193, 31 CMYK: 50%, 0%, 99%, 0% #95c11f

Sección Municipio

Tutorial Consultas Ciudadanas

Tutorial Organizaciones

Sección Ciudadanía

Sección Mis Organizaciones

Tutorial Información Bidireccional

Tutorial Construir Comuna entre todos

Agregar foto

Datos de cuenta

Registro Completo

Consulta Ciudadana

Avances

Alertas

Evento

Denuncia

7

8

diseĂąo centrado en el usuario

Siga el enlace para ver maqueta navegable

9

RIDESAFE

diseño centrado en el usuario

Proyecto académico que construye una experiencia de interacción para brindarles seguridad a los motociclistas al momento de conducir. El proyecto consideró un mapeo de intereses con grupos focalizados, metodologías de inmersión empática y la aplicación de encuestas a motociclistas de la región para comprender cuales eran sus principales necesidades.

10

A partir del estudio que brindaban las actuales tecnologías se desarrolló un producto hipotético que constaba de una aplicación que conectada al casco del motociclista pudiese informarle a través del visor del mismo sobre los problemas que se podría encontrar en el camino, los cuales eran reportados por los mismos motociclistas mediante el uso de auriculares con micrófono. La experiencia y la interacción se graficó en partituras de interacción y finalizó con un video de simulación.

11

12

diseĂąo centrado en el usuario

Siga el enlace para reproducir

13

PORTAFOLIO Proyecto académico que buscaba la construcción de un portafolio web.

diseño web

Este comenzó con la arquitectura de la información y la elaboración del mapa de navegación para luego pasar a la definición de los wireframes y mapas de divs, junto con las maquetas finales.

14

15

16

diseĂąo web

17

CIGES UV Sitio web para el Centro de Investigación y Gestión en Economía y Sociedad de la Universidad de Valparaíso.

diseño web

Desarrollo del diseño de interfaz.

18

19

20

diseĂąo web

21

AEM EDICIONES Sitio web para el la editorial América en Movimiento, de Valparaíso.

diseño web

Desarrollo del diseño de interfaz.

22

23