Wireframes & Mockups

26
Definición de ... ARQUITECTURA DE INFORMACIÓN

description

Primer intento . . . fallido

Transcript of Wireframes & Mockups

Page 1: Wireframes & Mockups

Definición de ... ARQUITECTURA DE INFORMACIÓN

Page 2: Wireframes & Mockups

El proyecto “rescate natural” nace a partir del descuido y desvalorización que tenemos como país de nuestras riquezas naturales, hablamos de la flora, fauna y arqueología, es así como pretendemos RESCATAR lugares dentro de Chile, que contengan éstos elementos, mediante información descriptiva y gráfica, para concientizar a la población de lo que se tiene en absoluto desconocimiento nacional.

Como primer sitio a rescatar escogimos un lugar que nos identificara, fue así como “Fundo el Carmen” nos atrajo como habitantes de Quilpué, ya que es un lugar que cumple con todas las espectativas de éste proyecto.

Page 3: Wireframes & Mockups

MAPA DE SITIO PROYECTO

FUNDO EL CARMEN Pikunches Quilpué Historia Fundo el Carmen

RIQUEZAS Flora Fauna Arqueología

RIESGO Deforestación Extinción Amenaza Humana Amenaza Natural

DOCUMENTOS Documentos Municipales Documentos Vecinales Documentos Corporaciones

MAPA DE SITIO

SITIO POR RESCATAR Indígenas (que habitaron aquel lugar) Comuna (que pertenece) Historia (del lugar en específico)

RIQUEZAS Flora Fauna Arqueología

RIESGO Deforestación Extinción Amenaza Humana Amenaza Natural (etc... según el caso)

DOCUMENTOS Documentos Municipales Documentos Vecinales Documentos Corporaciones (etc... según el caso)

Page 4: Wireframes & Mockups

PRESENTACIÓN

HOME PAGE

Fundo el Carmen Riquezas Riesgo DocumentosÍtems Home Page

Picunches Quilpué Historia Fundo Flora Fauna Arqueología Deforestación Extinción Amenaza Humanay Natural

Explicación

Documento

Page 5: Wireframes & Mockups

PÁGINAS

1. FUNDO EL CARMEN

2. RIESGO

{

{

Picunches Quilpué Historia Fundo

Deforestación Extinción Amenazas Humanas Amenazas Naturales

{Percepción Usuario

ENTRADAS

1. RIQUEZAS

2. DOCUMENTOS

Flora Fauna Arqueología

{

{Percepción Usuario

Page 6: Wireframes & Mockups

Maqueta de Sitio ... WIREFRAMES & MOCKUPS

Page 7: Wireframes & Mockups

RESCATE NATURAL

SUBSECCIÓN

TÍTULO

Lorem ipsum do-lor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapi-bus, ante praesen-tium. A elit aliquam quam, viverra tin-cidunt dignissim magnam sem at. Nibh sagittis, orci in libero faucibus

quisque, euismod quis consequat sed. Leo diam quisque, vehicula nunc nulla pede, eros in semper. Sollicitudin mauris suspendisse wisi pellentesque. Sed ornare vestibulum voluptatem fauci-bus sit, suscipit leo eu fermentum pul-vinar feugiat quis. Nostra pretium

suspendisse a eros..Lorem ipsum dolor sit amet, dolor in-terdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras la-cinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignissim magnam sem at. Nibh sagit-tis, orci in libero

SECCIÓN

{

{

PRIMERA VISTA (Fundo el Carmen y Riesgo)

Imagenes que pertenecen a la sección escogida

por el usuario

Subsección de sección escogida{Menú principal,

presente en todas las instancias

{Texto descriptivo de cada“sibsección” escogida

SECCIÓN

SECCIÓN

SECCIÓN

SUBSECCIÓN SUBSECCIÓN

(PROPUESTA 01)

Page 8: Wireframes & Mockups

SEGUNDA VISTA (Riquezas)

{Para sección RIQUEZAS imagenes pop up de flora, fauna o arqueología, más unamini explicación de cada cosa

RESCATE NATURAL

SUBSECCIÓN

TÍTULO

SECCIÓN

{

{

Imagenes que pertenecen a la sección escogida

por el usuario

Subsección de sección escogida{Menú principal,

presente en todas las instancias

SECCIÓN

SECCIÓN

SECCIÓN

SUBSECCIÓN SUBSECCIÓN

(PROPUESTA 01)

Page 9: Wireframes & Mockups

{Para sección DOCUMENTOS imagenes en zoom para des-cargar PDF o cualquier otro archivo que contenga éste, y una pequeña descripción de qué se trata éste documento

IMG

IMG

IMG

IMG

IMG

IMG

morbi arcu duis in urna, vestibulum-morbi arcu

morbi arcu duis in urna, vesti-bulummor-

morbi arcu duis in urna, vestibulum-morbi arcu

morbi arcu duis in urna, vestibulum-morbi arcu

morbi arcu duis in urna, vesti-bulummor-

morbi arcu duis in urna, vestibulum-morbi arcu

RESCATE NATURAL

SUBSECCIÓN

TÍTULO

SECCIÓN

{

{

TERCERA VISTA (Documentos)

Imagenes que pertenecen a la sección escogida

por el usuario

Subsección de sección escogida{Menú principal,

presente en todas las instancias

SECCIÓN

SECCIÓN

SECCIÓN

SUBSECCIÓN SUBSECCIÓN

(PROPUESTA 01)

Page 10: Wireframes & Mockups

fundo el carmen

riquezas

documentos

riesgos

Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignis-sim magnam sem at. Nibh sagittis, orci in libero faucibus quisque, euismod quis conseq

Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapi-bus, ante praesentium. A elit aliquam quam, vive-rra tincidunt dignissim magnam sem at. Nibh sa-gittis, orci in libero faucibus quisque, euismod quis consequat sed. Leo diam quisque, vehicula nunc nulla pede, eros in semper. Sollicitudin mauris suspendisse wisi pellentesque. Sed ornare vestibulum voluptatem faucibus sit, suscipit leo eu fermentum pulvinar feugiat quis. Nostra pre-tium suspendisse a eros..Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Ru-trum consequat morbi arcu duis in urna, vestibu-lum cras lacinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignissim mag-nam sem at. Nibh sagittis, orci in libero faucibus Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapi-bus, ante praesentium. A elit aliquam quam, vive-

rra tincidunt dignissim magnam sem at. Nibh sa-gittis, orci in libero faucibus quisque, euismod quis consequat sed. Leo diam quisque, vehicula nunc nulla pede, eros in semper. Sollicitudin mauris suspendisse wisi pellentesque. Sed ornare vestibulum voluptatem faucibus sit, suscipit leo eu fermentum pulvinar feugiat quis. Nostra pre-tium suspendisse a eros..Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Ru-trum consequat morbi arcu duis in urna, vestibu-lum cras lacinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignissim mag-nam sem at. Nibh sagittis, orci in libero faucibus Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapi-bus, ante praesentium. A elit aliquam quam, vive-rra tincidunt dignissim magnam sem at. Nibh sa-gittis, orci in libero faucibus quisque, euismod quis consequat sed. Leo diam quisque, vehicula nunc nulla pede, eros in semper. Sollicitudin

mauris suspendisse wisi pellentesque. Sed ornare vestibulum voluptatem faucibus sit, suscipit leo eu fermentum pulvinar feugiat quis. Nostra pre-tium suspendisse a eros..Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Ru-trum consequat morbi arcu duis in urna, vestibu-lum cras lacinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignissim mag-nam sem at. Nibh sagittis, orci in libero faucibus Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapi-bus, ante praesentium. A elit aliquam quam, vive-rra tincidunt dignissim magnam sem at. Nibh sa-gittis, orci in libero faucibus quisque, euismod quis consequat sed. Leo diam quisque, vehicula nunc nulla pede, eros in semper. Sollicitudin mauris suspendisse wisi pellentesque. Sed ornare vestibulum voluptatem faucibus sit, suscipit leo eu fermentum pulvinar feugiat quis. Nostra pre-tium suspendisse a eros..Lorem ipsum dolor sit

TÍTULO

picunches quilpué historia fundo

Page 11: Wireframes & Mockups

fundo el carmen

riquezas

documentos

riesgos

Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignis-sim magnam sem at. Nibh sagittis, orci in libero faucibus quisque, euismod quis conseq

TÍTULO

flora fauna arqueología

Page 12: Wireframes & Mockups

fundo el carmen

riquezas

documentos

riesgos

Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignis-sim magnam sem at. Nibh sagittis, orci in libero faucibus quisque, euismod quis conseq

TÍTULO

municipal vecinal organizaciones

morbi arcu duis in urna, vestibu-lummorbi arcu duis in urna, vesti

morbi arcu duis in urna, vestibu-lummorbi arcu duis in urna, vesti

morbi arcu duis in urna, vestibu-lummorbi arcu duis in urna, vesti

morbi arcu duis in urna, vestibu-lummorbi arcu duis in urna, vesti

morbi arcu duis in urna, vestibu-lummorbi arcu duis in urna, vesti

morbi arcu duis in urna, vestibu-lummorbi arcu duis in urna, vesti

Page 13: Wireframes & Mockups

Ullam enibh erat. Duisit vel in vel erat, consequi et volobore tatie faccum vullandre te vel er at lore corem quipit prat, veleseq uismolore dolor seniat.Pat. Unt nit veliquat. Ugait vulla facilla mconsequisi eum velis niam in vercil exeraessi tie dit iustie venit dio od tie volut aliquis er si ting ea feugue ex et dolortie temUllam enibh erat. Duisit vel in vel erat, consequi et volobore tatie faccum vullandre te vel er at lore corem quipit prat, veleseq uismolore dolor seniat.Pat. Unt nit veliquat. Ugait vulla facilla mconsequisi eum velis niam in vercil exeraessi tie dit iustie venit dio od tie volut aliquis er si ting ea feugue ex et dolortie temUllam enibh erat. Duisit vel in vel erat, consequi et volobore tatie faccum vullandre te vel er at lore corem quipit prat, veleseq uismolore dolor seniat.Pat. Unt nit veliquat. Ugait vulla facilla mconsequisi eum velis niam in vercil exeraessi tie dit iustie venit dio od tie volut aliquis er si ting ea feugue ex et dolortie tem

Or alit aliscil ex eum dit

Magnisl irilit, volorpe raestrud tio eugait nullummy nostrud dolessit nim eril ex ectem elestrud min hendipsum zzrillamcons ad dionsequat incil iril iril dolenim

quis nulla amcon henim ver inci et am delisl ero eum dolore feugiam,

Or alit aliscil ex eum dit

Magnisl irilit, volorpe raestrud tio eugait nullummy nostrud dolessit nim eril ex ectem elestrud min hendipsum zzrillamcons ad dionsequat incil iril iril dolenim

quis nulla amcon henim ver inci et am delisl ero eum dolore feugiam,

Ullam enibh erat. Duisit vel in vel erat, consequi et volobore tatie faccum vullandre te vel er at lore corem quipit prat, veleseq uismolore dolor seniat.Pat. Unt nit veliquat. Ugait vulla facilla mconsequisi eum velis niam in vercil exeraessi tie dit iustie venit dio od tie volut aliquis er si ting ea feugue ex et dolortie temUllam enibh erat. Duisit vel in vel erat, consequi et volobore tatie faccum vullandre te vel er at

Or alit aliscil ex eum dit

Magnisl irilit, volorpe raestrud tio eugait nullummy nostrud dolessit nim eril ex ectem elestrud min hendipsum zzrillamcons ad dionsequat incil iril iril dolenim

quis nulla amcon henim ver inci et am delisl ero eum dolore feugiam,

Ullam enibh erat. Duisit vel in vel erat, consequi et volobore tatie faccum vullandre te vel er at lore corem quipit prat, veleseq uismolore dolor seniat.Pat. Unt nit veliquat. Ugait vulla facilla mconsequisi eum velis niam in vercil exeraessi tie dit iustie venit dio od tie volut aliquis er si ting ea feugue ex et dolortie temUllam enibh erat. Duisit vel in vel erat, consequi et volobore tatie faccum vullandre te vel er at

(PROPUESTA 02)

Page 14: Wireframes & Mockups

Ullam enibh erat. Duisit vel in vel erat, consequi et volobore tatie faccum vullandre te vel er at lore corem quipit prat, veleseq uismolore dolor seniat.Pat. Unt nit veliquat. Ugait vulla facilla mconsequisi eum velis niam in vercil exeraessi tie dit iustie venit dio od tie volut aliquis er si ting ea feugue ex et dolortie temUllam enibh erat. Duisit vel in vel erat, conse-qui et volobore tatie faccum vullandre te vel er at lore corem quipit prat, veleseq uismolore dolor seniat.Pat. Unt nit veliquat. Ugait vulla facilla mconsequisi eum velis niam in vercil exeraessi tie dit iustie venit dio od tie volut aliquis er si ting ea feugue ex et dolortie temUllam enibh erat. Duisit vel in vel erat, conse-qui et volobore tatie faccum vullandre te vel er at lore corem quipit prat, veleseq uismolore dolor seniat.Pat. Unt nit veliquat. Ugait vulla facilla mconsequisi eum velis niam in vercil exeraessi tie dit iustie venit dio od tie volut aliquis er si ting ea feugue ex et dolortie tem

Magnisl irilit, volorpe raestrud tio eugait nullummy nostrud dolessit nim eril ex ectem elestrud min hendipsum zzrillamcons ad dionsequat

incil iril iril dolenim quis nulla amcon henim ver inci et am delisl ero eum dolore feugiam,

Fundo El Carmen

Riquezas

Riesgo

Documentos

Page 15: Wireframes & Mockups

Ullam enibh erat. Duisit vel in vel erat, consequi et volobore tatie faccum vullandre te vel er at lore corem quipit prat, veleseq uismolore dolor seniat.Pat. Unt nit veliquat. Ugait vulla facilla mconsequisi eum velis niam in vercil exeraessi tie dit iustie venit dio od tie volut aliquis er si ting ea feugue ex et dolortie temUllam enibh erat. Duisit vel in vel erat, conse-qui et volobore tatie faccum vullandre te vel er at lore corem quipit prat, veleseq uismolore dolor seniat.Pat. Unt nit veliquat. Ugait vulla facilla mconsequisi eum velis niam in vercil exeraessi tie dit iustie venit dio od tie volut aliquis er si ting ea

Magnisl irilit, volorpe raestrud tio eugait nullummy nostrud dolessit nim eril ex ectem elestrud min hendipsum zzrillamcons ad dionsequat

incil iril iril dolenim quis nulla amcon henim ver inci et am delisl ero eum dolore feugiam,

Fundo El Carmen

Riquezas

Riesgo

Documentos

Picunches Quilpué Historia

Page 16: Wireframes & Mockups

Ullam enibh erat. Duisit vel in vel erat, consequi et volobore tatie faccum vullandre te vel er at lore corem quipit prat, veleseq uismolore dolor seniat.Pat. Unt nit veliquat. Ugait vulla facilla mconsequisi eum velis niam in vercil exeraessi tie dit iustie venit dio od tie volut aliquis er si ting ea feugue ex et dolortie temUllam enibh erat. Duisit vel in vel erat, conse-qui et volobore tatie faccum vullandre te vel er at lore corem quipit prat, veleseq uismolore dolor seniat.Pat. Unt nit veliquat. Ugait vulla facilla mconsequisi eum velis niam in vercil exeraessi tie dit iustie venit dio od tie volut aliquis er si ting ea

Magnisl irilit, volorpe raestrud tio eugait nullummy nostrud dolessit nim eril ex ectem elestrud min hendipsum zzrillamcons ad dionsequat

incil iril iril dolenim quis nulla amcon henim ver inci et am delisl ero eum dolore feugiam,

Fundo El Carmen

Riquezas

Riesgo

Documentos

Flora Fauna Arquologia

Page 17: Wireframes & Mockups

(PROPUESTA 03)

Page 18: Wireframes & Mockups
Page 19: Wireframes & Mockups
Page 20: Wireframes & Mockups

Flujo de Usuario ... WIREFRAMES & MOCKUPS (01)WIREFRAMES & MOCKUPS (03)

Page 21: Wireframes & Mockups

(01)

fundo el carmen

riquezas

documentos

riesgos

Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignis-sim magnam sem at. Nibh sagittis, orci in libero faucibus quisque, euismod quis conseq

Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapi-bus, ante praesentium. A elit aliquam quam, vive-rra tincidunt dignissim magnam sem at. Nibh sa-gittis, orci in libero faucibus quisque, euismod quis consequat sed. Leo diam quisque, vehicula nunc nulla pede, eros in semper. Sollicitudin mauris suspendisse wisi pellentesque. Sed ornare vestibulum voluptatem faucibus sit, suscipit leo eu fermentum pulvinar feugiat quis. Nostra pre-tium suspendisse a eros..Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Ru-trum consequat morbi arcu duis in urna, vestibu-lum cras lacinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignissim mag-nam sem at. Nibh sagittis, orci in libero faucibus Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapi-bus, ante praesentium. A elit aliquam quam, vive-

rra tincidunt dignissim magnam sem at. Nibh sa-gittis, orci in libero faucibus quisque, euismod quis consequat sed. Leo diam quisque, vehicula nunc nulla pede, eros in semper. Sollicitudin mauris suspendisse wisi pellentesque. Sed ornare vestibulum voluptatem faucibus sit, suscipit leo eu fermentum pulvinar feugiat quis. Nostra pre-tium suspendisse a eros..Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Ru-trum consequat morbi arcu duis in urna, vestibu-lum cras lacinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignissim mag-nam sem at. Nibh sagittis, orci in libero faucibus Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapi-bus, ante praesentium. A elit aliquam quam, vive-rra tincidunt dignissim magnam sem at. Nibh sa-gittis, orci in libero faucibus quisque, euismod quis consequat sed. Leo diam quisque, vehicula nunc nulla pede, eros in semper. Sollicitudin

mauris suspendisse wisi pellentesque. Sed ornare vestibulum voluptatem faucibus sit, suscipit leo eu fermentum pulvinar feugiat quis. Nostra pre-tium suspendisse a eros..Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Ru-trum consequat morbi arcu duis in urna, vestibu-lum cras lacinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignissim mag-nam sem at. Nibh sagittis, orci in libero faucibus Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapi-bus, ante praesentium. A elit aliquam quam, vive-rra tincidunt dignissim magnam sem at. Nibh sa-gittis, orci in libero faucibus quisque, euismod quis consequat sed. Leo diam quisque, vehicula nunc nulla pede, eros in semper. Sollicitudin mauris suspendisse wisi pellentesque. Sed ornare vestibulum voluptatem faucibus sit, suscipit leo eu fermentum pulvinar feugiat quis. Nostra pre-tium suspendisse a eros..Lorem ipsum dolor sit

TÍTULO

picunches quilpué historia fundo

{Reconocimiento delusuario hacia la página,

identificando como primera instancia el meníprincipal, por su posición

estática y en el mismolugar del sitio

Page 22: Wireframes & Mockups

(01)

fundo el carmen

riquezas

documentos

riesgos

Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignis-sim magnam sem at. Nibh sagittis, orci in libero faucibus quisque, euismod quis conseq

Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapi-bus, ante praesentium. A elit aliquam quam, vive-rra tincidunt dignissim magnam sem at. Nibh sa-gittis, orci in libero faucibus quisque, euismod quis consequat sed. Leo diam quisque, vehicula nunc nulla pede, eros in semper. Sollicitudin mauris suspendisse wisi pellentesque. Sed ornare vestibulum voluptatem faucibus sit, suscipit leo eu fermentum pulvinar feugiat quis. Nostra pre-tium suspendisse a eros..Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Ru-trum consequat morbi arcu duis in urna, vestibu-lum cras lacinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignissim mag-nam sem at. Nibh sagittis, orci in libero faucibus Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapi-bus, ante praesentium. A elit aliquam quam, vive-

rra tincidunt dignissim magnam sem at. Nibh sa-gittis, orci in libero faucibus quisque, euismod quis consequat sed. Leo diam quisque, vehicula nunc nulla pede, eros in semper. Sollicitudin mauris suspendisse wisi pellentesque. Sed ornare vestibulum voluptatem faucibus sit, suscipit leo eu fermentum pulvinar feugiat quis. Nostra pre-tium suspendisse a eros..Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Ru-trum consequat morbi arcu duis in urna, vestibu-lum cras lacinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignissim mag-nam sem at. Nibh sagittis, orci in libero faucibus Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapi-bus, ante praesentium. A elit aliquam quam, vive-rra tincidunt dignissim magnam sem at. Nibh sa-gittis, orci in libero faucibus quisque, euismod quis consequat sed. Leo diam quisque, vehicula nunc nulla pede, eros in semper. Sollicitudin

mauris suspendisse wisi pellentesque. Sed ornare vestibulum voluptatem faucibus sit, suscipit leo eu fermentum pulvinar feugiat quis. Nostra pre-tium suspendisse a eros..Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Ru-trum consequat morbi arcu duis in urna, vestibu-lum cras lacinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignissim mag-nam sem at. Nibh sagittis, orci in libero faucibus Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapi-bus, ante praesentium. A elit aliquam quam, vive-rra tincidunt dignissim magnam sem at. Nibh sa-gittis, orci in libero faucibus quisque, euismod quis consequat sed. Leo diam quisque, vehicula nunc nulla pede, eros in semper. Sollicitudin mauris suspendisse wisi pellentesque. Sed ornare vestibulum voluptatem faucibus sit, suscipit leo eu fermentum pulvinar feugiat quis. Nostra pre-tium suspendisse a eros..Lorem ipsum dolor sit

TÍTULO

picunches quilpué historia fundo

{La segunda mirada delusuario hacia la páginaes hacia las subsecciones,ya que al estar en menor tamaño que el menú principal, no pesa tantovisualmente, pero no dejade llamar la atención por su contenido

Page 23: Wireframes & Mockups

01)

fundo el carmen

riquezas

documentos

riesgos

Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignis-sim magnam sem at. Nibh sagittis, orci in libero faucibus quisque, euismod quis conseq

Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapi-bus, ante praesentium. A elit aliquam quam, vive-rra tincidunt dignissim magnam sem at. Nibh sa-gittis, orci in libero faucibus quisque, euismod quis consequat sed. Leo diam quisque, vehicula nunc nulla pede, eros in semper. Sollicitudin mauris suspendisse wisi pellentesque. Sed ornare vestibulum voluptatem faucibus sit, suscipit leo eu fermentum pulvinar feugiat quis. Nostra pre-tium suspendisse a eros..Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Ru-trum consequat morbi arcu duis in urna, vestibu-lum cras lacinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignissim mag-nam sem at. Nibh sagittis, orci in libero faucibus Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapi-bus, ante praesentium. A elit aliquam quam, vive-

rra tincidunt dignissim magnam sem at. Nibh sa-gittis, orci in libero faucibus quisque, euismod quis consequat sed. Leo diam quisque, vehicula nunc nulla pede, eros in semper. Sollicitudin mauris suspendisse wisi pellentesque. Sed ornare vestibulum voluptatem faucibus sit, suscipit leo eu fermentum pulvinar feugiat quis. Nostra pre-tium suspendisse a eros..Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Ru-trum consequat morbi arcu duis in urna, vestibu-lum cras lacinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignissim mag-nam sem at. Nibh sagittis, orci in libero faucibus Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapi-bus, ante praesentium. A elit aliquam quam, vive-rra tincidunt dignissim magnam sem at. Nibh sa-gittis, orci in libero faucibus quisque, euismod quis consequat sed. Leo diam quisque, vehicula nunc nulla pede, eros in semper. Sollicitudin

mauris suspendisse wisi pellentesque. Sed ornare vestibulum voluptatem faucibus sit, suscipit leo eu fermentum pulvinar feugiat quis. Nostra pre-tium suspendisse a eros..Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Ru-trum consequat morbi arcu duis in urna, vestibu-lum cras lacinia dapibus, ante praesentium. A elit aliquam quam, viverra tincidunt dignissim mag-nam sem at. Nibh sagittis, orci in libero faucibus Lorem ipsum dolor sit amet, dolor interdum ut, dui diam in volutpat. Rutrum consequat morbi arcu duis in urna, vestibulum cras lacinia dapi-bus, ante praesentium. A elit aliquam quam, vive-rra tincidunt dignissim magnam sem at. Nibh sa-gittis, orci in libero faucibus quisque, euismod quis consequat sed. Leo diam quisque, vehicula nunc nulla pede, eros in semper. Sollicitudin mauris suspendisse wisi pellentesque. Sed ornare vestibulum voluptatem faucibus sit, suscipit leo eu fermentum pulvinar feugiat quis. Nostra pre-tium suspendisse a eros..Lorem ipsum dolor sit

TÍTULO

picunches quilpué historia fundo

{La tercera instancia y lamás atrayente para el usuario,es la de información, ya seatextual o gráfica, así ya seha creado un “mapa” delsitio, explorandolo de formajerárquica y correcta

Page 24: Wireframes & Mockups

1 2

3 4

5

1º Persona

(PROPUESTA 02)

Page 25: Wireframes & Mockups

1 2

3 4

5

2º Persona

(PROPUESTA 02)

Page 26: Wireframes & Mockups

(PROPUESTA 02)

1 2

3

4 5

3º Persona