CLIENTE: SAKURA SPA PRODUCTO

Documento de Ingeniería Detallada
(DID)
CLIENTE: SAKURA SPA
PRODUCTO: PÁGINA WEB.
CONSULTOR COMERCIAL: MARYLIN LOPEZ
PROJECT MANAGER: VIVIANA GÓMEZ MUÑOZ
0
CONTENIDOS:
1. Descripción general del proyecto.
2. Mapa de sitio.
3. Secciones, esquemas y funcionalidades.
4. Administrador de contenidos.
5. Aprobación.
1. Descripción general del proyecto
Diseñar la página web de SAKURA SPA, con un diseño innovador para mejorar la
visualización de la marca, siguiendo las recomendaciones y preferencias del cliente sobre el
tema, implementando una herramienta intuitiva para el cambio de contenido y teniendo en
cuenta al público objetivo dentro de la imagen que se va a comunicar por medio de la
página.
2. Mapa de sitio
1
3. Secciones, esquemas y funcionalidades
3.1. Home
2
CONTENIDO
1. Slogan / Concepto de negocio (no administrable) En la parte superior de la página
aparecerá un texto corto con el slogan o concepto de negocio de Sakura Spa.
2. Logo de la empresa (no administrable) Logo representativo de Sakura Spa.
3. Menú principal con link las secciones internas: Conócenos, Rituales, Productos,
TIPS, Contáctenos. (administrable).
4. Slider (administrable), El administrador podrá crear, editar o eliminar las imágenes del
slider a través del administrador de contenidos. Cada imagen estará acompañada por
título, texto y link a una sección interna o página externa existente.
Contendrá mínimo 1 imagen y máximo 5.
5. Destacados (administrable) se mostrarán 3 destacados:

Producto destacado: El administrador podrá modificar el nombre, imagen y link
del botón “+” (el link será a una sección interna o página externa existente).

Tip de la semana: Este destacado contará con un detalle que se mostrará al hacer
clic en el botón “+” Esquema 3.2, el administrador podrá modificar el nombre, la
imagen y el texto descriptivo (detalle).

Promoción del mes: El administrador podrá modificar el nombre, imagen y el pdf
que se descargará al hacer clic en el botón “Descargar”. El link no será obligatorio,
si no se asocia un link no aparecerá el botón
6. Footer (administrable): contendrá los datos de contacto de la empresa (Dirección,
Teléfono y correo)
Igualmente se encontrará presente el logo de Integral Life Institute (no administrable)
NOTA: En la maquetación se definirán el tamaño de las imágenes y un límite de
caracteres; las imágenes y textos que se suban deben corresponder a estos parámetros. El
administrador de contenidos validara los formatos jpeg,jpg, png para imágenes.
3
3.2. Destacado- Tip de la semana
Al hacer clic en el botón “+” del destacado “Tip de la semana” se abrirá un popup donde se
mostrará la imagen del destacado, el texto descriptivo y el botón “Ver más Tips” que
dirigirá a la sección “Tips” Esquema 3.8,
4
3.3. Conócenos
CONTENIDO



Tres bloques con los aspectos diferenciadores de Sakura Spa.
Historia, texto para describir la experiencia y el trabajo que realiza Sakura Spa
Botón “Nuestros Rituales”, este botón direccionará a la sección “Rituales” Esquema 3.4
ADMINISTRADOR


El administrador podrá editar los tres bloques texto (puntos diferenciadores).
Podrá editar la historia de Sakura Spa.
En la maquetación se definirán un límite de caracteres; los textos que se suban deben
corresponder a estos parámetros.
5
3.4. Rituales- Categorías
CONTENIDO

Al ingresar a la sección “Rituales” se mostrarán las cuatro categorías de servicios
ofrecidos por Sakura Spa, cada categoría estará compuesta por Nombre, Imagen y
Título. Igualmente cada categoría contará con un botón para mostrar los servicios
pertenecientes a esta.
ADMINISTRADOR

El administrador podrá modificar la imagen y el título de cada una de las cuatro
categorías.
En la maquetación se definirán el tamaño de las imágenes y un límite de caracteres; las
imágenes y textos que se suban deben corresponder a estos parámetros. El administrador de
contenidos validara los formatos jpeg,jpg, png para imágenes.
6
3.5. Rituales- Servicios
CONTENIDO
Al hacer clic en cualquiera de las categorías se mostrarán los servicios pertenecientes a
esta, cada servicio estará compuesto por:




Nombre
Significado
Descripción
Duración
7

Precio
Los servicios se cargarán todos en la misma página.
Inicialmente los servicios se ordenarán cronológicamente, pero posteriormente podrá
cambiar el orden de los mismo mediante la funcionalidad Drag & Drop.
ADMINISTRADOR
El administrador podrá crear, editar o eliminar los servicios que desee para cada categoría.
Cada servicio estará compuesto por:





Nombre
Significado
Descripción
Duración
Precio
Imaginamos hará la carga de SOLO los 5 (cinco) primeros contenidos de la sección.
En la maquetación se definirán el tamaño de las imágenes y un límite de caracteres; las
imágenes y textos que se suban deben corresponder a estos parámetros. El administrador de
contenidos validara los formatos jpeg, jpg, png para imágenes.
8
3.6. Productos
CONTENIDO
Al ingresar a la sección “Productos” se mostrarán los productos existentes, cada producto
estará compuesto por:




Nombre
Categoría
Imagen
Descripción
Igualmente se encontrará el botón “Dónde comprarlo” fijo en la parte inferior de la página,
al hacer clic en este botón se mostrarán los datos de contacto de Sakura (Dirección y
Teléfono) y la opción para acceder a la sección Contáctenos. Esquema 3.7
9
Los productos se irán cargando al bajar la página (scroll down).
Inicialmente los productos se ordenarán cronológicamente, pero posteriormente podrá
cambiar el orden de los mismo mediante la funcionalidad Drag & Drop.
ADMINISTRADOR
El administrador podrá crear, editar o eliminar los productos que desee.
Cada producto estará compuesto por:




Nombre (campo texto)
Categoría (campo texto)
Descripción (campo texto)
Imagen
Imaginamos hará la carga de SOLO los 5 (cinco) primeros contenidos de la sección.
En la maquetación se definirán el tamaño de las imágenes y un límite de caracteres; las
imágenes y textos que se suban deben corresponder a estos parámetros. El administrador de
contenidos validara los formatos jpeg, jpg, png para imágenes.
3.7. Productos- Dónde comprarlos?
Al hacer clic sobre el botón “Contactar” dirigirá a la sección “Contáctenos” Esquema 3.9
10
3.8. Tips
CONTENIDO
Al lado izquierdo de la pantalla se mostrará seleccionado el tip más reciente y al lado
derecho se mostrará el listado de tips existentes, al seleccionar cada tip se mostrará la
información de este tip al lado izquierdo.
El detalle del tip contará con:



Título
Descripción
Imagen (no obligatoria, si no se carga una imagen la maquetación se ajustará)
Compartir



Cada Tip contará con los botones “Compartir” de Facebook y Twitter, al hacer clic
en alguno de estos botones se mostrará una ventana para que el usuario confirme
que desea compartir este Tip.
La ventana de confirmación será una ventana predeterminada de cada red social.
En Facebook se compartirá el Titulo y el texto de cada Tip y esto irá acompañado
del logo de Sakura Spa.
11

En el caso de Twitter únicamente se compartirá el Título y texto de del Tip.
Inicialmente los tips se ordenarán cronológicamente, pero posteriormente podrá cambiar el
orden de los mismo mediante la funcionalidad Drag & Drop.
ADMINISTRADOR
El administrador podrá crear, editar o eliminar los Tips que desee, cada uno con:



Título
Descripción
Imagen (no obligatoria )
En la maquetación se definirán el tamaño de las imágenes y un límite de caracteres; las
imágenes y textos que se suban deben corresponder a estos parámetros. El administrador de
contenidos validara los formatos jpeg, jpg, png para imágenes.
3.9. Contáctenos
CONTENIDO

Mapa de google maps, con el marcador ubicado en el punto donde se encuentra la sede
de Sakura Spa.
12

Al hacer clic sobre el marcador se mostrará un foto de Sakura Spa, para facilitarle a los
usuarios encontrar las instalaciones.
También se encontrará un formulario con los siguientes campos:




Nombres*, campo texto
Email*, campo correo
Teléfono, campo texto
Comentarios*,campo texto
Los campos con * son campos obligatorios.
ADMINISTRADOR: El administrador podrá editar la ubicación del marcador y la
imagen que se mostrará al hacer clic sobre este.
Igualmente podrá modificar el correo al cual llegaran los registros en el formulario.
Nota: El nombre de los campos y la cantidad de campos NO es administrable.
3.10.
Google Analitycs
Se asociará esta herramienta a la página para que se pueda medirla actividad de la misma
con base en los usuarios que la naveguen.
13
4. Administrador de contenidos
Usuarios (Roles):
Se tiene un usuario tipo administrador, el cual tiene la facultad de modificar cada uno de
los contenidos que sean administrables en la página y ya mencionados con anterioridad.
Qué permite y qué no:
El CMS permite modificar todas las secciones que anteriormente se han descrito como
administrables; las que no están especificadas no se pueden modificar. No permite generar
usuarios, estos deben ser definidos en la etapa de programación.
El cliente deberá suministrar todos los contenidos de las secciones
ADMINISTRABLES, ya que éste quedará fijo en el momento de la maquetación.
NO
El diseño del CMS no es personalizado:
El diseño del CMS no es personalizado sino que es estándar.
5. Aprobación:
Finalmente luego de revisar este documento se debe firmar por cada una de las partes la
aceptación de este Documento de Ingeniería Detallada con lo cual se iniciará oficialmente
el proyecto.
*Este documento reemplaza en su integridad los documentos denominados Propuesta
Comercial y Acta de Inicio.
El cliente acepta expresamente que Imaginamos está obligado a desarrollar únicamente lo
descrito en este documento y que cualquier cambio adicional se deberá manejar como un
control de cambios.
El cliente entiende que cualquier pantalla, interacción, funcionalidad o animación, tanto
en el frontend como en el back end, que no esté descrita en este documento será cotizada
como un adicional, en caso de querer incluirla. El cliente entiende que lo obvio para él no
es necesariamente obvio para el equipo de Imaginamos por lo tanto todo se ha dejado
plasmado por escrito en este documento para asegurar una gran relación entre las partes.
PABLO BERDUGO
DIRECTOR PROYECTO WEB
SAKURA SPA
VIVIANA GÓMEZ
PROJECT MANAGER
IMAGINAMOS S.A.S.
14