Llega septiembre y en las redes sociales, además de fotos de atascos por la vuelta al colegio, solo se ven currículums. Mi prima, que está en cuarto año de universidad, me envió una captura de pantalla a medianoche hace unos días: había enviado su solicitud a más de treinta empresas, pero pocas la habían leído y ni siquiera había conseguido una entrevista. Le pedí que me enviara su portafolio para echarle un vistazo. Al abrirlo, la página estaba bastante limpia, pero tan limpia que parecía agua clara: no recordabas nada después de verla.
De hecho, muchos estudiantes se quedan atascados en este punto: no les falta técnica y el diseño está bien ordenado, pero el portafolio no tiene "puntos memorables". Los entrevistadores ven decenas de portafolios al día y sus ojos ya están cansados. Lo que debes hacer no es llenar la página, sino dar un pequeño empujón en los detalles para que su mirada se detenga dos segundos más en tu trabajo. Las sombras son el empujón más económico y de efecto más rápido.
No subestimes una capa de sombra. Un poco debajo de una tarjeta la hace "flotar" del plano; un poco al lado de un botón hace que, antes de tocarlo, ya sientas que se puede pulsar; un poco en el avatar hace que todo el contorno de la persona se vea más animado. Esto no roba protagonismo al contenido, pero le dice silenciosamente al entrevistador: esta persona tiene sensibilidad por los detalles.
Pero escribir box-shadow a mano es realmente tortuoso. Hay un montón de parámetros: desplazamiento en x, desplazamiento en y, radio de desenfoque, radio de expansión, transparencia del color... cambiar un solo valor altera la sensación de toda la tarjeta. Antes, cuando ajustaba la sombra de una tarjeta, probé más de veinte veces y al final me rendí y usé la predeterminada. Luego descubrí una pequeña herramienta llamada "generador de sombras CSS": arrastras los deslizadores y ves el efecto en tiempo real, ajustas a la izquierda y previsualizas a la derecha, y cuando estás satisfecho copias el código directamente. Es como pasar de una ventanilla manual a una eléctrica.
¿Cómo se usa exactamente? Abre la herramienta y primero elige el tipo de sombra: proyección normal, sombra interior o superposición de varias capas. Para lograr esa sensación premium de flotación, normalmente hay que superponer dos o tres capas: una grande y clara para la luz ambiental, y otra pequeña y oscura para la sombra de contacto. No uses negro puro para el color; usa azul oscuro o gris oscuro, con una transparencia entre el 10% y el 20%, así el resultado se ve aireado. Dale un radio de desenfoque más grande y un radio de expansión más pequeño o incluso negativo; los bordes quedarán más definidos.
¿Qué partes del portafolio merecen que se les añada? La tarjeta principal de la primera pantalla, con una sombra exterior suave para que destaque del fondo. Las miniaturas de la lista de proyectos, con una ligera sombra interior para simular la sensación de hundimiento de un marco. La barra de navegación fija, con una sombra fina en la parte inferior para decirle al usuario "estoy aquí". También los modales, menús desplegables y botones flotantes son zonas de uso frecuente de sombras. Pero recuerda un principio: la "personalidad" de las sombras en una página debe ser uniforme. O todas son sombras cortas y nítidas, o todas son sombras suaves y difusas; no las mezcles.
Algunos estudiantes temen que añadir demasiadas se vea sucio. En realidad, el criterio es simple: entrecierra los ojos; si la sombra roba protagonismo al contenido, entonces te pasaste; si cierras los ojos y al abrirlos la página tiene jerarquía clara y prioridades definidas, entonces está bien. La sombra sirve al contenido, no es para presumir de habilidad.
En esto de las solicitudes de otoño, la capacidad es la carta bajo la manga, pero el currículum y el portafolio son el ladrillo que llama a la puerta. Si el ladrillo se ve más agradable, la puerta se abre más rápido. Dedica diez minutos a ajustar con el generador de sombras CSS los elementos clave de tu portafolio; no cuesta nada, pero cuando el entrevistador deslice la pantalla, puede que su dedo se detenga. Y si se detiene, tendrás la oportunidad de que vea lo que hay detrás de tu código.
No esperes a noviembre para arrepentirte de no haber cambiado nada en septiembre. Ve ahora mismo y arrastra un par de deslizadores; de verdad, funciona más que enviar diez currículums más.