Post on 29-May-2018
8/8/2019 32615239 Presentacion Web
1/13
8/8/2019 32615239 Presentacion Web
2/13
Que es E-dosE-dos Energia Natural, es una em-presa destinada a un pblico decaracter ecologista, que se interesapor el medio ambiente de formaactiva, y ve en las energias renova-bles el futuro, que favorece tanto asu salud como a su bolsillo.
Uno de los principales objetivos dee-dos es fomentar el uso de lasenergias renovables
1.Introduccin2. Investigacin3. Preguntas preliminares4. Libro de estilos
5. Lo que aun queda porhacer6. Conclusiones
El Proyecto WebDesarrollo de una plataforma Webadecuada a las necesidades de la em-presa y de sus clientes. La plataformapretende acercar la empresa a susclientes, dndoles las facilidades pro-pias, informacion interactiva, con info-gra as ash.
Introduccin
8/8/2019 32615239 Presentacion Web
3/13
Gas NaturalMen situado arriba bien visi-ble e identi cable, a lado nosmuestra la cotizacin actual.
Debajo nos muestra un mapa yla situacin geogr ca dondenos encontramos y otras webssuyas. Una publicidad que nosdivide laweb en dosA continuacin una columnade noticias y a su derecha losdestacados.
Secciones- El grupo gas natural- Informacin- Para accionistas e inversores- Sala de prensa- Responsabilidad corporativa- Recursos humanos
Hemos analizado 10 webs de empresas de energia reno-vable y no renovables , es decir competencia directa eindirecta, a nivel nacional, de las cuales e seleccionado 4,3 de ellas me ha dado buenas ideas, y 1 en la que muestroel poco diseo que hay en la mayoria de webs de estesector.
El men situado arriba es muy identi cable.
1.Introduccin2. Investigacin3. Preguntas preliminares4. Libro de estilos
5. Lo que aun queda porhacer6. Conclusiones
Investigacin
8/8/2019 32615239 Presentacion Web
4/13
IberdrolaEl men se encuentra en lapgina superior bien identi ca-ble. En ash se encuentran loseventos y noticias ms impor-tantes. Justo debajo del ashuna barra que nos informa delIbex35.Y la parte de abajo dividida en 4columnas se encuentran alaizquierda las ultimas noticias yen la siguiente un men desple-gables y las dos columnassiguientes son unas imgenesque nos llevan a los informesanuales, y a las lineas de negocio
Secciones- Concenos- Reputacin y sostenibilidad- Sala de prensa- Accionistas e inversores- Clientes- Proveedores
Me quedo con la idea del ash, pantallas que se deslizan horizontalmente.
1.Introduccin2. Investigacin3. Preguntas preliminares4. Libro de estilos
5. Lo que aun queda porhacer6. Conclusiones
Investigacin
8/8/2019 32615239 Presentacion Web
5/13
SunenergyMen poco identi cable, demasia-dasimgenes y publicidad.Es una empresa que mira por losusuarios particulares tiene unapartedonde explica paso a paso dedondese obtiene los recursos para todaslasenergas renovables.
Seccionesno est claro porque no es identi -cable, pero puede ser:- Sunenergy- Red de centros- nete a nosotros
El contenido de la web es muy interesante y explicativo.
1.Introduccin2. Investigacin3. Preguntas preliminares4. Libro de estilos
5. Lo que aun queda porhacer6. Conclusiones
Investigacin
8/8/2019 32615239 Presentacion Web
6/13
EndesaLa web de endesa es una de laspeores en diseo junto con solemlas imgenes son rallantes puestoque parpadean cambian una yotra vez... el men es identi cable
pero no sabes donde acaba real-mente porque justo debajo seencuentran una serie de palabrasque tambin son enlaces... Lainformacin esta mal organizada yla imagen de la chica con los auri-culares es un poco gratuita.Demasiada publicidad en unapgina inicial.
Secciones- concenos- gobierno corporativo- negocios- prensa- nuestro compromiso- clientes- accionistas e inversores- proveedores
1.Introduccin2. Investigacin3. Preguntas preliminares4. Libro de estilos
5. Lo que aun queda porhacer6. Conclusiones
Investigacin
8/8/2019 32615239 Presentacion Web
7/13
E-dos quiere posicionarse en el web site como la ms informativa y cercana alusuario; en un principio a nivel nacional.Despus de analizar el sector vemos que las webs de energas vanprincipalmente enfocadas a empresas y muy pocas tienen una parte dedicada aparticulares.
Conclusiones de la investigacin
- Son Webs la mayoria dedicadas a un pblico empresarial.- Poco interactivas.- Mal organizadas.- Poca usabilidad.- A la mayoria les falta mucho diseo
Ideas tras la investigacin- Me quedo con el men superior, porque es muy identi cable.- Me gusta la idea de las pantallas desplazables horizontamete tipo galeria- Una gran fuente de informacin- Web FLASH
Posicionamiento
1.Introduccin2. Investigacin3. Preguntas preliminares4. Libro de estilos
5. Lo que aun queda porhacer6. Conclusiones
Investigacin
8/8/2019 32615239 Presentacion Web
8/13
Qu necesidades denuestra empresa puedesatisfacer la Web?Principalmente se encarga desatisfacer las siguientes necesi-dades:
1. La necesidad de dar a cono-cer la empresa y su actividad aun pblico ms amplio(ampliacin del target).
2. La necesidad de delizar laem-presa: mediante el contac-to con el usuario. Con la web secubre la necesidad de informarde las polticas y los productosde la empresa de forma actuali-zada. La Web se convierte enun portal donde el cliente recu-rre de forma habitual, no slopara comprar, sino para infor-marse, divertirse, etc
.3. La necesidad de vender elpro-ducto, ya sea de formaexclusiva por la Web o comoapoyo a la venta tradicional.
4. La necesidad de un servicio
de atencin al cliente.
Qu servicios va a ofrecernuestra Web? Presupuestos personalizados y sincompromisos: requiere una aten-cin al cliente. Informacin sobre la empresa. Informacin detallada sobre lasenergas renovables (infografasinteractivas) Blog: Que se desarrollar en la sec -cion de sala de prensa, Agenda paraque nuestros usuarios sepn queestamos haciendo y puedan infor-marse de eventos, como son la feriadel reciclaje...
Necesidades de la empresa
-Darse a conocer-Fidelizar la empresa-Vender Sus productos-Atencin al cliente
servicios de la web:
-Presupuestos personalizados y sincompromiso-Informacin sobre la empresa-Informacin completa sobre la asenergias ofrecidas
1.Introduccin2. Investigacin3. Preguntas preliminares4. Libro de estilos
5. Lo que aun queda porhacer6. Conclusiones
Preguntas preliminares
8/8/2019 32615239 Presentacion Web
9/13
Qu tipos de usuariosvan a servirse de nues-tros servicios?De forma general e-dos va diri-gida a un publico preocupadopor el medio ambiente intere-sado en las energias renova-bles que quiere informarsesobre los tipos de energias queexisten y que le guasrta sabertanto los aspectos positivos ynegativos, no le gusta sentirseengaado. (un target entre 30 -56 aos).
Usuarios interesados en lacompra o en un presupesto,pueden acceder a la seccion deproductos. Usuarios interesados enadquirir informacin, podranacceder a las seccion de ener-gias renovables para informar-se en cualquier tipo de energiarenovable y no renovable.
Cmo jerarquizamosestos servicios?La Web se jerarquizara segnlos principales per les de usua-rios, de modo que las seccionesa destacar seran energiasrenovables, servicios, y otrassecciones importantes comoson quienes somos, contacto y
la sala de prensa iran situadasen el men principal.
1.Introduccin2. Investigacin3. Preguntas preliminares4. Libro de estilos
5. Lo que aun queda porhacer6. Conclusiones
Preguntas preliminares
Tipos de usuarios:
-Particulares (personas preocupa-das por la naturaleza)- Empresas (inversores o interesa-dos en tener una empresa e ciente,es decir produce su propia energia)
Secciones Principales:
- Energias renovables: tendr info-gra as interactivas con aspectospositvos y negativos.- Servicios: en esta seccion apartede mostrar los servicios y prductosque pfrecemos, el usuario tendr laposibilidad de hacerse un presu-puesto personalizado.- En la seccion sala de prensa/agenda lo enlazaremos con un blog
8/8/2019 32615239 Presentacion Web
10/13
1.Introduccin2. Investigacin3. Preguntas preliminares4. Libro de estilos
5. Lo que aun queda porhacer6. Conclusiones
Mapa Web
Energas renovablesTipos de energa
RenovablesSolar-->Biomasa...Elica...Geotermal...Hidrulica...Mareomotriz...Mini elica...Placas solares mviles...Lminas nanosolares...
No renovablesPetrleo...
Carbn...Gas natural...Energa nuclear...
Ventajas de la energa renovableDesarrollo sostenible
Productos y servicios Particulares
Instalaciones elctricasAgua caliente sanitariaCalefaccinSuelo radianteCalderas de biomasa
Estufas de interior Refrigeracin solar Climatizacin de piscinas cubiertas y al aire libre
Empresas Sistema elctricos autnomos
energticaPara grandes consumos de agua caliente
Sala de prensaNotas de prensaAgenda de eventos
Quienes somosContacto
Libros de estilos
8/8/2019 32615239 Presentacion Web
11/13
1. HerramientasFlash: hemos observado en la indagacin quelas empresas investigadas ninguna esta echacon Flash completamente. la web solo se carga-r una vez y estar basada en pantallas que sedesplazan horizontalmente.
R: 255G: 174B: 30
R: 151G: 190B: 13
R: 0G: 104B: 55
2. Estrategia cromticaLos colores utilizados sern para el backgroundblanco, que hace una web limpia, y los colorescorporativos, el naranja para los mens paraque nunca se pierdan de vista, y el verde comocomplemento decorativo.cada seccion tendra una imagen de un paisajenatural difuminado, donde predominarn elverde y el naranja.
Seccion: Quienes SomosSeccion: Sala de prensa
Seccion: Energias Renovables Seccion: ServiciosSeccion: Contacta
3. TipografasAngie sans: para marcar la ruta del usuario,que estar situada como cabecera de la panta-llaVerdana: para los bloques de texto
4. Otros- Interfaz de usuario no elstica- Scroll en el bloque de contenido- Diseo 800 x 650 px- Men de tres niveles
1.Introduccin2. Investigacin3. Preguntas preliminares4. Libro de estilos
5. Lo que aun queda porhacer6. Conclusiones
Libro de estilos
8/8/2019 32615239 Presentacion Web
12/13
1.Introduccin2. Investigacin3. Preguntas preliminares4. Libro de estilos
5. Lo que aun queda porhacer6. Conclusiones
Boceto del Men desplegables de 3 niveles
renovables
No renovables
Elica
Solar
Biomasa
Geotermal
Hidrahulica
Mareomotriz
Minielica
PlacasSolares moviles
Lminasnanosolares
Aun faltan por hacer- Desarrollar las secciones del men desplegable.- El men desplegable
- Hacer el blog para enlazar con la agenda de la sala de prensa- Crear una especie da calculadora para que el usuario pueda ha-cerse su presupuesto.
Lo que aun queda por hacer
8/8/2019 32615239 Presentacion Web
13/13
1.Introduccin2. Investigacin3. Preguntas preliminares4. Libro de estilos
5. Lo que aun queda porhacer6. Conclusiones
Conclusiones
- Una web requiere mucho tiempo- Las cosas no son tan faciles como suelenparecer
- Quizas necesitamos haber comenzadoantes Tanto Dreamweaber como FLASH.- Aun me queda mucho trabajo con estaWeb, que espero terminar a tiempo
Conclusiones