Reflektor

36 Days of Type

Website
Experimental
our roles
  • Creative Development
  • Web Development
  • UX & UI Design
  • Prototyping
awards
  • FWA

36 Days of Type

We don't just innovate for work. We innovate for fun. Each year we partake in a worldwide Instagram challenge, "36 Days of Type." For 36 days, a member of our team designs and develops a letter that reflects their imagination and curiosity. At the end of the challenge, our whole team has expanded their creative thinking and learned new tools, all while being part of a digital movement and picking up a few awards. What can we say? We're nerdy for it.

showcase

Alphabet Soup

Each letter creation is a tiny wonder, but here are some of our favourites.

Landing Page

ABCs of Type

We aggregated our creations into a playful and exploratory landing page featuring standout 3D letters. To add on an innovative twist, we made each letter available as an NFT on the Polygon blockchain. Art meets Commerce.

Teamwork

C is for Creativity

Each developer exercised their creative muscle with their own skills and aesthetic approach. They drew inspiration from architecture, films, games, and random shower thoughts. In our industry, we don't often credit the creativity levels of people who code, and this exercise highlights that developers are not just tech wizards but artists too.

NFT Marketplace

Buy a Vowel, or a Consonant

We love to add a twist to our tasks. So, our team developed a custom NFT marketplace to sell each letter. We seamlessly integrated the OpenSea marketplace, making each letter available for resales as an NFT. Minted on the Polygon network, the NFTs were available for visitors to purchase in a few easy clicks.

Challenge

D for Dedication

On top of our teams' workload, we took this challenge and kept it up for 36 straight days. No easy feat with long days and delivering projects on time. Not only did the team deliver, but they blew us away with their out-of-the-box thinking.

DEVELOPMENT TOOL

Custom Creativity, But Faster

We're always trying to work smart, not just hard. That's why our team built a custom tool to simplify the speed of the creative development process. These tools allowed us to quickly and seamlessly change light properties, 3D object positions, and modify the environment for each letter.

Technology

Coding the Alphabet

We got cozy with web creative coding tools like p5, Three.js, and canvas-sketch. Hosted as an interactive WebGL experience, this challenge proved to be a creativity hackathon that also served as an extension of our brand.

Tech Stack
  • Vue.js
  • Vite
  • Three.js
  • Trois.js
  • GSAP