Sabana de contenido
SABANA DE
CONTENIDO
|
|||||||
Giro de la Aplicación:
Estudio de Diseño Gráfico
|
Nombre de empresa:
Kulta Estudio Digital
|
Imagotipo:
|
|||||
ID
|
Título de la
página
|
Tema de la
sección
|
Requisitos de
contenido
|
Tipo de contenido
a integrar
|
Descripción de
las unidades organizativas
|
Especificaciones
funcionales del sistema
|
Especificaciones
de diseño
|
Inicio
|
Inicio
|
Se muestra el imagotipo, imágenes de fondo y la
descripción de cada sección.
|
Menú de opciones, texto descriptivo e imágenes
del contenido.
|
Textos e imágenes.
|
Al dar clic en cada opción, se
puede navegar en la página web por medio de hipervínculos. Las imágenes
cambiarán de manera automática.
|
Wordpress: edición a través de
una plantilla predeterminada.
CSS3: agregar estilo si es que
no se presenta en Wordpress.
|
Pantalla blanca, letras de
color negro, con opacidad de .8, tipografía “Tw cen mt”, respetando la
identidad del estudio.
|
Info.
|
Acerca de
|
Se muestra una fotografía de la persona a cargo
del estudio y una descripción de quién es y qué es lo que hace.
|
Nombre completo, descripción y acerca de la
persona.
|
Texto e imagen y sección de búsqueda.
|
No existe interacción con el
usuario, a menos de que utilice el menú de opciones o la opción de búsqueda
dentro de la página web.
|
Wordpress: edición a través de
una plantilla predeterminada.
CSS: se utiliza para darle
estilo y color a la hoja.
|
Pantalla blanca, letras de
color negro, con opacidad de 0.8, tipografía “Tw cen mt”, respetando la
identidad del estudio.
|
Port
|
Portafolio
|
En esta sección se mostrarán dos opciones en las
que se encontrará la galería de fotos y videos en las que se ha desempeñado
el estudio de Kulta.
|
Dos fotografías de las dos subsecciones y una
pequeña descripción del mismo.
|
Imágenes y texto y sección de búsqueda.
|
Se mostrarán las dos
subsecciones del portafolio en las cuales, al dar clic se abrirá otra página
dentro del sitio y se mostrará el contenido del portafolio.
|
Wordpress: edición a través de una plantilla
predeterminada.
CSS3: estilo y color a la hoja.
|
Pantalla blanca, dos imágenes
significativas y con un hover de amplitud de imagen (size a 1.2px),
tipografía “Tw cen mt” respetando la identidad del estudio.
|
Luis
|
Luis Pegut
|
Se muestra una galería de fotos y al dar clic se
abre la imagen seleccionada.
|
Galería de fotos y una descripción de cada una.
|
Imágenes y texto y sección de búsqueda.
|
Al dar clic en cada imagen, se
abrirá en un tamaño más grande y se puede quitar la imagen dando clic en la
tacha de la parte superior.
|
Wordpress: descargar un plugin
de galería de fotos.
CSS3: estilo y color a la hoja.
|
Pantalla blanca, imágenes en
columnas y filas de 4x4.
|
Hub
|
Hubarte
|
Se muestra una galería de fotos y al dar clic se
abre la imagen seleccionada.
|
Galería de fotos y una descripción de cada una.
|
Imágenes y texto y sección de búsqueda.
|
Al dar clic en cada imagen, se
abrirá en un tamaño más grande y se puede quitar la imagen dando clic en la
tacha de la parte superior.
|
Wordpress: descargar un plugin
de galería de fotos.
CSS3: estilo y color a la hoja.
|
Pantalla blanca, imágenes en
columnas y filas de 4x4.
|
3D
|
Karina Sánchez
|
Se muestra una galería de fotos y al dar clic se
abre la imagen seleccionada.
|
Galería de fotos y una descripción de cada una.
|
Imágenes y texto y sección de búsqueda.
|
Al dar clic en cada imagen, se
abrirá en un tamaño más grande y se puede quitar la imagen dando clic en la
tacha de la parte superior.
|
Wordpress:
descargar un plugin de galería de fotos.
CSS3: estilo y color a la hoja.
|
Pantalla blanca, imágenes en
columnas y filas de 4x4.
|
CV
|
Currículum vitae
|
Se muestra una imagen con el currículum vitae
|
Imagen con descripción.
|
Imagen.
|
Al dar clic en la imagen, se
abrirá en un tamaño más grande y se puede quitar la imagen dando clic en la
tacha de la parte superior.
|
Wordpress: descargar un plugin
de galería de fotos.
CSS3: estilo y color a la hoja.
|
Pantalla blanca, imagen al
centro.
|
Cont
|
Contacto
|
Se muestra un formulario para entrar en contacto
con la persona, y las redes sociales.
|
Formulario con la información
de nombre, edad y mensaje e íconos de redes sociales.
|
Texto, formulario y sección de búsqueda.
|
Para visitar las redes sociales
simplemente se tiene que dar clic en el ícono y se abrirá en otra pantalla.
Para llenar el formulario simplemente se da clic en cada contenido a llenar y
se envía dando clic en el botón de “enviar”.
|
Wordpress: descargar un plugin
de creación de formulario.
CSS3: estilo y color de la
hoja.
|
Pantalla blanca, formulario de
color blanco y negro, detalles dorados (botón de enviar) cuidando siempre la
identidad del estudio de diseño.
|
Blog
|
Blog
|
Se muestra un blog para agregar archivos o imágenes
recientes.
|
Imágenes, texto y archivos que
se puedan actualizar
|
Imágenes, texto y archivos
|
Se muestra el nombre del
archivo agregado y se puede dar clic para ver el contenido.
|
Wordpress:
descargar un plugin de creación de blogs.
|
Pantalla blanca, letras de
color negro.
|
Comentarios
Publicar un comentario