Nuestros amigos de Bastarda Type ya tenían un sitio web para mostrar su trabajo. Sin embargo, necesitaban un lugar más sólido donde poder vender sus tipos de letra y permitir a los usuarios probar las fuentes creadas. El sitio web tenía que ser visualmente impresionante y, al mismo tiempo, muy fácil de usar. Este diseño tenía que atraer tanto a compradores potenciales como a personas amantes de la tipografía. El principal reto de este proyecto era crear una separación clara entre los proyectos de tipografía y de marca, así como diseñar un proceso de compra intuitivo para todos los usuarios.
Al diseñar el sitio web, empezamos por crear una estructura diferente para las fuentes y los proyectos. La página de fuentes incluye un probador que permite probar las características de cada fuente. También nos centramos en destacar las imágenes más impactantes de cada proyecto de marca. Además, queríamos crear una combinación interesante de elementos tipográficos de gran impacto e imágenes visuales adquiridas de los proyectos de branding realizados por el estudio. Por último, intentamos crear elementos más interactivos que mostraran la anatomía de las tipografías de forma atractiva. Después de todo el gran trabajo, tuvimos la suerte de ganar algunos premios con este proyecto, un logro que nunca olvidaremos.
Identidad Visual: Bastarda Type
La etapa de diseño fue realizada en Figma. Para el desarrollo creamos plantillas personalizadas en HTML, CSS y Javascript, las funcionalidades del carrito de la compra fueron desarrolladas por otro desarrollador usando PHP, por lo que trabajamos en la integración del CMS con el front-end. Las animaciones se realizaron utilizando Greensock y SVG.
