Patrick Anderson — Portafolio del fundador
El portafolio del fundador presenta al ingeniero detrás del estudio, de la infraestructura en Kubernetes y Hyperledger Fabric a las interfaces en React. Tenía que leerse como un trabajo de interfaz, no como un currículum.
Qué hicimos
Diseñamos y desarrollamos el sitio en Next.js 15 con App Router y una ruta por idioma, en inglés, portugués y francés, prerenderizado y servido desde Vercel. La animación es GSAP con ScrollTrigger sobre el desplazamiento suave de Lenis: un preloader cuenta de 00 a 100, el título cambia su última palabra letra por letra, el texto de presentación se enciende con el scroll, las filas de competencias se deslizan en sentidos opuestos y un telón cubre cada cambio de página. Los servicios se abren en columnas con imagen y stack, los trabajos seleccionados están en un abanico de tarjetas que se arrastra, la experiencia se abre en acordeón y el menú trae tema claro y oscuro y el cambio de idioma. Un cursor propio cambia de estado sobre enlaces, textos y zonas de arrastre. El sitio usa CSS Modules, Space Grotesk y la display Dream Avenue.
El portafolio del fundador, en tres idiomas: cinco columnas, del front-end al blockchain, que se abren bajo el cursor.
En el móvil
“Software built to be”: en el móvil, el título sigue cambiando su última palabra, y el menú cabe en un botón redondo.
Producto
Un portafolio que se usa: abrir los servicios, cambiar de página bajo un telón, cambiar de idioma y de tema.
Trabajos en el móvil
Los trabajos seleccionados están en un abanico de tarjetas que se arrastra; varios son casos de este estudio.
Detalles
En los detalles, papel, tinta y un índigo: un acordeón de carrera, un menú con tema e idioma y un pie por debajo.
Sobre mí en el móvil
En el móvil, retrato y nombre en una columna, antes del texto que se enciende con el scroll.
Resultados
En producción, prerenderizado y servido desde Vercel
Tres idiomas, inglés, portugués y francés, cada uno con su propia ruta
Tema claro y oscuro y un cursor propio con estados para enlace, texto y arrastre
Créditos
- Diseño
- Ressolv
- Desarrollo
- Ressolv
Siguiente proyecto
Plataforma Blockchain Self-Service
