1
2
DISEÑO WEB CHRYSALIS
Contenido
1. Introducción ... 3
2. Descripción del proyecto... 4
2.1. Objetivo del proyecto ... 4
2.2. Requisitos básicos de la web ... 5
2.3. Estructura de la web ... 5
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.
4
2.
Descripción del proyecto
En este apartado se explica el proyecto en profundidad. 2.1.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.
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.
2.3.Estructura de la web La estructura general de la web será:
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: https://www.lush.es/ 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.
Landing Page ¿Quiénes somos? Misión, visión y valores Nuestra historia Nuestra solución Soluciones Herramienta Servicios Descargas Contacto
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):
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 200-300 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 200-500 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 Soluciones Herramienta Servicios Soluciones Herramienta Servicios
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í: Monitor Gestión de Redes Sociales Social CRM Informes Gestión de Crisis Reputacional •Escucha Activa
•Filtrado por Campañas
•Reinyección en Atención Cliente
•Community Manager
•Agentes de Atención al Cliente
•Social Media Strategist
•Gestión de Tramitaciones
•SMC: Atención al cliente 360º
•Twitter, Facebook, G+, WhatsApp
•Informes de Atención al Cliente
•Informes de Campañas
•Informes focales (Producto/Servicio)
•Informes sectoriales
•Permanente
•Puntual o por evento
Herramienta Servicios DashBoard •Reporting •70 gráficos predeterminados disponibles •Generación online
•Frecuencia diaria, semanal, mensual.
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
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 Email
Hasta que no se envíe el formulario no se puede descargar el documento.
9
Otra opción es que el documento se envíe automáticamente por email 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 email 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 Email
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.
10
3.
Documentación adicional
Además de este documento, se enviará al programador:
Diseño definitivo
Textos definitivos de la web.
