Shirley Gonzalez Carlos Sampayo Yeilin Ripoll
CONTENIDO CONCEPTUALIZACIÓN
REALIZACIÓN
Brief / Pregunta Problema Objetivos Alcance o Audiencia (Target Group) Adquisición Conversión Retención Investigación Primaria Investigación Secundaria Conceptualización en UI/UX/IA
Referentes Visuales (explicación) Interfaz de Usuario Experiencia de Usuario Arquitectura de la Información Mapa de Navegación Estrategia de Comunicación
CONCEPTUALIZACIÓN BRIEF
PREGUNTA PROBLEMA
Realizaremos el diseño del sitio web Ruta UAC aplicando los conocimientos adquiridos previamente en clases, como HTML5, CSS3, teniendo en cuenta la conceptualización en UI/UX/IA.
¿Como lograr que un estudiante de primer semestre logre ubicarse rapidamente en las instalaciones de la UAC ?
OBJETIVOS 1. Diseñar un sitio web atractivo a nuestro público. objetivo, y audiencia en general. 2. Diseño Responsive. 3. Cambio de la estructura y contenidos. 4. A través de una interfaz interactiva y redes. sociales aumentar las visitas en el sitio.
Incrementar interacción en el sitio y solicitud de informaciòn al respecto de nuestra institución.
CONCEPTUALIZACIÓN ALCANCE O AUDIENCIA
ADQUISICION
La creación de este sitio web es buscar orientar a los estudiantes de primer semestre dentro de la universidad autònoma del caribe UBICATE es para que sus amigos sepan que usted está en su camino. Solicitar un UBICATE de un colega que siempre está llegando tarde Ademas se puede Preparar un grupo UBICATE para sus reuniónes.
Elaboración de estrategias enconjunto con la plataformas institucionakles de la uac de igual manera con las redes sociales de esta en las bases de datos personales existentes comunicarles a los ESTUDIANTES mediante newsleters (e-mails directos).
Esta pagina es segura, flexible y fácil. Seleccione un contacto, establezca una duración y pulse enviar. Incluso puede establecer un destino o personalizar un mensaje. Ya sea móvil, tableta o escritorio, cualquier persona puede recibir un UBICATE No requiere software o configuración. ¿Cómo lograr que el sitio web sea más atractivo al público? ¿Cómo aumentamos la navegabilidad en el sitio web? ¿Cómo implementar un sistema responsive en el rediseño del sitio?
CONCEPTUALIZACIÓN INVESTIGACIÓN PRIMARIA
INVESTIGACIÓN SECUNDARIA
La investigación primaria está fundamentada en el método utilizado por el sitio web google maps, así mismo en los servicios que este ofrece. En base a esta estructura nuestro fin es que los estudiantes puedan tener la facilidad de desplazarse en el campus universitario sin ningún inconveniente, aparte de ello dar a conocer a los mismos cualquier evento o actividad que se efectué en la institución.
En la investigación secundaria, podemos observar que google maps no ubica a los usuarios en espacios reducidos como por ejemplo centros comerciales, universidades , hospitales en los cuales se necesitan una guía para saber dónde está ubicado cada espacio o lugar delimitado al que quieran dirigirse, de acuerdo con esto ellos estarían apuntando a una ubicación macro (amplios) y nuestra aplicación a espacios micro (pequeños).
CONCEPTUALIZACIÓN UI
UX
Esta web app contara con una interfaz principal, dándole prioridad a la información e información general imagen de fondo haciendo referencia a la misma. El formato a utilizar será horizontal con el fin de abarcar toda la información (que en ocasiones es compleja y extensa) de manera sencilla y directa en una sola línea de comunicación. La interfaz de usuario va estar basado en la simplicidad y facilidad de comunicar la información que requiere el usuario.
Una página principal, en las que estará ubicado menú principal de LA RUTA en la parte superior derecha, el logotipo del mismo en la parte superior izquierda de la página, un footer en la que se ubicaran las sedes sociales.
AI La arquitectura de la información del sitio va estar basada en facilidad de uso y la localización de los elementos.
Los logosimbolos de los bloques dirigirán al usuario a una interfaz distinta a la descrita anteriormente, esta, basada en el uso de la marca, en donde el menú principal pasara a ser un menú despegable al lado izquierdo del logotipo. Debajo la cabecera se ubicara el menú propio de la marca, después de este se encontrara un banner que ira rotando imágenes relacionadas a los eventos de la uac. Para finalizar se encuentra el footer que tendrá información de contacto con respecto a sus sedes.
REALIZACIÓN REFERENTES VISUALES Dentro de los referentes visuales, escogidos de acuerdo a la simplicidad y facilidad de navegar en el sitio web, algunos de ellos ligados al tema de GPS otros basados en la experiencia de usuario que brindaban y modernidad que es uno de los aspectos que queremos darle a nuestro sitio web. - Google Maps - Waze Se han elegido estas don aplicaciones por su facilidad de navegación y la sencillez que tiene al momento de que el usuario empieza la utilización de esta. lo que se desea es aplicar este estilo pero dentro de una institución educativa y así lograr facilitarle la ubicación a estudiantes y profesores.
-Google Maps
- Waze
REALIZACIÓN Index
ARQUITECTURA DE LA INFORMACIÓN
Cuenta
Próximos eventos Inicio
Eventos del calendario
Bloques
Ajustes
Mis amigos
Bandeja de entrada
REALIZACIÓN MAPA DE NAVEGACIÓN Buscar la pagina
Iniciar sección Inicio Menu
Inicio
Cuenta
Bloques
Bandeja de entrada
Próximos eventos
Mis amigos
Eventos del calendario
Ajustes
Mi cuenta
REALIZACIÓN Estrategia de Comunicación Nuestra estrategia de comunicación trabajaran de la mano con las plataformas educativas que la universidad ofrece, inicialmente utilizaremos exia como ayuda publicitaria ,para exponer la aplicación e invitar a los estudiantes a dar uso de la misma y ver los benéficos que este les ofrece.
También haremos uso de las redes sociales con las que cuenta la universidad ,como medio de propagación de la app, ya que este medio es muy utilizado en la actualidad por la gran mayoría de los estudiante. él envió de mailings será utilizado con fines corporativos para la Expansión de la app en la parte interna de la universidad. haremos también uso del canal de televisión educativo y los espacios radiales con los cuales cuenta.
CONSTRUCCIÓN Y EJECUCIÓN Tipografía primaria
ABCDEFGHIJKL MNOPQRSTUV WXYZ abcdefghijklmnopqr stuvwxyz 1234567890
Tipografía secundaria
ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdefghijklmn opqrstuvwxyz 1234567890
CONSTRUCCIÓN Y EJECUCIÓN Paleta de color
CONSTRUCCIÓN Y EJECUCIÓN Identidad del sitio
Color
Blanco y negro
Mockup pc
Usuario
Contraseña
Olvidaste tu contraseña?
Recordar cuenta
Iniciar sección
Pr贸ximos eventos
Eventos del calendario
uea d
ero
Bloques
Cal
le 4
9c
Blo qu A e Cal
le 9
0
Ubicaci贸n de contacto de usuario
Blo que J
Cal le
87
Cal
le 8
8
I
Blo que D Blo que E ro
Car re Aviso de evento que ra 46 se lleva a cabo
mul Edifici tide o pos ito
Blo que B
Ubicaci贸n del usuario
Tea t
Blo que C
Blo qu G e eca liot Bib
Bloques y lugares de la universidad
Blo
que
Blo que D
Blo que H
olet Plaz
Blo que H
Adm Edific inis io trat ivo a
Cal
le 9
0
Clu Casa bC arib e
Rad
Cal
io
Uni FM auton est oma ere o
le 9
0
TV
Uni a Teleutono visi ma 贸n
Cal
le 8 7
B lo que K
Par q
Buscar bloque o aula
Mi cuenta Cal le 8 8
Inicio
Prรณximos eventos
Eventos del calendario
uea d
ero
Bloques
Cal
le 4
9c
Clu Casa bC arib e
Aviso de evento que se lleva a cabo
90 alle
Ubicaciรณn de contacto de usuario
D302
D310
D303
D312
D304
D313
D305
Cal le
87
Cal
Cal
le 8
8
I
Blo que D Blo que E ro
Blo que C Blo qu A e
Tea t
46
Blo
que
Blo que D
Blo que H
Blo que H
a olet Plaz rera
Blo que B
Car
D309
D314 D315
D306 D307
PA S I L L O
Rad 0 le 9 Cal
Blo qu G e eca Bib
liot
Ubicaciรณn del usuario
mul Edifici tide o pos ito
PA S I L L O
Bloques y lugares de la universidad
D301
PA S I L L O
Blo que J
io
Uni FM auton est oma ere o
Cal
Adm Edific inis io trat ivo
PA S I L L O
le 9
0
TV
Uni a Teleutono visi ma รณn
D308
le 8 7
B lo que K
Par q
Bloque D salรณn 301
Mi cuenta Cal le 8 8
Inicio
Inicio
Bloques
Próximos eventos
Eventos del calendario
Mi cuenta
Bloques Bloque A
Para más información
Piso 1
Oficinas, Capilla y auditorio.
Piso 2
Facultad Arquitectura, arte y diseño, Aulas
Piso 3
Aulas 301 al 307.
Piso 4
Aulas 401 al 407 y Laboratorios.
Bloque B
Para más información
Bloque C
Para más información
Bloque D
Para más información
Inicio
Bloques
Prรณximos eventos
Eventos del calendario
Prรณximos eventos
Mi cuenta
Inicio
Bloques
Próximos eventos
Eventos del calendario
Mi cuenta
Eventos del calendario Octubre Domingo
Lunes
Martes
Miércoles
Jueves
Pasarela Rosa D.. Encuentro egre...
Viernes
Sábado
Inicio
Próximos eventos
Bloques
Eventos del calendario
Mi cuenta
Mi cuenta Cuenta
Bandeja de entrada
Mis amigos
Ajustes
Feliz
Estado
Gracioso
Enamorado El diseño gráfico no es lo que ves, sino lo que debes Triste
hacer que otras personas vean (Edgar Degas)
Enojado
Estado El error mas tonto es ver el diseño como algo que puedes hacer al final de un proceso, para amarrar un desastre, cuando en realidad es algo que debes entender desde el primer día, como parte de un todo. (Tom Peterson) Síganos en:
WWW.RUTAUAC.COM Teléfono: (5) 3671000 Cl. 90 #46-112 Barranquilla, Atlántico
Inicio
Bloques
Próximos eventos
Eventos del calendario
Mi cuenta
Bandeja de entrada Cuenta Mauricio Camargo En que salon estas viejo?
Camila Ramiréz
Bandeja de entrada
1
Mis amigos
Ajustes
Mauricio Camargo Donde estas viejo?
Te quiero mucho manito!
Ayer
Carlos Sampayo Yo no se, te espero mañana asi que..
Dayana Soraya Hola Mau!
Camilo Duarte Listo, quedamos asi.
Mauricio Camargo Yo te estoy avisando para que terminemos todo y nos encontremos mañana
Camilo Duarte Ey! viejo vamos a hacer lo de quimica siempre, por que aja tu sabes que pasado mañana es la expo
Síganos en:
WWW.RUTAUAC.COM Teléfono: (5) 3671000 Cl. 90 #46-112 Barranquilla, Atlántico
Inicio
Próximos eventos
Bloques
Eventos del calendario
Mis amigos Cuenta
Bandeja de entrada
Mis amigos
Antonia Bermudez
Amigos
Aranza Palmar
Amigos
Carlos Sampayo
Amigos
Ajustes
Mejores amigos
Mauricio Camargo Dayana Soraya
Amigos
Susan Armadan
Solicitud enviada
Síganos en:
WWW.RUTAUAC.COM Teléfono: (5) 3671000 Cl. 90 #46-112 Barranquilla, Atlántico
Mi cuenta
Inicio
Próximos eventos
Bloques
Eventos del calendario
Ajustes Cuenta
Nombre de usuario Correo Cambiar contraseña
Mis amigos
Bandeja de entrada
Camilo Duarte Duran Camiloduarte@gmail.com Contraseña antigua
Contraseña Nueva
Cambiar contraseña Recibir notificaciones
Ajustes
Recibir notificaciones al correo
Síganos en:
WWW.RUTAUAC.COM Teléfono: (5) 3671000 Cl. 90 #46-112 Barranquilla, Atlántico
Mi cuenta
Mockup tablet Iniciar sección
Usuario
Contraseña
Olvidaste tu contraseña?
Recordar cuenta
Iniciar sección
Inicio
Pr贸ximos eventos
Bloques
Eventos del calendario
Mi cuenta
Buscar bloque o aula
Cal
rera
46
Blo qu A e
Cal le 8
8
Blo que I Blo que H
Tea tro
Bloques y lugares de la universidad
Blo que B
Car
mul Edifici tide o pos ito
Blo que E
Bib
liot
eca
Blo que C
Blo que G
Blo que D
Blo que D
Plaz
Blo que H
Adm Edific inis io trat ivo olet a
Cal le 9
0
Clu Casa bC arib e
Rad
io
Uni FM auton est oma ere o
Blo que J
TV
Uni a Teleutono visi ma 贸n
Blo que K
Par que
ade
ro
le 4
Ubicaci贸n del usuario Aviso de evento que se lleva a cabo Ubicaci贸n de contacto de usuario
9c
Inicio
Pr贸ximos eventos
Bloques
Eventos del calendario
Mi cuenta
Buscar bloque o aula
D312
D304
D313
D305
D314
D306 D307
Cal le 8
8
I
Blo
que
D315
PA S I L L O
D303
Blo que E
Blo que C
D310
Blo que D
Blo que D
Blo que H
Blo que H
olet a Plaz rera
D302
PA S I L L O
Clu Casa bC arib e
Rad
io
Uni FM auton est oma ere o
0 Cal le 9
Blo que G eca liot Bib
Tea t
ro
Bloques y lugares de la universidad
Blo que B
Car
mul Edifici tide o pos ito
PA S I L L O
Adm Edific inis io trat ivo
le
D30149c
D309
Blo que J
TV
Uni a Teleutono visi ma 贸n
Blo que K
PA S I L L O
Par que
ade
ro
D308
Cal
Ubicaci贸n del usuario Aviso de evento que se lleva a cabo
46
Blo qu A e
Ubicaci贸n de contacto de usuario
Inicio
Bloques
Próximos eventos
Eventos del calendario
Mi cuenta
Bloques Bloque A
Para más información
Piso 1
Oficinas, Capilla y auditorio.
Piso 2
Facultad Arquitectura, arte y diseño, Aulas
Piso 3
Aulas 301 al 307.
Piso 4
Aulas 401 al 407 y Laboratorios.
Bloque B
Para más información
Bloque C
Para más información
Bloque D
Para más información
Bloque E
Para más información
Bloque F
Para más información
Bloque G
Para más información
Bloque H
Para más información
Bloque I
Para más información
Inicio
Bloques
Prรณximos eventos
Eventos del calendario
Mi cuenta
Prรณximos eventos
Inicio
Bloques
Próximos eventos
Eventos del calendario
Mi cuenta
Eventos del calendario
Octubre Domingo
Lunes
Martes
Miércoles
Jueves
Pasarela Rosa D.. Encuentro egre...
Viernes
Sábado
Inicio
Próximos eventos
Bloques
Eventos del calendario
Mi cuenta
Mi cuenta Perfil
Bandeja de entrada Mis amigos Ajustes
Estado El diseño gráfico no es lo que ves, sino lo que debes hacer que otras personas vean (Edgar Degas)
Estado El error mas tonto es ver el diseño como algo que puedes hacer al final de un proceso, para amarrar un desastre, cuando en realidad es algo que debes entender desde el primer día, como parte de un todo. (Tom Peterson)
Estado El diseño gráfico no es lo que ves, sino lo que debes hacer que otras personas vean (Edgar Degas)
Estado El error mas tonto es ver el diseño como algo que puedes hacer al final de un proceso, para amarrar un desastre, cuando en realidad es algo que debes entender desde el primer día, como parte de un todo. (Tom Peterson)
Estado El diseño gráfico no es lo que ves, sino lo que debes hacer que otras personasWWW.RUTAUAC.COM vean (Edgar Degas) Síganos en:
Teléfono: (5) 3671000 Cl. 90 #46-112 Barranquilla, Atlántico
Inicio
Próximos eventos
Bloques
Eventos del calendario
Mi cuenta
Bandeja de entrada Perfil Mauricio Camargo En que salon estas viejo?
Camila Ramiréz
Bandeja de entrada Mis amigos Ajustes 1
Mauricio Camargo Donde estas viejo?
Te quiero mucho manito!
Ayer
Carlos Sampayo Yo no se, te espero mañana asi que..
Dayana Soraya Hola Mau!
Camilo Duarte Listo, quedamos asi.
Mauricio Camargo Yo te estoy avisando para que terminemos todo y nos encontremos mañana
Camilo Duarte Ey! viejo vamos a hacer lo de quimica siempre, por que aja tu sabes que pasado mañana es la expo
Mauricio Camargo Yo fui a la cancha ayer y eche la pateada pero no te vi
Camilo Duarte Estuve ayer en la cancha echando la jugada un rato
Mauricio Camargo Que haz hecho?
Camilo Duarte Bien gracias a Dios
Mauricio Camargo Como estas?
Síganos en:
WWW.RUTAUAC.COM Teléfono: (5) 3671000 Cl. 90 #46-112 Barranquilla, Atlántico
Inicio
Próximos eventos
Bloques
Eventos del calendario
Mi cuenta
Mis amigos Perfil
Bandeja de entrada Mis amigos
Ajustes
Antonia Bermudez
Amigos
Aranza Palmar
Amigos
Carlos Sampayo
Amigos Mejores amigos
Mauricio Camargo Dayana Soraya
Amigos
Susan Armadan
Solicitud enviada
Orlando Santos
Solicitud enviada
Carolina Andino
Amigos
Roxana Velazquez
Amigos
Noliana Saenz
Amigos Síganos en:
WWW.RUTAUAC.COM Teléfono: (5) 3671000 Cl. 90 #46-112 Barranquilla, Atlántico
Inicio
Próximos eventos
Bloques
Eventos del calendario
Mi cuenta
Ajustes Perfil
Nombre de usuario Correo Cambiar contraseña
Bandeja de entrada Mis amigos
Camilo Duarte Duran Camiloduarte@gmail.com Contraseña antigua
Contraseña Nueva
Cambiar contraseña Recibir notificaciones
Ajustes
Recibir notificaciones al correo
Síganos en:
WWW.RUTAUAC.COM Teléfono: (5) 3671000 Cl. 90 #46-112 Barranquilla, Atlántico
Inicio Bloques
Inicio
Pr贸ximos eventos Cal
le 4
ade
ro
Eventos del calendario
Car
rera
46
8 le 8 Cal
Blo que D Blo que E ro
Tea t
Blo que C Blo que B Blo qu A e
I
Blo que H
Blo que H
Blo que D
olet Plaz Blo qu G e eca liot Bib
mul Edifici tide o pos ito
Blo
que
Adm Edific inis io trat ivo a
Cal
le 9
0
Clu Casa bC arib e
Rad
io
Unia FM uton est oma ere o
Blo que J
TV
Unia Teleutono visi贸 ma n
Blo que K
Par
que
Cuenta
Bloques y lugares de la universidad Ubicaci贸n del usuario Aviso de evento que se lleva a cabo Ubicaci贸n de contacto de usuario
9c
Inicio Iniciar secci贸n Bloque B aula D301 Cal
9c
io
Clu Casa bC arib e
Rad 0
Car
rera
46
Blo qu A e
que
D302
D310
D303
D312
D304
D313
D305
D314
D306
Blo que D
Cal
le 8 8
D307
Bloques y lugares de la universidad Ubicaci贸n del usuario Aviso de evento que se lleva a cabo Ubicaci贸n de contacto de usuario
PA S I L L O
D309
D315
I
D301
Blo que E ro Tea t
Blo que B
o
Blo que C
Blo qu G e eca liot Bib
mul Edifici tide o pos it
Blo
Blo que H
Blo que D
Plaz olet a
Blo que H
le 9 Cal
Adm Edific inis io trat ivo
PA S I L L O
Unia FM uton est oma ere o
Blo que J
TV
Unia Teleutono visi贸 ma n
PA S I L L O
Blo que K
D308
PA S I L L O
Par
que
ade
ro
le 4
Bloques Iniciar sección
Bloque A Piso 1
Para más información
Oficinas, Capilla y auditorio.
Piso 2
Facultad Arquitectura, arte y diseño, Aulas
Piso 3
Aulas 301 al 307.
Piso 4
Aulas 401 al 407 y Laboratorios.
Bloque B
Para más información
Bloque C
Para más información
Bloque D
Para más información
Bloque E
Para más información
Bloque F
Para más información
Bloque G
Para más información
Bloque H
Para más información
Prรณximos eventos Iniciar secciรณn
Eventos del calendario Iniciar sección
Octubre Domingo
Lunes
Martes
Miércoles
Jueves
Pasarela Rosa D.. Encuentro egre...
Viernes
Sábado
Cuenta Perfil
Perfil El diseño gráfico no es lo que ves, sino lo que Bandeja dedebes entrada hacer que otras personas vean (Edgar Degas) Mis amigos
Estado
Mi estado de animo El error mas tonto es ver el diseño como algo que puedes Ajustes Amigos hacer al final de un proceso, para amarrar un desastre, cuando Gracioso
Estado Feliz
en realidad es algo que debes entender desde el primer día, como parte de un todo. (Tom Peterson)
Enamorado
Amigos EstadoTriste
El diseño gráfico no es lo que ves, sino lo que debes
Amigos hacer que otras personas vean (Edgar Degas) Enojado
Estado El error mas tonto es ver el diseño como algo que puedes hacer al final de un proceso, para amarrar un desastre, cuando en realidad es algo que debes entender desde el primer día, como parte de un todo. (Tom Peterson)
Estado El diseño gráfico no es lo que ves, sino lo que debes hacer que otras personas vean (Edgar Degas)
Estado El error mas tonto es ver el diseño como algo que puedes WWW.RUTAUAC.COM Síganos en: hacer al final de un proceso, para(5)amarrar Teléfono: 3671000 un desastre, cuando Cl. 90 #46-112 en realidad es algo que debes entender desde el primer día, Barranquilla, Atlántico
Cuenta Bandeja de entrada Mauricio Camargo En que salon estas viejo?
Camila Ramiréz
Mauricio Camargo Donde estas viejo?
Te quiero mucho manito!
Ayer
Carlos Sampayo Yo no se, te espero maña...
Dayana Soraya Hola Mau!
Camilo Duarte Listo, quedamos asi.
Mauricio Camargo Yo te estoy avisando para que terminemos todo y nos encontremos mañana
Camilo Duarte Ey! viejo vamos a hacer lo de quimica siempre, por que aja tu sabes que pasado mañana es la expo
Mauricio Camargo Yo fui a la cancha ayer y eche la pateada pero no te vi
Camilo Duarte Estuve ayer en la cancha echando la jugada un rato
Mauricio Camargo Que haz hecho?
Camilo Duarte Bien gracias a Dios
Mauricio Camargo Como estas?
Camilo Duarte
Síganos en:
WWW.RUTAUAC.COM Teléfono: (5) 3671000 Cl. 90 #46-112 Barranquilla, Atlántico
Cuenta Mis amigos Antonia Bermudez
Amigos
Aranza Palmar
Amigos
Carlos Sampayo
Amigos
Mauricio Camargo
Mejores amigos
Dayana Soraya
Amigos
Susan Armadan
Solicitud enviada
Orlando Santos
Solicitud enviada
Carolina Andino
Amigos
Roxana Velazquez
Amigos Amigos
Noliana Saenz Síganos en:
WWW.RUTAUAC.COM Teléfono: (5) 3671000 Cl. 90 #46-112 Barranquilla, Atlántico
Cuenta Mis amigos
Nombre de usuario Correo Cambiar contraseña
Camilo Duarte Duran Camiloduarte@gmail.com Contraseña antigua
Contraseña Nueva
Cambiar contraseña Recibir notificaciones
Recibir notificaciones al correo
Síganos en:
WWW.RUTAUAC.COM Teléfono: (5) 3671000 Cl. 90 #46-112 Barranquilla, Atlántico
UI KIT Iconos
Iconos de texto Mi cuenta
Cambiar contraseña
1
Bloque D salón 301
Iniciar sección
Encuentro egre...
Usuario
Para más información Perfil
Bandeja de entrada Mis amigos
Ajustes
Mockup tablet Iniciar sección
Usuario
Contraseña
Olvidaste tu contraseña?
Recordar cuenta
Iniciar sección
CONSTRUCCIÓN Y EJECUCIÓN Index
MEDIDAS DESKTOP 1000 px
1000 px
150 px
100 px
90 px
380 px 50 px 20 px 24 px
147 px
25 px
200 px 43 px 650 px 1000 px
Cuenta
Próximos eventos
Inicio
Bloques
Eventos del calendario
1000 px 150 px
90 px 100 px
186 px 169 px
600 px
90 px 50 px
150 px
200 px
209 px 104 px
110 px
96 px
110 px 250px 40px
1000 px
100 px
1000 px 150 px
160 px
50 px
226 px
200 px 600 px
557 px
220 px 459 px 90 px
Ajustes
Mis amigos
Bandeja de entrada 800 px
100 px 36 px
700 px 100 px
200 px 40 px 399 px 1000 px
500 px 81 px 172 px