![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/logo-grenergy.png)
Grenergy
Cliente Grenergy | Link grenergy.eu
–
Frontend, Backend, soporte y diseño
Una compañía rompedora necesita una web rompedora, y por eso Grenergy acudió a Actycrea.
Con la fecha de lanzamiento puesta en la salida a bolsa a Grenergy y los condicionantes de la CNMV hicimos lo imposible porque todos los inversores se quedasen boquiabiertos, y vaya si lo conseguimos.
Animaciones, simplicidad y un look muy fresco son los elementos más destacables de este site, especialmente en el sector de las energéticas.
Después de todo, no fue casualidad conseguir un 3er puesto a la “Mejor Web de Europa para Inversores” en los Awards 2020 de IR Magazine.
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2022/03/actycrera_premio_grenergy.png)
![ibex-logo](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2021/12/ibex-logo.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-mockup.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy-web01.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy-web02.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy-web03.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy-web04.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy-web05.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy-web06.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy-web07.png)
Representación de datos y gráficas
Uno de los mayores retos que se planteó durante este proyecto fue la representación de datos y gráficas de una manera estética y sencilla, por lo que para hacer todo este contenido ameno había que presentarlo bonito. Así que utilizamos la librería amschart.js e hicimos gráficas interactivas de todos los colores y sabores, para facilitar al usuario la visibilidad de esta retahíla de conceptos y números. Estas gráficas son 100% gestionables por Grenergy (desde su color hasta el tipo de gráfica o forma de construirla).
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-mobile01.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-mobile02.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-mobile03.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-web04.jpg)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-web05.jpg)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy-pipeline01.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy-pipeline02-1.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy-pipeline03-1.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy-pipeline04-1.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy-pipeline07-1.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy-pipeline05-2.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy-pipeline06.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy_conocenos01.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy_conocenos02-1.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy_conocenos03-1.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy_conocenos04-1.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy_conocenos05-1.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy_conocenos06-1.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy_conocenos07-1.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy_conocenos08-1.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy_conocenos09-1.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy_conocenos10-1.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy_conocenos11-1.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy_conocenos12-1.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/06/grenergy_conocenos13-1.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-mapa.png)
Branding
La imagen corporativa de Grenergy vino sin definir por lo que aprovechamos la construcción de la web para darle una identidad a esta marca. Llevamos a cabo una guía de estilos, un manual de uso que hablaba de todos los elementos expuestos y el por qué de ellos en la nueva web.
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2021/12/guidelines-1.jpg)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-font.png)
Tipografía
Elegimos Isidora por su gran versatilidad, ya que es una tipografía fresca pero elegante, que funciona igual de bien tanto en titulares como en párrafos, y cuya marcada personalidad la convierten en idónea para crear una identidad de marca reconocible.
Colores
Acompañamos los colores corporativos con otros que los equilibran y complementan: el poder visual del verde lima lo compensamos con colores tierra poco saturados y sobrios, mientras que el verde oscuro encuentra su pareja perfecta en grises y azules que amplían la gama hasta conformar un pequeño universo propio de color.
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-colors.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-colors.png)
Colores
Acompañamos los colores corporativos con otros que los equilibran y complementan: el poder visual del verde lima lo compensamos con colores tierra poco saturados y sobrios, mientras que el verde oscuro encuentra su pareja perfecta en grises y azules que amplían la gama hasta conformar un pequeño universo propio de color.
Animaciones e iconografía
Ya que nos poníamos, nos poníamos. Animaciones para acompañar pequeñas infografías y hacer la navegación más amena.
En cuanto a los iconos, se creó una línea acorde con el estilo minimalista de la web, utilizando las menos líneas posibles para intentar darles un toque distintivo y característico. Decidimos animar algunos de ellos con la intención de sorprender e integrarlos al completo con la web.
![](https://grenergy.eu/wp-content/themes/wphack-core/assets/animations/pix-actor.png)
Desarrollo
![](https://grenergy.eu/wp-content/themes/wphack-core/assets/animations/pix-actor.png)
Financiación
![](https://grenergy.eu/wp-content/themes/wphack-core/assets/animations/pix-actor.png)
Construcción
![](https://grenergy.eu/wp-content/themes/wphack-core/assets/animations/pix-actor.png)
Generación de energía
![](https://grenergy.eu/wp-content/themes/wphack-core/assets/animations/pix-actor.png)
Operation & Maintenance
![](https://grenergy.eu/wp-content/themes/wphack-core/assets/animations/pix-actor.png)
Asset Management
![](https://grenergy.eu/wp-content/themes/wphack-core/assets/animations/pix-actor.png)
Desarrollo
![](https://grenergy.eu/wp-content/themes/wphack-core/assets/animations/pix-actor.png)
Financiación
![](https://grenergy.eu/wp-content/themes/wphack-core/assets/animations/pix-actor.png)
Construcción
![](https://grenergy.eu/wp-content/themes/wphack-core/assets/animations/pix-actor.png)
Generación de energía
![](https://grenergy.eu/wp-content/themes/wphack-core/assets/animations/pix-actor.png)
Operation & Maintenance
![](https://grenergy.eu/wp-content/themes/wphack-core/assets/animations/pix-actor.png)
Asset Management
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-icon01.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-icon02.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-icon03.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-icon04.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-icon05.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-icon06.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-icon07.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-icon08.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-icon09.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-icon10-1.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-icon11.png)
![](https://actycrea-com-uploads.storage.googleapis.com/wp-content/uploads/2020/05/grenergy-icon12.png)
Vídeo corporativo
Grenergy quería presentarse y así lo hizo. Contó con nosotros para hacer desde 0 un vídeo resumiendo su carrera en el sector, sus logros y su posición actual. Pese a tener un presupuesto ajustado se hizo un guión, diseño y montaje para conseguir una carta de presentación audiovisual muy acorde con el tono de la empresa.