Duncan Fernandez es un arquitecto de Cusco que trabaja en edificios residenciales, proyectos urbanos, diseño de interiores y branding gráfico. Su portfolio necesitaba contener todo eso sin caer en el caos. Aquí va un análisis función por función de cómo fue construido.
Sistema de filtros por categoría
Los proyectos están etiquetados por disciplina. La barra de filtros permite a cualquier visitante ir directo a lo que le interesa sin tener que desplazarse por trabajo que no es relevante para él. Arquitectura, diseño de interiores y diseño gráfico son disciplinas suficientemente distintas como para que un promotor y el dueño de un restaurante no tengan que ver la misma cuadrícula.
Layout aleatorio en cada visita
La cuadrícula de proyectos no se ve igual dos veces. En cada carga, los tamaños de las tarjetas y los spans de columna se redistribuyen. Algunos proyectos aparecen grandes, otros pequeños — la jerarquía cambia. Esto mantiene el sitio vivo para los visitantes que regresan, y comunica sutilmente que siempre hay más por descubrir.
Vista cronológica por línea de tiempo
Más allá de la cuadrícula, una vista de línea de tiempo organiza todo por año y mes. Esto es para quien intenta entender la trayectoria de un arquitecto — qué períodos fueron más prolíficos, cómo ha evolucionado el trabajo, hacia dónde va el estudio. Añade una capa narrativa que una galería estática no puede ofrecer.
Zoom intuitivo en imágenes de proyecto
Al hacer clic en cualquier imagen se activa un zoom al 175% con seguimiento del cursor. Los renders merecen verse en alta resolución — una miniatura no comunica la escala, el material ni la calidad espacial de la manera en que lo hace una imagen ampliada. En móvil, el zoom con dos dedos funciona de forma nativa.
Soporte bilingüe (español e inglés)
El sitio cambia entre español e inglés sin recargar la página. La preferencia de idioma se guarda en el navegador. Para un arquitecto en Cusco que también presenta su trabajo a clientes internacionales, comunicarse con claridad en ambas direcciones no es opcional — es la diferencia entre que un cliente entienda el proyecto o no.
Estética minimalista inspirada en Apple
El lenguaje visual se construye sobre la contención. El espacio en blanco trabaja más que la decoración. La información del proyecto permanece oculta hasta que interactúas — el título y la categoría aparecen al pasar el cursor, manteniendo la cuadrícula limpia y dejando que las imágenes lleven el contenido. Nada compite con el trabajo en sí.
Pasa el cursor para ver la información del proyecto
Totalmente responsive para escritorio y móvil
El layout no solo "funciona" en móvil — está diseñado para él. La cuadrícula se adapta, la tipografía escala correctamente, el touch es nativo. Alrededor del 60% de los visitantes de un portfolio llegan desde el teléfono. Un sitio que se rompe en móvil pierde clientes antes de que hayan visto un solo proyecto.
Bio personal que comunica la filosofía de diseño
La página de bio no es un CV. Es una declaración de cómo Duncan aborda su trabajo — qué le importa, qué restricciones dan forma a sus decisiones, qué considera que vale la pena resolver. Esta suele ser la página que convierte a un visitante curioso en un cliente potencial. Hace humano al estudio.
Bajo el capó
Código a medida — sin plantillas ni constructores
Todo el sitio está escrito a mano: HTML, CSS, JavaScript. Sin WordPress, Webflow ni Squarespace. Esto significa cero bloat — sin CSS no usado, sin scripts en segundo plano, sin tarifas de licencia. El código hace exactamente lo que el diseño requiere, no lo que una plantilla permite.
Imágenes optimizadas en WebP para tiempos de carga rápidos
Cada imagen se convierte a WebP y se comprime sin pérdida visible de calidad. Los archivos WebP son típicamente un 25–35% más pequeños que los JPG equivalentes. En un portfolio donde las imágenes lo son todo, esta diferencia se nota de inmediato — especialmente en conexiones móviles.
Alojado en Cloudflare
La CDN global de Cloudflare sirve el sitio desde el nodo más cercano a cada visitante. Las páginas cargan en menos de 500 ms desde prácticamente cualquier lugar. Es gratuito a la escala que necesita un portfolio, e incluye protección DDoS y HTTPS automático.
Textos desarrollados para cada proyecto
El contenido escrito no es un añadido. Cada descripción de proyecto está desarrollada para comunicar intención — qué problema resolvió, qué restricciones lo definieron, qué significa el resultado. Un buen texto hace dos cosas: ayuda a los visitantes a entender el trabajo, y ayuda a los buscadores a indexarlo.
Cada función aquí listada sirve al mismo objetivo: hacer lo más fácil posible que la persona adecuada entienda qué hace Duncan y decida trabajar con él. El sitio se aparta y deja que la arquitectura hable.