caso-de-exito-grupo-hola-cabecera-2.jpg

Grupo ¡HOLA!

Desarrollo de soluciones digitales para el Grupo ¡HOLA!

dispositivos-hola.png

Año: 2019-22

El reto.

Cuando te llama un cliente como ¡HOLA!, marca líder del universo femenino, porque un cliente satisfecho te ha recomendado y te dice: ”Mira, estoy muy descontento con un proveedor nuestro actual, ¿nos ayudáis con un nuevo proyecto?”, se genera una mezcla de sensaciones entre grandísima ilusión y máxima responsabilidad a partes iguales, por el reto que se nos presentaba de repente.

Lo que empezó como una pequeña colaboración en 2019, se fue convirtiendo en una estrecha relación a largo plazo donde más de 10 personas de nuestro equipo de diseño y tecnología continúan trabajando, de una forma u otra, en la implementación de diferentes proyectos del Grupo HOLA a nivel internacional.

2019 -20

¡HOLA! Cocina

2020-22

¡HOLA! Plus

2020-22

¡HOLA! y HELLO!

2021-22

HELLO! India

2021-22

Grupo ¡HOLA!

fondo-testimonio-1d.jpg

Andrés Pedrera - CIO

Grupo ¡HOLA!

"Llevamos trabajando de forma continua desde que les llamé en septiembre de 2019. En todas aquellas cosas que les he puesto encima de la mesa, siempre han dado la talla y han sabido ayudarnos muy bien. El equipo a cargo son muy formales, fiables y productivos, consiguiendo que su gente de resultados, además de gestionar bien tanto la relación como los proyectos.”

El grupo editorial líder en su sector.

La marca ¡HOLA! es un nexo de unión entre generaciones que buscan informarse de noticias de actualidad y tendencias, y lo hacen a través de la revista en papel, de la web, de las ediciones digitales, o de las aplicaciones en móviles o en las redes sociales. Porque ¡HOLA! es mucho más que una marca, es un medio de comunicación integral que siempre ha sabido satisfacer las necesidades de sus lectores de forma prioritaria e innovadora.

Nace la revista ¡HOLA! el 8 de septiembre de 1944 en Barcelona.
 

Lanzamiento del especial de moda en 1968.
 

Se lanza la revista HELLO! en los kioscos del Reino Unido.
 

Creación y lanzamiento de la web Hola.com en el año 2000.
 

Y de su versión inglesa Hellomagazine.com en 2001.
 

Desde su expansión internacional en 2004, tiene +20 millones de lectores en sus diferentes publicaciones a nivel mundial.
 

Y una audiencia de +67 millones de usuarios únicos mensuales en sus portales web por los 5 continentes  (desde EEUU o México, a Tailandia o la India).
 

Uno de los últimos lanzamientos más relevantes, ha sido la plataforma ¡HOLA! PLAY en 2019, una nueva televisión online a la carta que se puede ver dentro de HOLA.com en España.
 

Desarrollan estrategias 360º a medida para ayudar a las marcas a cumplir sus objetivos de branding y conversión.

marcas y paises.png

01

H! Cocina.

A partir de toda la documentación y del nuevo UI/UX del portal completo diseñado en Adobe XD, nuestro trabajo incluyó principalmente:

Estudio de toda la documentación técnica del proyecto y especificación funcional (Wiki + JIRA).


Setup y mantenimiento de entorno de desarrollo/local.


Trabajo continuo con el equipo de Diseño UI/UX, Backend y PO/PM.


Implementación del nuevo Frontend utilizando Twig, Sass y Javascript.


Adaptación a los principales navegadores y multi-dispositivo (full responsive web design).


Realizar el tratamiento, mapeo y serialización de ciertos datos. Para la creación de contenido se utiliza Swing como CMS, el cual va conectado vía API con el Backend hecho en Symfony (PHP).


Desarrollo de nuevas funcionalidades, módulos y adaptaciones según los nuevos requisitos específicos solicitados por el equipo de editores/creadores de contenidos

Integración continua y despliegues en el nuevo CMS (Swing y parte en ED2).

Soporte al equipo de QA y Testing.

paella.png
twigLogo.png
1280px-Sass_Logo_Color.svg.png
Unofficial_JavaScript_logo_2.svg.png
Symfony2.svg.png
mysql-logo-aepi.png
bg-cocina.png

02

H! Plus.

mi-perfil-mobile.png

Proyecto 2020-22 donde el objetivo es que sus lectores puedan disfrutar, mediante el pago de una suscripción (mensual o anual), de todos los contenidos exclusivos y la versión digital de sus principales publicaciones (¡HOLA!, Hello!, Fashion, Living…), en cualquier dispositivo.

Participamos en el desarrollo, evolutivos y mantenimiento del Frontend y Backend del proyecto, compuesto principalmente por 3 aplicaciones web distintas pero interconectadas entre sí.

 

Área de usuario (AU) > donde el usuario contrata planes y además tiene un panel donde accede para gestionar sus datos, preferencias (newsletters y comunicaciones) y suscripciones (tipo, métodos de pago, facturación, etc).

 

Así como otro panel de gestión para los administradores (AU Admin), donde configurar todas las opciones disponibles en el área de usuarios.

 

Panel Admin Hola Plus > para la gestión de todo lo relativo a las suscripciones por parte de los administradores (pagos, renovaciones, productos, pedidos, conexión con pasarelas de pago, etc).

 

Press Reader > Sistema de APIs para gestionar y conectar con el sistema que provee de las versiones digitalizadas de las publicaciones a los usuarios, en función del nivel de cada suscripción.

Principales tecnologías implicadas: Twig, Sass, JS, Docker, Symfony, MySQL, Sylius, Stripe, GIT, JIRA, Mailchimp y SailThru, Aquafadas y PressReader.

Redis y sistemas CDN para mejorar el rendimiento y la alta disponibilidad basados en la nube (AWS).

Integración continua y despliegues en el nuevo CMS (Swing).

Seguridad con Login Radius y JWT.

Acceso con OAuth2 (Facebook y Google).

Pruebas funcionales y unitarias con PHPUnit.

aws_logo_smile_1200x630.png
horizontal-logo-monochromatic-white.webp
Unofficial_JavaScript_logo_2.svg.png
Symfony2.svg.png
sylius-logo_sylius-logo-light-1024x422.jpg
2560px-Stripe_Logo,_revised_2016.svg.png
panel-usuario-front-2.png
panel-usuario-front.png

Area de Usuario (AU)

panel-usuario-front-3.png
au admin 1.png
au admin2.png
au admin 3.png

Panel admin AU

hola premium 1.png
hola-premium-2.png
hola premium 3.png

Panel admin suscripciones

03

¡HOLA! y HELLO!.

El cliente necesitaba una nueva solución más segura, robusta, con mejor rendimiento y escalable para soportar +74 millones de visitas/mes y +30 millones de usuarios únicos/mes. Para ello, cuenta con nosotros para participar en el desarrollo de ciertas partes del nuevo Frontend de las portales web ¡HOLA! y HELLO!:

Estudio de toda la documentación técnica del proyecto y especificación funcional (Wiki + JIRA).


Setup y mantenimiento de entorno de desarrollo/local.


Trabajo continuo con el equipo de Diseño UI/UX, Backend y PO/PM.


Implementación del nuevo Frontend utilizando Twig, Sass y Javascript.


Adaptación a los principales navegadores y multi-dispositivo (full responsive web design)

Integración continua y despliegues en el CMS (ED2)

Mantenimiento y evolutivos de los desarrollos.

Soporte al equipo de QA y Testing.

home-ipad.png
111-1112148_twig-template.png
1280px-Sass_Logo_Color.svg.png
Unofficial_JavaScript_logo_2.svg.png
Symfony2.svg.png
mysql-logo-aepi.png

04

H! India.

hello-india-mobile.png

Proyecto en 2021-22 donde lideramos la implementación del Frontend del nuevo portal web de la revista Hello Magazine para India. Nuestro trabajo incluyó principalmente:

Liderar el equipo Frontend (Reino Unido) en remoto.


Estudio de toda la documentación técnica del proyecto y especificación funcional (Wiki + JIRA).


Setup y mantenimiento de entorno de desarrollo/local.


Trabajo continuo con el equipo de Diseño UI/UX, Backend y PO/PM.


Implementación del nuevo Frontend utilizando Twig, Sass y Javascript.


Adaptación a los principales navegadores y multi-dispositivo (full responsive web design).


Realizar el tratamiento, mapeo y serialización de ciertos datos. Para la creación de contenido se utiliza Swing como CMS, el cual va conectado vía API con el Backend hecho en Symfony (PHP).


Desarrollo de nuevas funcionalidades, módulos y adaptaciones según los nuevos requisitos específicos solicitados por el equipo de editores/creadores de contenidos

Integración continua y despliegues en el nuevo CMS (Swing).

Tareas de mantenimiento, evolutivos y mejoras en el site.

Soporte al equipo de QA y Testing.

111-1112148_twig-template.png
1280px-Sass_Logo_Color.svg.png
Unofficial_JavaScript_logo_2.svg.png
Symfony2.svg.png
mysql-logo-aepi.png
pagina-categoria.jpg
menu desplegado.png
página-entrada.jpg

05

Grupo ¡HOLA!.

A finales de 2021 nos llega el encargo de renovar la web corporativa del Grupo HOLA, con los siguientes objetivos:

Análisis y auditoría técnica de para encontrar los puntos de mejora desde el punto de vista del rendimiento, optimización y experiencia de usuario.

Convertirla en una plataforma segura, estable, flexible y escalable para acompañar al crecimiento del negocio en su captación y fidelización de clientes (marcas).

Para ello principalmente:

Reconstruimos la web completa con una nueva suite de herramientas dentro de Wordpress para solventar los problemas estructurales tanto del back-end como del front-end.


Rediseñamos y creamos una nueva estructura de contenidos y datos en el back-end para optimizar y facilitar la gestión autónoma del panel de administración, desacoplando los datos de la capa de diseño.


Optimizamos los recursos gráficos y la presentación de contenidos.


Migramos la nueva aplicación web a un servicio Cloud administrado en AWS, con CDN y Redis.

Redis y sistemas CDN para mejorar el rendimiento y la alta disponibilidad basados en la nube (AWS).

grupo-hola-mobile.png
PHP-logo.svg.png
WordPress-logotype-standard.png
Nginx_logo.svg.png
Redis-Logo.png
1280px-Amazon_Web_Services_Logo.svg.png
proceso-portatil-transp.png
grupohola-collage-2.jpg
fondo-testimonio-1.jpg

Bea Anta - Estudio Creativo

Grupo HOLA

"Estamos contentos con el resultado, ya que habéis sido capaces de ejecutar el proyecto como esperábamos. Ahora podemos gestionar de forma más eficiente el backoffice de la web, tanto para cambios como para crear páginas y contenidos nuevos. Y querría destacar el trabajo fino al pixel realizado en cada pantalla, y la facilidad y rapidez para estar en continua comunicación con vosotros para darnos todo el soporte necesario."

Queremos trabajar contigo.