Este documento presenta los wireframes para un sitio web de Fablab. Incluye secciones como Home, Proyectos, Emprendimiento, Máquinas, Eventos, Sobre Nosotros y Noticias. Cada sección tiene una descripción detallada de cómo se verá y funcionará para los usuarios. El diseño busca ser intuitivo y facilitar la navegación de los usuarios dentro de la plataforma.
1. WIREFRAMES
HOME
hola@kausana.cl
PROYECTO DESTACADO FABLAB
PROYECTOS NUEVOS
PRÓXIMOS EVENTOS
TALLERES
CATEGORÍA PROYECTOS CATEGORÍA EMPRENDIMIENTO
PROYECTO DESTACADO COMUNIDAD
NOTICIAS
HAZTE PARTELOGO INICIAR SESIÓN
Santiago, Chile 14:55
Header permanente en el
sitio. Buscador
transversal
Slider muestra imágenes
o video que representen
los valores de Fablab
Área proyectos
destacados, por la
comunidad y Fablab.
Imagen + nombre y
breve descripcción
Conteo de categorías,
proyectos y
emprendimiento
Próximos eventos:
2 próximos eventos
fablab + listado de
talleres con nombre,
fecha y breve descripción
Noticias ordenadas
cronológicamente
Footer:
1. Información de
contacto
2. Redes sociales
3. Logos colaboradores
Contexto local
Hazte parte destacado sobre menú
02 NOV25 OCT
1 2 3
El header cambia sus
funcionalidades para los
usuarios registrados
Nombre usuario, editar perfil,
cerrar sesión.
Publicar proyecto, calendario, buscar
LOGO USUARIO
2. Listado de proyectos,
cada proyecto tendrá una
imagen con su título y
una breve descripción, se
irán cargando más al
momento de hacer scroll.
Estos podrán ser
ordenados o filtrados
para facilitar la búsqueda
del usuario.
WIREFRAMES
LISTADO PROYECTO
hola@kausana.cl
PROYECTOS
USUARIOLOGO
ORDENAR
MATERIAL
INDUSTRIAS
ÁREA PROYECTO
MÁQUINAS
HERRAMIENTAS
SOFTWARE
SISTEMA OPERATIVO
LICENCIA
FILTRAR POR:
3. DETALLE PROYECTO
WIREFRAMES
hola@kausana.cl
EL PROYECTO
DESCRIPCIÓN PROYECTO
REPORTAR COMPLETAR INFO DESTACAR PROYECTO
CONSTRUCCIÓN
TÍTULO
CATEGORÍAS
AUTOR
INDUSTRIA
ÁREA PROYECTO
ARCHIVOS
CONTEXTO
FECHA
MÁQUINAS
MATERIALES
SOFTWARE
SISTEMA OPERATIVO
LICENCIA
LINKS
LOGO USUARIO
Botones de acciones sólo
para usuarios registrados
El proyecto tendrá en la
parte superior la
información general
(título, galería de
imágenes, descripción)
Luego encontramos las
fichas técnicas del
proyecto, contexto y
construcción
TIPO DE PROYECTO
4. WIREFRAMES
EMPRENDIMIENTO
hola@kausana.cl
LOGO USUARIO
Slider con imágenes y
texto que expresen el
pensar de Fablab hacia
los emprendimientos.
LISTADO DE PROYECTOS DE EMPRENDIMIENTOS FILTRAR
Finalmente encontramos
el listado de todos los
proyectos realizados por
los emprendimientos los
cuales podrán filtrarse
por área u ordenarse de
distintas maneras. Éstos
se irán cargando al hacer
scroll.
ORDENAR
DESCARGA EL POGRAMA HARDWARE STARTUPS
Botón de descarga para
PDF del programa
startups
LISTA DE EMPRENDIMIENTOS
NOMBRE DE EMPRENDIMIENTO NOMBRE DE EMPRENDIMIENTO NOMBRE DE EMPRENDIMIENTO
NOMBRE DE EMPRENDIMIENTO NOMBRE DE EMPRENDIMIENTO NOMBRE DE EMPRENDIMIENTO
NOMBRE DE EMPRENDIMIENTO
NOMBRE DE EMPRENDIMIENTO
NOMBRE DE EMPRENDIMIENTO NOMBRE DE EMPRENDIMIENTO
Cada emprendimiento
tendrá una imagen
principal, luego el
nombre del
emprendimiento, una
breve descripción y
finalmente los nombre de
los participantes.
PROYECTO DESTACADO FABLAB
DESTACADO NUEVO PROYECTO EMPRENDIMIENTO NUEVO PROYECTO EMPRENDIMIENTO
NUEVOS PROYECTOS DE EMPRENDIMIENTO
La segunda sección será
la encargada de mostrar
el proyecto de
emprendimiento
destacado por el Fablab y
los dos últimos proyectos
publicados en el área
emprendimiento.
5. DETALLE EMPRENDIMIENTO
WIREFRAMES
hola@kausana.cl
EMPRENDIMIENTO
DESCRIPCIÓN PROYECTO
STAFF
CONSTRUCCIÓN
TÍTULO
CATEGORÍAS
AUTOR
INDUSTRIA
ÁREA PROYECTO
CONTEXTO
FECHA
MÁQUINAS
MATERIALES
SOFTWARE
SISTEMA OPERATIVO
LICENCIA
LINKS
LOGO USUARIO ÿ
Descripción general del
proyecto
(emprendimiento) donde
encontraremos galería de
imágenes y una reseña.
Dentro de la descripción
general, en un itém
separado, encontramos
dicho proyecto, con su
nombre y profesión.
En el área de fichas
técnicas podrémos
encontrar la sección
“LINKS” donde los
usuarios podrán subir
archivos para luego ser
descargados.
6. MÁQUINAS
WIREFRAMES
hola@kausana.cl
LISTADO
HERRAMIENTA
MÁQUINAS
USUARIOLOGO
TALADRO
CNC ROUTER 2D CNC ROUTER 3D CORTADORA LÁSER
IMPRESIÓN 3D EN PLA PLOTTER DE CORTE
TORNO IMPRESIÓN 3D EN ABS
SCANNER 3D
LIJADORA DE BANDA
LIJADORA ORBITAL
FRESADORA
GALLETERA/ PULIDORA
SIERRA DE BANCO
SIERRA CIRCULAR
Se muestra en primer
plano el listado de
máquinas donde cada
una tendrá una imágen y
el nombre de ella. Se ha
pensado en la estructura
de bloques para facilitar
la búsqueda del usuario.
Las herramientas están
enlistadas por su nombre
y comparten inportancia
con las máquinas, sin
embargo estas no
llevarán imágen sino que
serán sólo un botón.
7. DETALLE MÁQUINAS
WIREFRAMES
hola@kausana.cl
INFORMACIÓN TÉCNICA
INSTRUCCIONES DE USO
RESERVAR MÁQUINA
CNC ROUTER 2D
USUARIOLOGO
DESCRIPCIÓN GENERAL
ÁREA DE TRABAJO
ARCHIVOS SOPORTADOS
TALLERES
12
OCT
24
OCT
08
NOV
INSCRIBIR
TALLER
VER MÁS
11
NOV
PROYECTOS CNC ROUTER 2D
La máquina constará de
una gran cantidad de
información.
En la parte superior
veremos la descripción
general.
Podrá tener un video que
apoye las instrucciones
de uso.
El usuario registado
podrá recervar máquina o
inscribir capacitaciones
para la máquina que se
esta mostrando
Información de
instrucciones de uso.
Finalmente podremos ver
todos los proyectos que
se han realizado con esta
máquina, los que se irán
cargando más al hacer
scroll.
INSCRIBIR
TALLER
INSCRIBIR
TALLER
INSCRIBIR
TALLER
9. WIREFRAMES
EVENTOS
hola@kausana.cl
PRÓXIMOS EVENTOS
EVENTOS REALIZADOS
LOGO USUARIO
TALLERES
06 NOV02 NOV25 OCT
25 OCT 27 OCT 03NOV
INSCRIBIR TALLER INSCRIBIR TALLER INSCRIBIR TALLER
En la parte superior
mostraremos a forma de
“carrusel” los próximos
eventos, los cuales
tendrán imagen, fecha, y
título del evento.
Luego encontramos las
capacitaciones de
máquinas las que
tendrán, imagen de la
máquina, fecha y nombre.
Además los usuarios
registrados podrán
agendar su capacitación.
Finalmente encontramos
el listado de todos los
eventos ya realizados los
cuales se irán cargando
al hacer scroll.
10. WIREFRAMES
DETALLE EVENTOS
hola@kausana.cl
NOMBRE DEL EVENTO
USUARIOLOGO
AÑADIR A CALENDARIO
COMPARTIR
DESCRIPCIÓN GENERAL
FECHA
LUGAR
El evento tendrá el
nombre del evento y una
imagen principal.
Luego encontraremos la
información, descripción,
fecha, horario, lugar.
El mapa será un apoyo
para locación.
El uaurio registrado
podrá añadir a su
calendario el evento y /o
compartirlo en sus redes
sociales.
11. WIREFRAMES
SOBRE NOSOTROS
hola@kausana.cl
NUESTRA HISTORIA
FAQS
LOGO USUARIO
PREGUNTA NÚMERO UNO DE LAS PREGUNTAS FRECUENTES?
PREGUNTA NÚMERO UNO DE LAS PREGUNTAS FRECUENTES?
PREGUNTA NÚMERO UNO DE LAS PREGUNTAS FRECUENTES?
PREGUNTA NÚMERO UNO DE LAS PREGUNTAS FRECUENTES?
PREGUNTA NÚMERO UNO DE LAS PREGUNTAS FRECUENTES?
PREGUNTA NÚMERO UNO DE LAS PREGUNTAS FRECUENTES?
Slider con imágenes de
las intalaciones de
Fablab
Historia y valores de
Fablab.
Staff con fotografía,
nombre y cargo.
Las preguntas frecuentes
serán relevantes para
que los usuarios
encuntren más
información de como
funciona y los objetivos
Fablab.
12. WIREFRAMES
NOTICIAS
hola@kausana.cl
En la parte superior se
destacarán las tres
noticas más recientes.
Cada una con su imagen
el título de la noticia y la
fecha de publicación.
Luego encontramos el
listado completo de
todas las noticias.
Estas se irán cargando al
hacer scroll.
NOTICIAS RECIENTES
TODAS LAS NOTICIAS
LOGO USUARIO
20 SEPTIEMBRE 2016
20 SEPTIEMBRE 2016 20 SEPTIEMBRE 2016 20 SEPTIEMBRE 2016 20 SEPTIEMBRE 2016
20 SEPTIEMBRE 2016 20 SEPTIEMBRE 2016 20 SEPTIEMBRE 2016 20 SEPTIEMBRE 2016
20 SEPTIEMBRE 2016 20 SEPTIEMBRE 2016 20 SEPTIEMBRE 2016 20 SEPTIEMBRE 2016
28 SEPTIEMBRE 2016 04 OCTUBRE 2016
13. WIREFRAMES
DETALLE NOTICIAS
hola@kausana.cl
NOTICIAS RECIENTES
FACEBOOK
TÍTULO NOTICIA DETALLE
AUTOR NOTICIA 12/08/2016
USUARIOLOGO
04 OCTUBRE 2016
04 OCTUBRE 2016
04 OCTUBRE 2016
COMPARTIR
Detalle de noticia;
título, autor, fecha,
bajada, imagen principal,
desarrollo de noticia.
En el costado
encontraremos noticias
recientes.
Enlace directo con el
Facebook de Fablab, para
generar “me gusta”.
Además la noticia podrá
ser compartida en las
distintas redes sociales
14. WIREFRAMES
HAZTE PARTE - REGISTRATE
hola@kausana.cl
USUARIOLOGO
REGISTRATE
NOMBRE
MAIL
CONTRASEÑA
INICIAR SESIÓN
REGISTRATE
¡SÉ PARTE DE FABLAB! Hazte parte entregará a
los usuarios nuevos un
pequeño texto donde se
presenten los beneficios
de formar parte de esta
comunidad
El registo busca ser
simple al usuario
15. HAZTE PARTE - INICIO SESIÓN
WIREFRAMES
hola@kausana.cl
REGISTRATE
MAIL
CONTRASEÑA
INICIAR SESIÓN
INGRESAR
HE OLVIDADO MI CONTRASEÑA
USUARIOLOGO
Los usuarios registrados
podrán cambiar de
pestaña para acceder
directamente al inicio de
sesión.
16. WIREFRAMES
PERFIL DE USUARIO
hola@kausana.cl
NOMBRE DE USUARIO
FECHA NACIMIENTO
CARRERA O PROFESIÓN
SITIO WEB
RELACIÓN FABLAB
23 / 06 / 1989
DISEÑO GRÁFICO
WWW.SITIO.CL/PORTTAFOLIO
USUARIO
LOGO USUARIO
MIS PROYECTOS
PUBLICAR NUEVO PROYECTO
+
PROYECTOS DESTACADOS
PERSONAS CON QUE HE
TRABAJADOEDITAR PERFIL
En su perfil el usuario
podrá ver su información
publicada y editar la
misma.
Existirá una lista de
proyectos publicados por
él. Además de el listado
de proyectos que ha
destacado y las personas
con las que ha trabajado.
17. WIREFRAMES
EDITAR - PERFIL DE USUARIO
hola@kausana.cl
LOGO USUARIO
EDITAR PERFIL
DATOS
NOMBRE DE USUARIO
CORREO ELECTRÓNICO
SITIO WEB
FECHA DE NACIMIENTOFOTO DE PERFIL
CARRERA O PROFESIÓN
RELACIÓN CON FABLAB
GUARDAR CAMBIOS CANCELAR
CAMBIAR FOTO DE PERFIL
Para editar el perfil el
usuario podrá cambiar
los datos a travéz de un
formulario, una vez
finalizado sólo debe
guardar los cambios.
18. WIREFRAMES
PUBLICAR NUEVO PROYECTO
hola@kausana.cl
LOGO USUARIO
PUBLICAR NUEVO PROYECTO
CONTEXTO
TÍTULO DE PROYECTO
CATEGORÍA
ÁREA DE PROYECTO
PUBLICAR PROYECTO CANCELAR
INDUSTRIA
AUTOR (ES)
TIPO DE PROYECTO
CONSTRUCCIÓN
DESCRIPCIÓN DEL PROYECTO
SUBIR IMÁGENES
MÁQUINAS MATERIALES
SOFTWARE SISTEMA OPERATIVO
LICENCIAS LINKS
FECHA DE INICIO
FECHA DE TÉRMINO
La publicación de un
proyecto contampla las
mismas áreas que en el
“detalle proyecto”
Donde el formulario se
divide en tres partes,
contexto, construcción y
descripcción general.
El usuario puede cargar
más de una imagen
según sus necesidades.
Para finalizar sólo se
debe presionar “publicar
proyecto”