Diseño y desarrollo del sitio web nurelpolymers.com...
Transcript of Diseño y desarrollo del sitio web nurelpolymers.com...
![Page 1: Diseño y desarrollo del sitio web nurelpolymers.com …openaccess.uoc.edu/webapps/o2/bitstream/10609/64849/10... · Zaragoza (Planta de producción e I+D) “Diseño e implementación](https://reader031.fdocuments.ec/reader031/viewer/2022011805/5bb5876f09d3f2f2678c987b/html5/thumbnails/1.jpg)
Diseño y desarrollodel sitio web
nurelpolymes.comAlejandra Camacho Aguiñaga – Trabajo Fin de Máster
![Page 2: Diseño y desarrollo del sitio web nurelpolymers.com …openaccess.uoc.edu/webapps/o2/bitstream/10609/64849/10... · Zaragoza (Planta de producción e I+D) “Diseño e implementación](https://reader031.fdocuments.ec/reader031/viewer/2022011805/5bb5876f09d3f2f2678c987b/html5/thumbnails/2.jpg)
¿QUÉ ES NUREL S.A.? NUREL S.A.
Es una empresa cuya actividad es la
Fabricación y Comercializaciónde polímero de Poliamida
Sus instalaciones se encuentran localizadas tanto en Barcelona (Oficinas) como en Zaragoza (Planta de producción e I+D)
![Page 3: Diseño y desarrollo del sitio web nurelpolymers.com …openaccess.uoc.edu/webapps/o2/bitstream/10609/64849/10... · Zaragoza (Planta de producción e I+D) “Diseño e implementación](https://reader031.fdocuments.ec/reader031/viewer/2022011805/5bb5876f09d3f2f2678c987b/html5/thumbnails/3.jpg)
“Diseño e implementación de nuevo sitio para nurelpolymers.com a través del CMS Drupal”
Propuesta gráfica atractiva, diseño funcional y sencillo de gestionar mediante el CMS Drupal
RESUMEN DEL PROYECTO
![Page 4: Diseño y desarrollo del sitio web nurelpolymers.com …openaccess.uoc.edu/webapps/o2/bitstream/10609/64849/10... · Zaragoza (Planta de producción e I+D) “Diseño e implementación](https://reader031.fdocuments.ec/reader031/viewer/2022011805/5bb5876f09d3f2f2678c987b/html5/thumbnails/4.jpg)
REQUISITOSDELPROYECTO
Líneagráfica Nurel
Responsive
Design
UsabilidadInteracción
Rendimiento Web
SEOCMS
Drupal
![Page 5: Diseño y desarrollo del sitio web nurelpolymers.com …openaccess.uoc.edu/webapps/o2/bitstream/10609/64849/10... · Zaragoza (Planta de producción e I+D) “Diseño e implementación](https://reader031.fdocuments.ec/reader031/viewer/2022011805/5bb5876f09d3f2f2678c987b/html5/thumbnails/5.jpg)
ESTRUCTURA WEBnurelpolymers.com
Home Nurel
Company
Facilities
Sustainability
Products
Promyde
Injection Moulding
…
Packaging Filaments & Fibers
Cables & Tubes Semi-finished
Recomyde Product Search
R&D News Contact
Contact Us
Location
Jobs
![Page 6: Diseño y desarrollo del sitio web nurelpolymers.com …openaccess.uoc.edu/webapps/o2/bitstream/10609/64849/10... · Zaragoza (Planta de producción e I+D) “Diseño e implementación](https://reader031.fdocuments.ec/reader031/viewer/2022011805/5bb5876f09d3f2f2678c987b/html5/thumbnails/6.jpg)
PROPUESTA GRÁFICA
![Page 7: Diseño y desarrollo del sitio web nurelpolymers.com …openaccess.uoc.edu/webapps/o2/bitstream/10609/64849/10... · Zaragoza (Planta de producción e I+D) “Diseño e implementación](https://reader031.fdocuments.ec/reader031/viewer/2022011805/5bb5876f09d3f2f2678c987b/html5/thumbnails/7.jpg)
HOMEDEL SITIOWEB
El diseño de la Home del nurelpolymers.com se caracteriza por
Banner principal Claim central
Redirección a otras zonas de la webSección de noticias/productos destacados
![Page 8: Diseño y desarrollo del sitio web nurelpolymers.com …openaccess.uoc.edu/webapps/o2/bitstream/10609/64849/10... · Zaragoza (Planta de producción e I+D) “Diseño e implementación](https://reader031.fdocuments.ec/reader031/viewer/2022011805/5bb5876f09d3f2f2678c987b/html5/thumbnails/8.jpg)
PÁGINACONTENIDOGENERAL
Contenido general del nurelpolymers.com
Banner principal Campo de texto
Negritas Zonas de imagenColumnas de texto Listados
![Page 9: Diseño y desarrollo del sitio web nurelpolymers.com …openaccess.uoc.edu/webapps/o2/bitstream/10609/64849/10... · Zaragoza (Planta de producción e I+D) “Diseño e implementación](https://reader031.fdocuments.ec/reader031/viewer/2022011805/5bb5876f09d3f2f2678c987b/html5/thumbnails/9.jpg)
PÁGINADE PRODUCTO
Contenido tipo Producto
Bannerprincipal MenúsecundarioCampo de textoNegritas
ImágenesAplicaciones
![Page 10: Diseño y desarrollo del sitio web nurelpolymers.com …openaccess.uoc.edu/webapps/o2/bitstream/10609/64849/10... · Zaragoza (Planta de producción e I+D) “Diseño e implementación](https://reader031.fdocuments.ec/reader031/viewer/2022011805/5bb5876f09d3f2f2678c987b/html5/thumbnails/10.jpg)
BUSCADORPRODUCTOS
El buscador de productos incluye un campo de búsqueda por texto, filtros por procesado
y filtros por propiedades.Además posee una zona de descargas
![Page 11: Diseño y desarrollo del sitio web nurelpolymers.com …openaccess.uoc.edu/webapps/o2/bitstream/10609/64849/10... · Zaragoza (Planta de producción e I+D) “Diseño e implementación](https://reader031.fdocuments.ec/reader031/viewer/2022011805/5bb5876f09d3f2f2678c987b/html5/thumbnails/11.jpg)
“Añadiendo los ítems en el menú principal de SOSTENIBILIDAD y NEWS se busca aumentar el flujo de usuarios que visitan otros sitios webs de la empresa”
Retroalimentación entre páginas de la compañía
TRÁFICODE USUARIOS
![Page 12: Diseño y desarrollo del sitio web nurelpolymers.com …openaccess.uoc.edu/webapps/o2/bitstream/10609/64849/10... · Zaragoza (Planta de producción e I+D) “Diseño e implementación](https://reader031.fdocuments.ec/reader031/viewer/2022011805/5bb5876f09d3f2f2678c987b/html5/thumbnails/12.jpg)
RESPONSIVEDESIGN
► Adaptatividad► Multidispositivo► Menú
responsive► Reorganización
de contenidos
![Page 13: Diseño y desarrollo del sitio web nurelpolymers.com …openaccess.uoc.edu/webapps/o2/bitstream/10609/64849/10... · Zaragoza (Planta de producción e I+D) “Diseño e implementación](https://reader031.fdocuments.ec/reader031/viewer/2022011805/5bb5876f09d3f2f2678c987b/html5/thumbnails/13.jpg)
OPTIMIZACIÓNWEB
► Optimización mediante guardar para web Suite Adobe
► Optimización mediante tinypng.com
![Page 14: Diseño y desarrollo del sitio web nurelpolymers.com …openaccess.uoc.edu/webapps/o2/bitstream/10609/64849/10... · Zaragoza (Planta de producción e I+D) “Diseño e implementación](https://reader031.fdocuments.ec/reader031/viewer/2022011805/5bb5876f09d3f2f2678c987b/html5/thumbnails/14.jpg)
▸ Utilización de etiquetas
▸ H1, h2, title, atl▸ Metadescripciones▸ Inclusión Mapa XML▸ Textos destacados
Buenas prácticas para el correcto posicionamiento web del sitio
MEDIDASSEO
![Page 15: Diseño y desarrollo del sitio web nurelpolymers.com …openaccess.uoc.edu/webapps/o2/bitstream/10609/64849/10... · Zaragoza (Planta de producción e I+D) “Diseño e implementación](https://reader031.fdocuments.ec/reader031/viewer/2022011805/5bb5876f09d3f2f2678c987b/html5/thumbnails/15.jpg)
CMSDRUPAL
PRODUCTGRADE
“Existe la posibilidad de crear con facilidad tipos del contenido producto para que puedan ser
incorporados al buscador por personas externas al desarrollo del proyecto”
![Page 16: Diseño y desarrollo del sitio web nurelpolymers.com …openaccess.uoc.edu/webapps/o2/bitstream/10609/64849/10... · Zaragoza (Planta de producción e I+D) “Diseño e implementación](https://reader031.fdocuments.ec/reader031/viewer/2022011805/5bb5876f09d3f2f2678c987b/html5/thumbnails/16.jpg)
CMSDRUPAL
EDITARCONTENT
“Se puede modificar el contenido del sitio web editando las páginas desde
Drupal con facilidad”
![Page 17: Diseño y desarrollo del sitio web nurelpolymers.com …openaccess.uoc.edu/webapps/o2/bitstream/10609/64849/10... · Zaragoza (Planta de producción e I+D) “Diseño e implementación](https://reader031.fdocuments.ec/reader031/viewer/2022011805/5bb5876f09d3f2f2678c987b/html5/thumbnails/17.jpg)
“Existen líneas de futuro que se pueden seguir tras la finalización del proyecto”
▸ Crear productos para el buscador
▸ Añadir nuevas marcas
▸ Trabajar SEO y SEM
▸ Actualizar textos
LÍNEASDE FUTURO
![Page 18: Diseño y desarrollo del sitio web nurelpolymers.com …openaccess.uoc.edu/webapps/o2/bitstream/10609/64849/10... · Zaragoza (Planta de producción e I+D) “Diseño e implementación](https://reader031.fdocuments.ec/reader031/viewer/2022011805/5bb5876f09d3f2f2678c987b/html5/thumbnails/18.jpg)