Tortilla.studio - Diseño de Tipografía Digital

Resumen del Proyecto

Desarrollo del sitio web corporativo para Tortilla.studio, estudio mexicano especializado en diseño de tipografía y consultoría digital. El proyecto consistió en implementar el diseño proporcionado por el cliente utilizando Hugo como generador del sitio, creando una plataforma funcional y visualmente impactante que exhibe su catálogo de fuentes retail y servicios profesionales.

🛠️ Desafíos y Objetivos

El reto principal fue trabajar con un diseño existente de alta calidad y traducirlo a código funcional sin perder la esencia visual del estudio:

1. Fidelidad al Diseño: Reproducir con precisión el diseño in-house de Tortilla.studio, que refleja su expertise en tipografía.
2. Integración de Specímenes Interactivos: Implementar fontSampler de underscoretype para permitir a los visitantes probar las fuentes de forma interactiva.
3. Gestión de Catálogo de Fuentes: Crear una estructura que permitiera mostrar tanto fuentes retail como fuentes en progreso de manera organizada.

📐 Arquitectura de la Solución

1. Stack Tecnológico

• Hugo: Generador de sitios estáticos de alto rendimiento.
• HTML/CSS: Implementación personalizada respecting el diseño original.
• fontSampler: Integración de la herramienta de underscoretype para especímenes tipográficos interactivos.

2. Estructura del Sitio

El sitio se organizós en secciones clave:

• Catálogo de Fuentes: Exhibición de fuentes retail (Outpact, Puffling, Teléfono, Pigeonette) y fuentes en progreso.
• Servicios: Presentación de servicios de tipo personalizado, ingeniería de fuentes, lettering y mastering.
• Journal: Blog con artículos sobre tipografía y diseño.

3. Características Técnicas

• Rendimiento: Generación estática para tiempos de carga óptimos.
• Diseño Responsivo: Adaptación a dispositivos móviles y escritorio.
• Optimización Tipográfica: Showcase de fuentes que refleja la especialidad del cliente.

🚀 Impacto del Proyecto