Firetronics Typeface & E-Commerce Design

During my Graphics III course I designed a complete typeface for a fake brand called Firetronics to be incorporated into the logo I designed as well. The typeface is meant to feel very vertical, like fire rising, as well as very techy since this brand is an electrical component vendor. I designed a semibold weight and a thin weight of the typeface. At first, my goal with this typeface was to design a full font including symbols, numbers, and lowercase letters. I was able to create lowercase letters, however, numbers and symbols proved to be a challenge following my “vertical rise” guidelines”.

I decided to create a basic prototype of an e-commerce site for the brand in order to showcase the font in the environment it would live post-creation. It was during this process that I realized this font was simply not legible enough to type body paragraphs with and decided that this font should be a display typeface. Therefore I really only set the typeface to be used in titles and subtitles on the prototype, but the typeface is still the logo and identity of the entire brand.

Below are some of the interactions and artboards of this project and you can also interact with the prototype at the following Behance link (certain internet browsers are not supported). Thank you for reading!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s