Welalah

Propuestas de diseño · 9 de noviembre de 2026

Cinco propuestas para la nueva web de Welalah

Todas comparten los mismos textos, servicios, clientes y acciones. Las tres primeras son sobrias y fáciles de mantener; las dos últimas apuestan por el movimiento y el volumen.

Tres direcciones de base

Estructura clara, fácil de editar y de mantener. Cambian la tipografía, el color, la fotografía y la jerarquía.

Primera pantalla de la propuesta A

A

Consultoría y personas

La traslación más directa de Irremplazables: titulares Archivo grandes y compactos, gris cálido, banda teal, bloque amarillo y el muro «Tus retos, nuestras soluciones».

Ayuda a valorar si reconoces la referencia que te gustó y se entiende qué hace Welalah.

Ver propuesta A
Primera pantalla de la propuesta B

B

Entrada por necesidades

Tipografía Figtree, más cercana al logo; selector «¿En qué podemos ayudarte?», soluciones en una tabla por situación, Diagnóstico Express con bloque propio y agenda integrada.

Ayuda a valorar si dirección y RR. HH. encuentran su solución sin conocer el catálogo.

Ver propuesta B
Primera pantalla de la propuesta C

C

Acompañamiento y plataforma

Archivo en versión ancha, arranque oscuro, díptico «personas + datos» y un recorrido que alterna escenas de trabajo y capturas reales de la plataforma.

Ayuda a valorar si se entiende cómo la tecnología potencia el acompañamiento humano.

Ver propuesta C

Dos direcciones con movimiento

Parallax, apariciones, scroll horizontal, capas y efectos al pasar el ratón, sin librerías 3D.

Se ven mejor en ordenador y bajando despacio.

Primera pantalla de la propuesta D

D

Cinética

Tipografía gigante que se mueve con el scroll: fotos dentro del titular, una imagen que se expande, un párrafo que se enciende y el método en horizontal.

Ayuda a valorar si una web más editorial y con ritmo transmite mejor la energía de Welalah.

Ver propuesta D
Primera pantalla de la propuesta E

E

Profundidad

Oscura y en capas: collage que reacciona al ratón, comparador entre personas y datos, un círculo que llena la pantalla y tarjetas que se apilan.

Ayuda a valorar si el contraste personas + datos se entiende mejor jugando con él.

Ver propuesta E

Igual en todas

  • Titular, explicación y acciones de partida.
  • Clientes en color justo después de la primera pantalla.
  • Las cinco líneas de solución y una salida «no sé qué necesito».
  • «Acceder a la plataforma» visible y separado de «Solicitar una demo».
  • Diagnóstico Express arriba a la derecha y agenda a un clic.
  • Testimonios reales de Coca-Cola, Prosegur y Karl Storz.
  • Pie oscuro con el sello de Proveedor Tecnológico Homologado.

Pendiente de decidir o recibir

  • Revisión de textos: son de trabajo, no definitivos.
  • Logos de Instru y Trópicos, y originales en alta de GSK, ViiV, Caterpillar y MWM.
  • Autorización de los testimonios y fichas del equipo.
  • Preguntas y formato del Diagnóstico Express.
  • Cuenta de Calendly, destino del libro y perfiles sociales.
  • Vídeo comercial de la plataforma (en producción).

Cómo revisarlas

Cada propuesta tiene una barra superior para saltar entre A, B, C, D y E, y unas notas con sus decisiones y lo que es provisional.

Los formularios, la agenda y el acceso a la plataforma funcionan en local para enseñar sus estados, sin enviar datos ni reservar citas. Las páginas interiores se diseñan en la siguiente fase.