Uriel Hdz
tmo-icons.gif

T-Mobile Iconography

At the start of my time with T-Mobile, I was part of a design group, led by the senior creative manager, which was developing a system of icons that would be used throughout all of T-Mobile's website. Icons were designed with a set of rules and a systematic grid, that would also have the accent mainly in the center of the icon to keep them consistent and part of the brand.

Icons went through different rounds of revisions to make sure they would work in smaller sizes less than 192px. Variations of them include being on white, black, and brand backgrounds as well as Metro brand colors.

Brand Icons

Large Icons

Adopting a similar style to the iconography set by the senior creative manager, some of the changes would be increasing the size from 192x192px to 300x300px, keeping the accent magenta, and adding a gray element to give dept for a more illustrative style. These icons would be used in projects to visualize copy and show a clear description of sections shown on T-Mobile’s website and also found on the TMO app and as well as in the Metro website.

IG Icons

Also collaborated with the social team to design a set of icons to use on the T-Mobile Instagram account in the stories section. Keeping the style of the large icons with minor changes this set was chosen after a few rounds of revisions and is currently in use.