DISEÑO WEB CHRYSALIS DISEÑO WEB CHRYSALIS

Tamaño: px

Comenzar la demostración a partir de la página:

Download "DISEÑO WEB CHRYSALIS DISEÑO WEB CHRYSALIS"

José Antonio Molina Córdoba
hace 8 años
Vistas:

1 DISEÑO WEB CHRYSALIS 1

2 DISEÑO WEB CHRYSALIS Contenido 1. Introducción Descripción del proyecto Objetivo del proyecto Requisitos básicos de la web Estructura de la web Documentación adicional

3 1. Introducción Chrysalis es una empresa dedicada a la prestación de servicios profesionales a empresas relacionados con las redes sociales. Entre estos servicios ofrecemos: community management, atención al cliente en redes sociales, herramientas para que los clientes realicen estos servicios por sí mismos, etc. Actualmente prestamos servicio a casi todos los grandes bancos españoles, además de grandes compañías del sector del entretenimiento, administraciones públicas, etc. Buscamos un diseñador que cree una web apropiada para nuestra empresa en wordpress. Nuestra web corporativa va a tener varios cambios a futuro, por lo que buscamos una persona que pueda establecer una relación duradera con nosotros para que podamos construir la web poco a poco. 3

Actualmente prestamos servicio a casi todos los grandes bancos españoles, además de grandes compañías del sector del entretenimiento, administraciones públicas, etc.

4 2. Descripción del proyecto En este apartado se explica el proyecto en profundidad Objetivo del proyecto El objetivo que buscamos con la web es darnos a conocer al mercado. Actualmente nuestra empresa tiene 3 años de vida pero no hemos realizado acciones para mostrarnos de cara al público. La web supondrá el inicio de este cambio. El proyecto consta de: 1. Programación de la web corporativa de Chrysalis. Esto incluye a. Creación de la web en wordpress En los apartados siguientes describimos con detalle todos los requisitos de la web, nuestras ideas iniciales y la estructura que debe seguir la web. Este briefing está relacionado con el proyecto de diseño de la web (también en Adtriboo), por lo que si además de programar también diseñas, apúntate a ambos. Por favor, cíñete sólo a los aspectos de programación de este briefing y si tienes dudas ponte en contacto con nosotros. 4

Programación de la web corporativa de Chrysalis. Esto incluye a.

5 2.2. Requisitos básicos de la web Queremos que nuestra página cumpla los siguientes requisitos: Desarrollada en wordpress. Requisito indispensable. Los contenidos y apartados de la web se irán incrementando a lo largo del tiempo, por lo que el trabajo con el diseñador será ampliable en el futuro, bien para la generación de nuevos diseños, bien para la generación de nuevos contenidos Estructura de la web La estructura general de la web será: Landing Page Quiénes somos? Nuestra solución Descargas Contacto Misión, visión y valores Soluciones Nuestra historia Herramienta Servicios 1. Landing page: aquí habrá un pequeño texto de bienvenida y actualizaciones periódicas con noticias sobre la compañía, nuevos lanzamientos, etc. Puede ponerse una galería de 3 ó 4 fotos, como en esta página: 2. Quiénes somos? En este apartado se explicará nuestra filosofía de empresa y nuestra historia. Los apartados descritos son para el texto, no es necesario que estén en páginas independientes (valorar en función del diseño). Lo que sí es necesario: Textos: cada apartado lleva un texto de unas 400 palabras cada uno (aproximadamente). Fotos o imágenes: a valorar. 5

para la generación de nuevos contenidos. 2.3. Estructura de la web La estructura general de la web será: Landing Page Quiénes somos?

6 3. Nuestra solución: Este apartado es el más complejo dado que en él vamos a describir todas las actividades que realiza Chrysalis. Cada solución lleva asociada diversos servicios y herramientas, por lo que nuestra idea es que haya un icono que defina cada una de las soluciones, servicios y herramientas. En el apartado nuestra solución aparecerán todas las soluciones de forma esquemática. También es necesario que exista una zona en la que se desglosen todos los servicios y herramientas de que disponemos. De forma esquemática (la disposición de las cajas es indiferente, pero debe quedar claro que las soluciones comprenden tanto servicios como herramientas): Herramienta Soluciones Soluciones Servicios Servicios Herramienta Tanto para las soluciones como para los servicios y herramientas debe haber una breve descripción que se proporcionará al diseñador. Cada solución llevará asociado su icono correspondiente, su nombre, su descripción y los iconos de los servicios y herramientas que conlleva. Pinchando en cada uno de ellos, se abrirá una página o pop-up en la que aparezca la descripción del servicio o herramienta (unas palabras). Al pinchar sobre cualquiera de los servicios y herramientas nos lleva a su página correspondiente. En estas páginas se explicará cada uno. Las descripciones serán de palabras aproximadamente. En el caso de las herramientas habrá un listado de características y un link a un pdf en el que se detallarán las features de cada cada herramienta, así como los pantallazos que sean necesarios. Soluciones: En este apartado describiremos diversas soluciones en redes sociales que ofrece nuestra compañía: Escuchas Reporting Benchmark Community Management 6

En el apartado nuestra solución aparecerán todas las soluciones de forma esquemática.

7 Customer Care Social CRM Herramientas: Social Media Center Control Center Monitor Dashboard Social Media Benchmark Servicios: Gestión de redes sociales (community managers, agentes ) Gestión de crisis reputacional Informes Consultoría En el caso de herramienta y servicios, de forma esquemática lo representamos así: Herramienta Servicios Social CRM Gestión de Tramitaciones SMC: Atención al cliente 360º Twitter, Facebook, G+, WhatsApp Gestión de Redes Sociales Community Manager Agentes de Atención al Cliente Social Media Strategist Monitor Escucha Activa Filtrado por Campañas Reinyección en Atención Cliente Gestión de Crisis Reputacional Permanente Puntual o por evento DashBoard Reporting 70 gráficos predeterminados disponibles Generación online Frecuencia diaria, semanal, mensual. Informes Informes de Atención al Cliente Informes de Campañas Informes focales (Producto/Servicio) Informes sectoriales Social Media Benchmark Análisis de la competencia Estudio Sectorial Completo Información estratégica propia y de competidores Consultoría Análisis integral de la información. Protocolos de Actuación Manuales de Atención al Cliente 7

cliente 360º Twitter, Facebook, G+, WhatsApp Gestión de Redes Sociales Community Manager Agentes de Atención al Cliente Social Media Strategist Monitor Escucha Activa Filtrado por Campañas

8 4. Descargas: En este apartado iremos metiendo toda la documentación de libre descarga en pdf. Es posible que a futuro se incorporen vídeos u otros materiales, pero en principio, de momento serán sólo documentos. Los requisitos para esta página son: Es fundamental que podamos gestionarlo nosotros mismos: añadiendo, quitando, etc. Cada documento a descargar debe llevar una imagen y un pequeño texto explicativo, por ejemplo (no es necesario que las imágenes sean iconos, pueden ser pantallazos de la portada del documento, que es bastante más operativo). El diseñador no tiene que hacer estas imágenes, pero debe tener en cuenta en el diseño de la página que la documentación se debería ver como una lista de imágenes: Al pulsar sobre el documento en cuestión, debería llevarnos a un formulario con los siguientes campos: Nombre Apellidos Compañía Cargo Teléfono Hasta que no se envíe el formulario no se puede descargar el documento. 8

Los requisitos para esta página son: Es fundamental que podamos gestionarlo nosotros mismos: añadiendo, quitando, etc.

Otra opción es que el documento se envíe automáticamente por email una vez se ha enviado el formulario. Adjuntamos ejemplo: 5.

9 Otra opción es que el documento se envíe automáticamente por una vez se ha enviado el formulario. Adjuntamos ejemplo: 5. Contacto: en este apartado debería haber un pequeño texto en el que irá nuestro de contacto y teléfono. También incluirá nuestras cuentas de redes sociales así como un formulario web que debe llevar los siguientes campos (todos obligatorios): Nombre Apellidos Compañía Cargo Teléfono Mejor momento para ponernos en contacto. Desplegable con: mañana, mediodía, tarde. Motivo de la consulta: campo de texto. Enviaremos los textos definitivos una vez tengamos decidido el diseño general de la web. 9

También incluirá nuestras cuentas de redes sociales así como un formulario web que debe llevar los siguientes campos (todos obligatorios): Nombre Apellidos

10 3. Documentación adicional Además de este documento, se enviará al programador: Diseño definitivo Textos definitivos de la web. Pantallazos de las herramientas. 10

Documentos relacionados

Manual de usuario Noticias y Accesos Directos en Facultades ÍNDICE

Manual de usuario Noticias y Accesos Directos en Facultades ÍNDICE 1. PARA QUÉ SIRVE ESTA APLICACIÓN? 2. QUIÉN PUEDE HACER USO DE ELLA? 3. CÓMO SE UTILIZA? 1. PARA QUE SIRVE ESTA APLICACIÓN? El objeto