Wireframe

Page 1

El texto de este boton se modifica una vez la persona se haya registrado

El logo del centro es un hypervinculo que redirecciona a la pagina

La vista principal muesta un contenido general e invita a la gente a participar en la actividad que propone la aplicacion. Algunas noticias y Conexion con Facebbook ademas de la opcion de compartir en redes sociales.

Fin del espacio visual.

Regístrate y participa

¿Cómo participar? Recomendaciones

LOGO

Galería de fotos

Galería de videos

Conectate con facebook

Banner call to action principal

f Tw

HOME Despliega una pestaña de registro

Call to action para participar

Noticias Accus aboremo lorrum ut eatio. Tae possimi nihillam aligentem nonsequi volestrupis enis quia quas illis aria sequae. Num vene di nes ea suntur, odit, quae erum escim etur maios ea suntur, odit, quae erum escim etur maios

Noticias

Foto

Accus aboremo lorrum ut eatio. Tae possimi nihillam aligentem nonsequi volestrupis enis quia quas illis aria sequae. Num vene di nes ea suntur, odit, quae erum escim etur maios aut occatur repro quis aut everore voluptam et volenis vel moluptat as natem elendebis

Leer mas

Facebook

Foto

Leer mas

Me gusta

soloritia Roreprem exernam del id ma volupiendi quas d

soloritia Roreprem exernam del id ma volupiendi quas d

¿Cómo participar?

Recomendaciones

Galeria de fotos

FOOTER permanece en todo el sitio del home e internas.

Galeria de videos

Abre PDF. Términos y condiciones

Esta es la vista principal (Los botones no estan en una posicion fija, puede cambiar en el diseño).


Regístrate y participa

LOGO

¿Cómo participar? Recomendaciones

Galería de fotos

Galería de videos

Conectate con facebook

Registro para participar

PASO1 En este paso el usuario ha dado click en el Boton Registrate y Participa, ubicado en la parte superior derecha de la pantalla.

Validacion de los campos

Nombre: Deves ingresar tu nombre

f Tw

Ciudad:

Dropdown: Paciente / familiar /amigo

Cedula: Tipo de paciente: Tipo de diabetes: Teléfono de contacto: Celular: Solo numeros

Mail:

URL de Youtube

Sube una foto: Video opción 1: Video opción 2: Acepto los términos y condiciones. Acepto recibir información vía mail.

Ingresar

Salir

Fin del espacio visual. ¿Cómo participar?

Recomendaciones

Galeria de fotos

Galeria de videos

Abre PDF. Términos y condiciones

FOOTER permanece en todo el sitio del home e internas.

REGISTRO Todos los campos son obligatorios exepto la foto, y el RB “Acepto recibir información vía mail”. los Datos se almacenan en la BBDD del Novo Nordisk.


Dar click en el logo redirecciona a la pagina Regístrate y participa

LOGO

¿Cómo participar? Recomendaciones

Galería de fotos

Galería de videos

Conectate con facebook

Registro para participar Nombre:

PASO1.1 En este paso el usuario ha dado click en el Boton Subir una foto, Lo que hace que se despliegue una animacion hacia abajo en el que el usuario podra publicar un contenido de texto mas la fotografia.

f

REGISTRO

Ciudad:

Dropdown: Paciente / familiar /amigo

Cedula:

Tw

Tipo de paciente: Tipo de diabetes: Teléfono de contacto: Celular:

ICONO: paraMail: disminuir el cuadro de subir foto Sube una foto:

Espacio para la descripcion de la fotografia

VISTA PREVIA DE LA FOTO

TEXT AREA

Examinar

Listo

URL de Youtube Fin del espacio visual.

Video opción 1: Video opción 2: Acepto los términos y condiciones. Acepto recibir información vía mail.

Ingresar

¿Cómo participar?

Recomendaciones

Salir

Galeria de fotos

Galeria de videos

Abre PDF. Términos y condiciones

FOOTER permanece en todo el sitio del home e internas.

La fotografia no tiene un peso maximo pero esta por definirse el tamaño maximo en pixeles.


Regístrate y participa

LOGO

¿Cómo participar? Recomendaciones

Galería de fotos

Galería de videos

Conectate con facebook

Registro para participar Nombre:

Fin del espacio visual.

Ciudad:

f

Dropdown: Paciente / familiar /amigo

Cedula: Tipo de paciente:

Tw

Tipo de diabetes: Teléfono de contacto: Celular: Mail:

PASO1.2 En este paso el usuario ha dado click en el Boton ¨Video opcion 2¨, para subir un archivo desde su computadora. El boton esta ubicado debajo de la opcion de subir fotografia, lo que este deve hacer es desplegar el mismo cuadro de subir imagen.

URL de Youtube

Sube una foto: Video opción 1:

ICONO: para disminuir el cuadro de subir video Sube un Video:

Espacio para la descripcion del video

VISTA PREVIA DEL VIDEO

TEXT AREA

Examinar

Listo

Acepto los términos y condiciones. Acepto recibir información vía mail.

Ingresar

Salir

Fin del espacio visual. ¿Cómo participar?

Recomendaciones

Galeria de fotos

Galeria de videos

Abre PDF. Términos y condiciones

FOOTER permanece en todo el sitio del home e internas.

REGISTRO El material de Video e imagen dede ser aprobado por un administrador. El video debe pesar maximo 3 megas.


Regístrate y participa

LOGO

¿Cómo participar? Recomendaciones

Galería de fotos

Galería de videos

REGISTRO

Registro para participar

PASO1.3 El usuario ha registrado todos sus datos con fotografia y video correspondiente. a Aceptado los terminos y condiciones y todo ha salido bien.

Nombre:

f Tw

Ciudad:

Dropdown: Paciente / familiar /amigo

Cedula: Tipo de paciente:

El registro se realizo! Tipo de diabetes:

TeléfonoComparte de contacto:

f

Tw

Celular:

El boton compartir sirve para mostrar toda la informacion registrada en redes sociales.

Mail:

URL de Youtube

Sube una foto: Video opción 1: Video opción 2: Acepto los términos y condiciones. Acepto recibir información vía mail.

Ingresar

Salir

Fin del espacio visual. ¿Cómo participar?

Recomendaciones

Galeria de fotos

Galeria de videos

Abre PDF. Términos y condiciones

FOOTER permanece en todo el sitio del home e internas.

Una vez registrado todo el usuario vuelve al Home de la aplicacion


Regístrate y participa

LOGO

¿Cómo participar? Recomendaciones

Galería de fotos

Galería de videos

REGISTRO

Registro para participar

PASO1.4 El usuario ha registrado todos sus datos pero ha registrado algo mal o, no a aceptado los terminos y condiciones o el formato de la foto o el video es demaciado grande.

Nombre:

f Tw

Ciudad:

Dropdown: Paciente / familiar /amigo

Cedula: Tipo de paciente:

Algo anda mal Tipo de diabetes:

Volver a intentarlo

Teléfono de contacto: Celular: Mail:

URL de Youtube

Sube una foto: Video opción 1: Video opción 2: Acepto los términos y condiciones. Acepto recibir información vía mail.

Ingresar

Salir

Fin del espacio visual. ¿Cómo participar?

Recomendaciones

Galeria de fotos

Galeria de videos

Abre PDF. Términos y condiciones

FOOTER permanece en todo el sitio del home e internas.


Regístrate y participa

¿Cómo participar? Recomendaciones

LOGO

Galería de fotos

Galería de videos

Conectate con facebook

f

PASO2 En este paso el usuario ha dado click en el Boton Como participar, ubicado en primer lugar de izquierda a derecha dentro del menu de navegacion principal.

Tw

ContMenu

¿Cómo participar? En esta seccion podrasentender todo el funcionamiento del concurso y lo que puedes Hacer dentro de la aplicacion como conocer informacion hacerca de la diabetes.

Lista de premios

Accus aboremo lorrum ut eatio. Tae possimi nihillam aligentem nonsequi volestrupis enis quia quas illis aria sequae. Num vene di nes ea suntur, odit, quae erum escim etur maios aut occatur repro quis aut everore voluptam et volenis vel moluptat

Conoce el jurado

Tips para la diabetes

Call to action para participar

as natem elendebis qui non commodit et quatusa ndignatur, tempeli quatemp ellaborum et aut magnihicitem volupta erumquia quas eum Participa ahora hitiat molupti sendes nulliqui alis eos min rem harciandae andebit ut aut ut audigni samendem quam nus est, quid untdem quam, qui cullam, ut molupti

FOOTER permanece en todo el sitio del home e internas.

Fin del espacio visual. ¿Cómo participar?

Recomendaciones

Galeria de fotos

Galeria de videos

Abre PDF. Términos y condiciones

La vista de como participar cuenta con informacion textual de como participar en el concurso y para que funciona la aplicacion.


Regístrate y participa

¿Cómo participar? Recomendaciones

LOGO

Galería de fotos

Galería de videos

Conectate con facebook

f

PASO2.1 En este paso el usuario ha dado click en el Boton Lista de premios, ubicado en el submenu que contiene la seccion.

Tw

En esta seccion podrasentender todo el funcionamiento del concurso y lo que puedes Hacer dentro de la aplicacion como conocer informacion hacerca de la diabetes.

Lista de premios

PREMIO 1

Fin del espacio visual.

ContMenu

¿Cómo participar?

PREMIO 4 ¿Cómo participar?

Conoce el jurado Tips para la diabetes

Click para ver detalle de la imagen

PREMIO 2

PREMIO 5 Recomendaciones

Galeria de fotos

PREMIO 3

FOOTER permanece en todo el sitio del home e internas.

PREMIO 6 Galeria de videos

Abre PDF. Términos y condiciones

Lo que sucede en esta ocasión es que se modifica únicamente el entorno que esta bajo el submenú


Regístrate y participa

¿Cómo participar? Recomendaciones

LOGO

Galería de fotos

Galería de videos

Conectate con facebook

f

PASO2.2 En este paso el usuario ha dado click en el Boton Conoce el jurado, esta ubicado en el submenu que contiene la seccion.

Tw

ContMenu

¿Cómo participar? En esta seccion podrasentender todo el funcionamiento del concurso y lo que puedes Hacer dentro de la aplicacion como conocer informacion hacerca de la diabetes.

Lista de premios

Conoce el jurado Tips para la diabetes

Foto del jurado

Redes sociles del jurado o contacto

JURADO 1 f Tw

JURADO 1 f Tw

JURADO 1 f Tw

JURADO 1 f Tw

JURADO 1 f Tw

JURADO 1 f Tw

JURADO 1 f Tw

JURADO 1 FOOTER f Tw permanece en

todo el sitio del home e internas.

Fin del espacio visual. ¿Cómo participar?

Recomendaciones

Galeria de fotos

Galeria de videos

Abre PDF. Términos y condiciones

Lo que sucede en esta ocasión es que se modifica únicamente el entorno que esta bajo el submenú


Regístrate y participa

¿Cómo participar? Recomendaciones

LOGO

Galería de fotos

Galería de videos

Conectate con facebook

f

PASO2.3 En este paso el usuario ha dado click en el Boton Tips para la diabetes, esta ubicado en el submenu que contiene la seccion.

Tw

ContMenu

¿Cómo participar? En esta seccion podrasentender todo el funcionamiento del concurso y lo que puedes Hacer dentro de la aplicacion como conocer informacion hacerca de la diabetes.

Lista de premios

Conoce el jurado Tips para la diabetes

Lista de tips para el control de la diabetes Lista de tips para el control de la diabetes Lista de tips para el control de la diabetes Lista de tips para el control de la diabetes Lista de tips para el control de la diabetes Lista de tips para el control de la diabetes Lista de tips para el control de la diabetes Lista de tips para el control de la diabetes Lista de tips para el control de la diabetes

Fin del espacio visual. ¿Cómo participar?

Recomendaciones

Galeria de fotos

Galeria de videos

Abre PDF. Términos y condiciones

FOOTER permanece en todo el sitio del home e internas.

Lo que sucede en esta ocasión es que se modifica únicamente el entorno que esta bajo el submenú


Regístrate y participa

¿Cómo participar? Recomendaciones

LOGO

Galería de fotos

Galería de videos

Conectate con facebook

PASO3

f Tw

Call to action En esta seccion veras un poco de informacion tecnica sobre como realizar un buen video desde tu propia casa con cualquier videogravadora o celular que tengas a la mano.para participar

En este paso el usuario ha dado click en el Boton Recomendaciones, este esta ubicado en segundo lugar de ixquierda a derecha dentro del menu de navegacion principal.

Fin del espacio visual.

ContMenu

Recomendaciones

Participa ahora Video tutorial de un experto explicando como grabar un video.

Accus aboremo lorrum ut eatio. Tae possimi nihillam aligentem nonsequi volestrupis enis quia quas illis aria sequae. Num vene di nes ea suntur, odit, quae erum escim etur maios aut occatur repro quis aut everore voluptam et volenis vel moluptat as natem elendebis qui non commodit ¿Cómo participar?

et quatusa ndignatur, tempeli quatemp ellaborum et aut magnihicitem volupta erumquia quas eum hitiat molupti sendes nulliqui alis eos min rem harciandae audigni samendem quam, qui cullam, ut andebit ut aut ut quam nus est, quid unt. Accus aboremo lorrum Recomendaciones

Galeria de fotos

ut eatio. Tae possimi nihillam aligentem nonsequi volestrupis enis quia quas illis aria sequae. Num vene di nes ea suntur, odit, quae erum escim etur maios aut occatur repro quis aut everore volupFOOTER tam etpermanece volenis vel en moel sitio del luptat todo as natem elendee internas. bis quihome non commodit. Galeria de videos

Abre PDF. Términos y condiciones

La vista de Recomendacio nes muestra un video tutorial hacerca de como crear un video y otras recomendacion es tecnicas que el usuario puede utilizar para poder participar.


Regístrate y participa

¿Cómo participar? Recomendaciones

LOGO

Galería de fotos

Galería de videos

Conectate con facebook

f

PASO4

Tw

ContMenu

Galería de videos En esta seccion veras un poco de informacion tecnica sobre como realizar un buen video desde tu propia casa con cualquier videogravadora o celular que tengas a la mano.

Lista de usuarios

En este paso el usuario ha dado click en el Boton Galeria de fotos, esta ubicado en tercer lugar despues del logo de ixquierda a derecha dentro del menu de navegacion principal.

Call to action para participar

Participa ahora rotador para pasar a la siguiente y anterior

rotador para pasar a la siguiente y anterior

Foto1 Ver mas sobre esta historia

Nombre del usuario Descripcion corta de la fotografia

FOOTER permanece en todo el sitio del home e internas.

Me gusta

Fin del espacio visual. ¿Cómo participar?

Recomendaciones

Galeria de fotos

Galeria de videos

Abre PDF. Términos y condiciones

La vista de Galeria de fotos muestra primeramente una lista de los participantes y en la parte de abajo mostrando las fotos del participante escogido, un pequeño resumenuy un boton invitando a la gente a que vea el contenido completo.


Regístrate y participa

¿Cómo participar? Recomendaciones

LOGO

Galería de fotos

Galería de videos

Conectate con facebook

f

PASO5 En este paso el usuario ha dado click en el Boton Galeria de videos, esta ubicado en cuarto lugar despues del logo de izquierda a derecha dentro del menu de navegacion principal.

Tw

Galería de videos En esta seccion veras un poco de informacion tecnica sobre como realizar un buen video desde tu propia casa con cualquier videogravadora o celular que tengas a la mano.

Dropdown: para cambiar el orden por fecha de modificacion o por nombre

Call to action para participar

Participa ahora

(Orden por fecha)

Foto de perfil

Fecha de publicacion: 00 / 00 / 0000

erumquia quas eum hitiat molupti sendes nulliqui alis eos min rem harciandae audigni samendem quam, qui cullam, ut andebit ut aut ut quam nus est, quid unt. Apic to quibus. Oluptae nimil ium comnihillo doluptatem quatet invelec epudis et, te voluptatem sollaut eiusa volupta tusapid molore voluptas mos ad ulpa cumquide pre sitat nossus endam fuga em quatet. Me gusta

Foto de perfil

Fecha de publicacion: 00 / 00 / 0000

erumquia quas eum hitiat molupti sendes nulliqui alis eos min rem harciandae audigni samendem quam, qui cullam, ut andebit ut aut ut quam nus est, quid unt. Apic to quibus. Oluptae nimil ium comnihillo doluptatem quatet invelec epudis et, te voluptatem sollaut eiusa volupta tusapid molore voluptas mos ad ulpa cumquide pre sitat nossus endam fuga em quatet.

FOOTER permanece en todo el sitio del home e internas.

Me gusta

Fin del espacio visual. ¿Cómo participar?

Recomendaciones

Galeria de fotos

Galeria de videos

Abre PDF. Términos y condiciones

ContMenu La vista de galeria de videos muestra un contenido similar al de la galeria por secciones, tambien tiene una opcion para ordenarel contenido por fecha de publicacion o por nombre.


Regístrate y participa

LOGO

¿Cómo participar? Recomendaciones

f

PASO6 En este paso la aplicación o la actividad anterior ha terminado, y se ha eliminado el banner que invita a participar, por lo tanto de ubica una sección de noticias o novedades en el home.

Galería de videos

ContMenu

Bienvenido a la seccion de noticias

Tw Noticias

Noticias Accus aboremo lorrum ut eatio. Tae possimi nihillam aligentem nonsequi volestrupis enis quia quas illis aria sequae. Num vene di nes ea suntur, odit, quae erum escim etur maios ea suntur, odit, quae erum escim etur maiosAccus aboremo lorrum ut Leer mas eatio. Tae

Noticias Accus aboremo lorrum ut eatio. Tae possimi nihillam aligentem nonsequi volestrupis enis quia quas illis aria sequae. Num vene di nes ea suntur, odit, quae erum escim etur maios ea suntur, odit, quae erum escim etur maiosAccus aboremo lorrum ut Leer mas eatio. Tae

Noticias

Fin del espacio visual.

Galería de fotos

Accus aboremo lorrum ut eatio. Tae possimi nihillam aligentem nonsequi volestrupis enis quia quas illis aria sequae. Num vene di nes ea suntur, odit, quae erum escim etur maios ea suntur, odit, quae erum Leer mas

Accus aboremo lorrum ut eatio. Tae possimi nihillam aligentem nonsequi volestrupis enis quia quas illis aria sequae. Num vene di nes ea suntur, odit, quae erum escim etur maios ea suntur, odit, quae erum escim etur maiosAccus aboremo lorrum ut eatio. Tae possimi nihillam aligentem nonsequi volestrupis enis quia quas illis aria sequae. Num vene di nes ea suntur, odit, quae erum escim etur maios ea suntur, odit, quae erum escim etur maios Leer mas Accus aboremo lorrum ut eatio. Tae possimi nihillam

Noticias Accus aboremo lorrum ut eatio. Tae possimi nihillam aligentem nonsequi volestrupis enis quia quas illis aria sequae. Num vene di nes ea suntur, odit, quae erum escim etur maios ea suntur, odit, quae erum escim etur maiosAccus aboremo lorrum ut eatio. Tae Leer mas possimi nihillam aligentem

Noticias Accus aboremo lorrum ut eatio. Tae possimi nihillam aligentem nonsequi volestrupis enis quia quas illis aria sequae. Num vene di nes ea suntur, odit, quae erum escim etur maios ea suntur, odit, quae erum escim etur maiosAccus aboremo lorrum ut eatio. Tae Leer mas possimi nihillam aligentem

Noticias

Accus aboremo lorrum ut eatio. Tae possimi nihillam aligentem nonsequi volestrupis enis quia quas illis aria sequae. Num vene di nes ea suntur, odit, quae erum escim etur maios ea suntur, odit,

¿Cómo participar?

Accus aboremo lorrum ut eatio. Tae possimi nihillam aligentem nonsequi volestrupis enis quia quas illis aria sequae. Num vene di nes ea suntur, odit, quae erum escim etur maios ea suntur, odit, quae erum escim etur maiosAccus aboremo lorrum ut eatio. Tae possimi nihillam aligentem nonsequi volestrupis enis quia quas illis aria sequae. Num vene di nes ea suntur, odit, quae erum escim etur

Noticias

Leer mas

Recomendaciones

FOOTER

Accus aboremo lorrum ut eatio. Tae possimi nihillam aligentem permanece en nonsequi volestrupis enis quia quas illis aria sequae. Num vene di el sitio del nes ea suntur, odit, quae erum todo escim etur maios ea suntur, odit, quae erum escim etur maiosAccus aboremo lorrum ut eatio. Tae home e internas. possimi nihillam aligentem nonsequi volestrupis enis quia quas illis aria sequae. Num vene di nes ea suntur, Leer mas

Galeria de fotos

Galeria de videos

Abre PDF. Términos y condiciones

La organizacion de las noticias se organiza de una manera estandar en la Web, la cual permite disponer de 3 columnas que separan lo elementos gerarquicamente de derecha a izquierda, con el espacio para distribuir cada una de acuerdo a su fecha de publicacion verticalmente.


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.