BRF-7851_Todos | CV | Landing page: Servicios Claro (2)

Historia de usuario

Yo como negocio de Claro video
Quiero que se habilite una URL para la página comercial
Para dirigir al usuario al ambiente Web y conozca los servicios Claro.

Criterios de aceptación

1. La URL debe dirigir al usuario al ambiente Web para visualizar la página comercial de los servicios Claro.

2. la URL debe proporcionarse a la operación para que lo comuniquen desde el medio que decidan al usuario de su interés.

3. La URL debe ser dinámica, porque una operación puede tener de manera simultáneas varias paginas comerciales vigentes al mismo tiempo

Historia de usuario

Yo como negocio de Claro video
Quiero que la landing principal incluya elementos configurables
Para comunicar y ofrecer los servicios Claro.

Criterios de aceptación

1. La landing principal debe contar con la siguiente estructura:

   1. Header (HU003)

   2. Cintillo (HU006)

   3. Secciones (HU007)

   4. Footer (HU015)

2. La landing principal debe ser configurable, donde:

   1. Los textos pueden modificarse de acuerdo a la comunicación que requiera la operación.

   2. Las secciones propuestas deben visualizarse u ocultarse de acuerdo a lo que desee resaltar la operación.

3. Cuando el usuario ingrese a la landing principal se debe presentar el header, el cintillo y la sección principal, con opción a navegar hacia las siguientes secciones.

Historia de usuario

Yo como negocio de Claro video
Quiero que la landing principal incluya un Header
Para permitir al usuario la navegación dentro de la página.

Criterios de aceptación

1. El Header de la landing principal debe contar con la siguiente estructura:

   1. Logo del servicio Claro correspondiente (HU004)

   2. Menú de navegación (HU005)

2. El header de la landing principal debe permanecer fijo en la parte superior de la pantalla, cuando el usuario se desplace a través de la landing principal.

   Open

   

   Imagen de referencia

Historia de usuario

Yo como negocio de Claro video
Quiero que la landing principal muestre el logo del servicio Claro que corresponda
Para que el usuario pueda identificar quien esta ofreciendo el servicio.

Criterios de aceptación

1. El Header de la landing principal debe incluir el logo del servicio Claro que corresponda.

2. El logo se debe ubicar en la esquina superior izquierda.

3. El logo debe ser configurable por el equipo editorial.

4. Al seleccionar el logo del servicio claro, regresará al usuario siempre al primer fold de la landing principal.

   Open

   

   Imagen de referencia

Historia de usuario

Yo como negocio de Claro video
Quiero que la landing principal integre un menú de navegación con las secciones que requiera comunicar sobre los servicios Claro
Para que el usuario pueda navegar fácilmente en la página.

Criterios de aceptación

1. Se debe presentar un menú de navegación con las secciones que se integran en la landing principal.

   1. Cada nodo del menú corresponden a una sección en la página.

   2. Todas las operaciones pueden mostrar hasta 4 nodos como máximo.

2. Estas secciones deben ser configurable vía el equipo editorial por cada pagina comercial.

3. Cuando el usuario seleccione un nodo del menú de navegación se le debe dirigir a la sección correspondiente dentro de la landing principal.

Historia de usuario

Yo como negocio de Claro video
Quiero que la landing principal integre un cintillo
Para promocionar contenido destacado.

Criterios de aceptación

1. El cintillo debe ubicarse debajo del menú de navegación.

2. El cintillo debe permanecer fijo en la parte superior de la pantalla, debajo del header.

   1. Cuando el usuario se desplace a través de la página, el cintillo debe reducirse para mostrar lo más que se pueda los elementos de la página.

3. El cintillo puede contener superpuesto los siguientes elementos:

   1. Izquierda

      1. Logo del servicio que se esta promocionando

   2. Centrado

      1. Texto informativo

      2. Texto descriptivo

   3. Derecha

      1. Texto configurable por la operación

   4. Botón que dirigirá al usuario a una acción dentro de la landing principal.

4. Todos los elementos del cintillo deben ser opcionales y se usaran o no, dependiendo de las necesidades de la operación.

5. Todos los elementos del cintillo deben ser configurables por el equipo editorial para cada página comercial.

6. La ubicación y distribución de los elementos que integran el cintillo, deben cumplir con las especificaciones de diseño.

Historia de usuario

Yo como negocio de Claro video
Quiero que la landing principal incluya secciones configurables
Para permitir a la operación destacar la información que mejor consideren.

Criterios de aceptación

1. Las secciones deben ser configurables de acuerdo a las necesidades de la operación.

2. Cada sección debe corresponder a un nodo del menú de navegación

3. Las secciones sugeridas son:

   1. Sección 1: Principal (HU008)

   2. Sección 2: Modular (HU011)

   3. Sección 3: Características (HU012)

   4. Sección 4: Comercial (HU013)

   5. Preguntas frecuentes (HU014)

Historia de usuario

Yo como negocio de Claro video
Quiero que la landing principal incluya una sección inicial
Para promocionar contenido destacado.

Criterios de aceptación

1. Esta sección debe incluir una imagen de fondo

   1. Esta imagen debe ser modificable por el equipo editorial, de acuerdo al servicio que se este promocionando.

2. Esta sección puede contener superpuesto los siguientes elementos:

   1. Frase promocional o slogan del servicio

   2. Frase que complementa al slogan

   3. Imagen horizontal (HU009)

   4. Opción Descubre más (HU010)

3. Todos los elementos de esta sección deberán ser configurables por el equipo editorial por cada página comercial.

4. Todos los elementos de esta sección deben ser opcionales y se usaran o no, dependiendo de las necesidades de la operación.

Historia de usuario

Yo como negocio de Claro video
Quiero que en la sección principal exista una imagen horizontal
Para que la operación pueda promocionar los servicios Claro.

Criterios de aceptación

1. Se debe implementar una imagen horizontal dentro de la sección principal. Dónde esta imagen puede ser:

   1. Imagen compuesta de varias imágenes

   2. Imagen horizontal completa

   3. Texto que se debe presentar como imagen.

2. Esta imagen deberán ser configurable por el equipo editorial por cada página comercial.

3. Esta imagen debe ser opcional y se usara o no, dependiendo de las necesidades de la operación.

Historia de usuario

Yo como negocio de Claro video
Quiero que en la sección principal se integre una opción que dirija al usuario a la siguiente sección
Para sugerir la navegación en la página.

Criterios de aceptación

1. Se debe implementar debajo de la imagen horizontal de la sección principal, un chevron seleccionable con la opción Descubre más.

2. Cuando el usuario seleccione el chevron se le debe dirigir a la sección inmediata disponible.

Historia de usuario

Yo como negocio de Claro video
Quiero la landing principal cuente con una sección que comunique los servicios Claro
Para brindar mayor contexto al usuario de las bondades de la plataforma.

Criterios de aceptación

1. Esta sección funciona de forma modular y puede incluir hasta 6 módulos, dónde en cada módulo se puede ofertar add ons o servicios que promocione la operación.

2. Esta sección debe se debe incluir:

   1. Título de la sección

      1. El título de la sección debe ser opcional, de acuerdo a lo requerido por la operación.

   2. Módulos

      1. Para cada módulo incluido en esta sección, se debe mostrar:

         • Logo del servicio claro que se este promocionando

         • Precio / Periodicidad

         • Impuestos incluidos

         • Promoción

         • Texto informativo

         • Botón: Ver más detalles

           • Botón accionable (HU016) que dirige al usuario a otra pantalla. Esta pantalla puede ser un link externo o a una sección especifica dentro de la plataforma (por ejemplo plan selector, vcard de contenido, oferta de canal de contratación, etc)

           • El texto de este botón debe ser configurable con base a las necesidades de la operación (HU016)

      2. La distribución de los módulos debe cumplir con las especificaciones de diseño.

3. El titulo como todos los módulos deberán ser configurables por el equipo editorial por cada página comercial.

Historia de usuario

Yo como negocio de Claro video
Quiero que la landing principal cuente con una sección que detalle las características del servicio/producto
Para brindar mayor contexto al usuario sobre las bondades de los servicios Claro.

Criterios de aceptación

1. Esta sección debe incluir:

   1. Título

   2. Nodos de navegación

      1. Cada nodo representa una característica específica del servicio/producto Claro .

      2. La cantidad de nodos se debe definir por la operación.

      3. En caso de que excedan la cantidad de nodos propuestos, el usuario podrá navegar entre los nodos de acuerdo al dispositivo en el que lo este visualizando.

   3. Descripción de la característica de acuerdo al nodo seleccionado

      1. La sección debe contar con dos layout.

      2. En el layout izquierdo se debe integrar una imagen que ilustre las características de las que se habla en cada nodo de esta sección.

      3. En el layout derecho debe integrarse la información que se requiere comunicar, con la siguiente estructura:

         1. Descripción corta de la característica seleccionada en los nodos.

         2. Aspectos a recalcar de las características seleccionadas en los nodos.

      4. Ambos elementos (imagen y texto), deben ser configurables por nodo y por operación a través del equipo editorial por cada página comercial.

2. El usuario puede navegar entre características de la sección:

   1. Seleccionando un nodo de navegación

   2. Desplazándose en la descripción de la característica de acuerdo al tipo de dispositivo (chevron o swipe)

   3. El desplazamiento en la descripción de la característica debe reflejarse en el nodo de navegación de la sección.

3. Cuando el usuario navegue en esta sección se debe actualizar la información correspondiente al nodo seleccionado.

4. Todos los elementos de esta sección deben ser opcionales y se usaran o no, dependiendo de las necesidades de la operación.

Historia de usuario

Yo como negocio de Claro video
Quiero que la landing principal cuente con una sección comercial
Para mostrar texto persuasivo del servicio/producto Claro.

Criterios de aceptación

1. La sección debe incluir:

   1. Titulo

   2. Texto comercial

   3. Carrusel de imágenes

      1. Los gráficos deben cambiar de forma automática cada 8 segundos de derecha a izquierda.

      2. El tiempo debe ser configurable con base a las necesidades de la operación.

      3. Si la operación requiere mostrar sólo una imagen y no un carrusel de imágenes, esta imagen debe permanecer fija y no rotará.

2. Todos los elementos de esta seccion deben ser configurables por el equipo editorial por cada página comercial.

3. Todos los elementos de esta sección deben ser opcionales y se usaran o no, dependiendo de las necesidades de la operación.

Historia de usuario

Yo como negocio de Claro video
Quiero que la landing principal cuente con la sección Preguntas frecuentes
Para clarificar dudas a los usuarios.

Criterios de aceptación

1. Esta sección debe incluir:

   1. Título Preguntas frecuentes

   2. Sección de preguntas

      1. Por cada pregunta se debe mostrar a su derecha un chevron

         1. Al seleccionar el chevron se debe mostrar debajo de la pregunta seleccionada, la respuesta correspondiente.

         2. Todos los textos deben ser configurables por el equipo editorial por cada página comercial.

Historia de usuario

Yo como negocio de Claro video
Quiero que la landing principal cuente con una sección de Footer
Para presentarle al usuario otras opciones de navegación.

Criterios de aceptación

1. Esta sección funciona de forma modular y puede tener:

   1. Hasta 4 módulos descriptivos

   2. Módulo que lleve al usuario a la descarga del servicio

      1. Este módulo es opcional y configurable de acuerdo a la promoción.

2. Los módulos se deben usar para textos importantes en el pie de página.

3. Cada módulo y contenidos de cada uno de éstos deben ser configurable por el equipo editorial con base a las necesidades de la operación.

4. Todos los elementos de esta sección deben ser opcionales y se usaran o no, dependiendo de las necesidades de la operación.

Historia de usuario

Yo como negocio de Claro video
Quiero que el botón accionable dirija al usuario a otra pantalla
Para continuar con el flujo que corresponda, con base a lo seleccionado en la sección 2.

Criterios de aceptación

1. Si el botón muestra el texto VER MÁS DETALLES se le debe dirigir a la Pantalla: Detalles del Servicio (HU017).

2. Si el botón muestra un texto diferente, se le debe dirigir al usuario a la pantalla que corresponda según la acción definida por la operación.

Historia de usuario

Yo como negocio de Claro video
Quiero que cuando el usuario seleccione el botón VER MAS DETALLES se muestre una pantalla modal
Para acceder al detalle del servicio seleccionado de la landing principal.

Criterios de aceptación

1. Esta pantalla se debe visualizar cuando el usuario seleccione el botón Ver más detalles de la sección 2 de la landing principal.

2. La pantalla de Detalles del servicio, debe ser una pantalla modal con la siguiente estructura y orden de los componentes:

   1. Botón cerrar

   2. Cintillo

      • Debe cumplir con lo descrito en la HU006

   3. Sección 1 (HU018)

   4. Sección 2 (HU019)

3. La pantalla de detalles del servicio debe ser configurable, donde:

   1. Los textos pueden modificarse de acuerdo a la comunicación que requiera la operación por el equipo editorial.

   2. Las secciones propuestas deben visualizarse u ocultarse de acuerdo a lo que desee resaltar la operación.

4. El regreso a la landing principal se debe realizar al seleccionar el botón cerrar.

Historia de usuario

Yo como negocio de Claro video
Quiero que la pantalla modal Detalles del servicio cuente con una sección para mostrar las características de los módulos de la sección 2
Para darle al usuario mayor detalle sobre los servicios Claro.

Criterios de aceptación

1. Esta sección debe funcionar de forma modular y puede tener hasta 3 módulos.

2. Esta sección debe incluir:

   1. Título

   2. Módulos que hablen de las características de la sección 2 de la landing principal.

3. Para cada módulo se debe mostrar una tarjeta con los siguientes elementos:

   1. Imagen que ilustre la característica de la sección

   2. Característica específica del servicio

   3. Descripción corta de la característica

   4. Aspectos a recalcar de la característica

4. Los elementos de los módulos deben ser homologados, de tal forma que los módulos sean iguales entre sí.

   1. Todos los módulos incluyen imagen y texto, o

   2. Todos los módulos incluyen únicamente imagen, o

   3. Todos los módulos incluyen únicamente texto.

5. Los textos e imágenes deben ser configurables por la operación.

6. Todos los elementos de esta sección deben ser opcionales y se usaran o no, dependiendo de las necesidades de la operación.

Historia de usuario

Yo como negocio de Claro video
Quiero que la pantalla modal Detalles del servicio cuente con una sección para promocionar los canales que puede incluir el servicio
Para que el usuario pueda conocer más detalles del servicio que se promociona.

Criterios de aceptación

1. Esta sección debe ser opcional. En caso de que se presente esta sección, se debe mostrar con la siguiente estructura:

   1. Título

   2. Logos de canales

      • La sección puede contener de 1 hasta 12 canales, dónde:

        • Los canales se deben mostrar en filas horizontales.

        • Cada fila debe contener un máximo de 6 canales.

      • Los logos de canales se deben mostrar dentro de un círculo gris

      • La distribución de los logos de los canales debe cumplir con las especificaciones de diseño.

2. Todos los elementos de esta sección deben ser opcionales y se usaran o no, dependiendo de las necesidades de la operación.

Historia de usuario

Yo como negocio de Claro video
Quiero que las imágenes a implementar en la landing page genérica, cumplan con las características de diseño requeridas
Para la correcta integración en la página comercial.

Criterios de aceptación

1. La operación debe proporcionar las imágenes que se integraran en cada uno de los elementos de la landing page genérica.

2. Las imágenes deben cumplir con los tamaños y características definidas por UX. Ver Tabla 1 - Especificaciones de diseño.

Header

Logo del servicio Claro

129 X 40 px

200 KB

72 dpi

PNG

Cintillo

Logo del servicio que se esté promocionando

149 x 56 px

200 KB

72 dpi

PNG

Sección 1: Principal

Imagen de fondo

1366 x 509 px

350 KB

72 dpi

PNG

Sección 1: Principal

Imagen horizontal

900 x 112 px

480 KB

72 dpi

PNG

Sección 2: Modular

Logo del servicio que se este promocionando

160 x 40 px

200 KB

72 dpi

PNG

Sección 3: Características

Imagen que ilustra las características de las que se esta hablando en cada nodo

611 x 611 px

800 KB

72 dpi

PNG

Sección 4: Comercial

Gráficos para carrusel

771 x 282 px

480 KB

72 dpi

PNG

Pantalla modal: Detalles del servicio

Imágenes de las Características

312 x 312 px

350 KB

72 dpi

PNG

Historia de usuario

Yo como negocio de Claro video
Quiero que se implementen los insumos de diseño que se indican en esta historia de usuario
Para la landing page genérica.

Criterios de aceptación

1. El diseño de las páginas y la distribución de sus elementos deben implementarse con base a los insumos de diseño adjuntos: CX_LandingPage_Generica - InVision (invisionapp.com)

2. Se adjuntan ejemplos de referencia: CX_LandingPage_Generica_Ejemplos - InVision (invisionapp.com)

Historia de usuario

Yo como negocio de Claro video
Quiero que la comunicación en las secciones y elementos de la landing page genérica se proporcionen mediante el uso de una herramienta
Para que la operación pueda realizar el cambio de comunicación con base a sus necesidades.

Criterios de aceptación

1. Se debe utilizar una nueva herramienta para que la operación proporcione textos, imágenes, URLs e información requerida en cada sección de la landing page genérica.

2. La herramienta debe permitir que la operación proporcione los elementos de acuerdo a lo que la sección permita, incluyendo aquellos textos, imágenes y secciones que puedan ser opcionales.

3. Cuando la operación decida guardar/publicar la landing page genérica, la herramienta debe generar la URL de acceso a dicha landing y ponerla a disposición de la operación para compartirla a los usuarios finales.

Historia de usuario

Yo como negocio de Claro video
Quiero que se considere un segundo ejemplo de landing page
Para la herramienta de configuración de comunicación.

Criterios de aceptación

1. Esta historia de usuario complementa la HU021.

2. Se comparte segundo ejemplo de referencia para una landing comercial: https://amcomx.invisionapp.com/freehand/CVARGWDLandingPageUsuariosPrepago-rwMGprqPY

Historia de usuario

Yo como negocio de Claro video
Quiero que para el desarrollo de la landing principal se considere lo descrito en esta historia de usuario
Para actualizar la funcionalidad de la Sección 2: Módulos.

Criterios de aceptación

1. Esta historia de usuario complementa la historia de usuario HU011 - Sección 2: Módulos.

2. En caso de que se requieran más de 6 módulos se mostraran chevrones para que el usuario pueda navegar entre páginas de módulos.

Historia de usuario

Yo como negocio de Claro video
Quiero que las imágenes a implementar en la landing page genérica, cumplan con las características de diseño requeridas
Para la correcta integración en la página comercial.

Criterios de aceptación

1. Esta historia de usuario cancela el criterio de aceptación 2 de la historia de usuario HU020 - Imágenes, para que se considere lo descrito en el siguiente criterio.

2. Las imágenes a implementar en la página comercial, deben cumplir con los tamaños y características definidas por UX. Ver Tabla 2 - Especificaciones de diseño (actualizada).

Header

Logo del servicio Claro

129 x 40 px

200 KB

72 dpi

PNG

Cintillo

Logo del servicio que se esté promocionando

149 x 56 px

200 KB

72 dpi

PNG

Sección 1: Principal

Imagen de fondo

509 px x el ancho de pantalla.

350 KB

72 dpi

PNG

Sección 1: Principal

Imagen horizontal

900 x 112 px

480 KB

72 dpi

PNG

Sección 2: Modular

Logo del servicio que se este promocionando

160 x 40 px

200 KB

72 dpi

PNG

Sección 3: Características

Imagen que ilustra las características de las que se esta hablando en cada nodo

611 x 611 px

800 KB

72 dpi

PNG

Sección 4: Comercial

Gráficos para carrusel

771 x 282 px

480 KB

72 dpi

PNG

Sección: Footer

Módulo para descarga del servicio

186 x 55 px

200 KB

72 dpi

PNG

Pantalla modal: Detalles del servicio

Imágenes de las Características

312 x 312 px

350 KB

72 dpi

PNG

Header

Logo del servicio Claro

129 x 35 px

200 KB

72 dpi

PNG

Cintillo

Logo del servicio que se esté promocionando

166 x 56 px

200 KB

72 dpi

PNG

Sección 1: Principal

Imagen de fondo

320 x 416 px

300 KB

72 dpi

PNG

Sección 1: Principal

Imagen horizontal

No aplica

No aplica

No aplica

No aplica

Sección 2: Modular

Logo del servicio que se este promocionando

117 x 40 px

200 KB

72 dpi

PNG

Sección 3: Características

Imagen que ilustra las características de las que se esta hablando en cada nodo

288 x 288 px

350 KB

72 dpi

PNG

Sección 4: Comercial

Gráficos para carrusel

375 x 250 px

350 KB

72 dpi

PNG

Sección: Footer

Módulo para descarga del servicio

186 x 55 px

200 KB

72 dpi

PNG

Pantalla modal: Detalles del servicio

Imágenes de las Características

288 x 288 px

350 KB

72 dpi

PNG