El currículum de una administradora de propiedades, convertido en un sitio de una página.
Gabbie lleva nueve años haciendo funcionar comunidades multifamiliares en Nueva Jersey y Georgia. Quería que su sitio se leyera como el anuncio de un buen apartamento: cálido, tranquilo y que invitara a dar el siguiente paso. Es una sola página hecha a mano, sin framework, y su marca se dibuja sola mientras carga.
- Tipo
- Sitio web personal
- Rol
- Diseño y front-end
- Tecnologías
- HTML, CSS, JavaScript
El sitio
Una página, de arriba abajo.
Cuatro secciones después del encabezado: Sobre mí, Experiencia, Educación y Contacto. Un reclutador o un propietario debería poder recorrerlo en menos de un minuto y saber si llamar.
En el teléfono
El botón de llamar nunca desaparece al hacer scroll.
La mayoría de quienes contratarían a una administradora de propiedades la encontrarán desde el teléfono. En pantallas pequeñas, el retrato sube por encima del titular y una barra con Llamar, Correo, LinkedIn y Currículum queda fija en la parte inferior todo el tiempo.
Guía de marca
Azul marino, rosa pálido y una casa que también es una G.
La paleta viene de los recursos de marca que ella ya tenía. La marca es un solo trazo, así que se anima como un dibujo de línea en la pantalla de carga y sigue funcionando al tamaño de un favicon.
Smile to your new home.
Necesidades atendidas con rapidez y profesionalismo, mantenimiento resuelto antes de que se convierta en una queja.
Las herramientas con las que trabaja a diario, tal como aparecen en la franja deslizante debajo del encabezado.
Decisiones
Un sitio pequeño, unas cuantas decisiones deliberadas.
HTML puro, a propósito
Un archivo HTML, una hoja de estilos y unas 130 líneas de JavaScript. Puede alojarlo en cualquier parte, carga rápido en el teléfono y nada se rompe cuando se actualiza una dependencia.
Movimiento que puedes apagar
Las secciones aparecen suavemente al hacer scroll y los botones se inclinan hacia el cursor. Si tu dispositivo pide movimiento reducido, todo se apaga y la pantalla de carga se salta la espera.
La experiencia como acordeón
Tres cargos con muchas viñetas serían un muro de texto. Solo se abre uno a la vez, así que eliges el trabajo que te interesa y el resto no estorba.
El contacto siempre está a un toque
El botón principal del encabezado inicia un correo, la navegación tiene el currículum y, en el teléfono, una barra fija mantiene Llamar y Correo al alcance del pulgar.
Nota final
Ya está en línea. Échale un vistazo.
Las capturas solo muestran una parte. La pantalla de carga, la franja deslizante y el acordeón se ven mejor en persona, y vale la pena abrirlo también en el teléfono.