M2M Data, a Caterpillar Company

Web Development

check it out
01
Client
Challenge

How do you make a data company's web presence as forward-thinking as their products, yet still echo Caterpillar, the Fortune 100 company who recently bought them?

Solution

Highlight M2M's amazing capabilities through modern design and functionality while humanizing the benefit to the end-user.

02

ConceptDesign

To merge the two brands visually we incorporated secondary colors from within the Caterpillar color palette and placed a focus on modern typefaces. We then introduced large format imagery to humanize the benefit.

With clean design, simplified functionality and maximum whitespace, the website's user experience was in itself a demonstration of the experience of using M2M's products.

Black 0/0/0 #000000
Cyan 0/171/236 #00abec
White 255/255/255 #FFFFFF
Gold 249/183/18 #f9b712
Gray 51/51/51 #333333
Teal 33/232/180 #21e8b4

Ubuntu

A b c d e f g h i j k l m
n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 ! ? / () $ #

Montserrat

A b c d e f g h i j k l m
n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 ! ? / () $ #

IconographyTechnical Shorthand

Love created a custom icon system for easy navigation and simplification of complex concepts.

User Experience Intelligence, Simplified

With a combination of minimal copy, curated content, bold colors, and clever uses of animation, Love created a user experience that conveyed simplicity and intelligence.

03

SupportPhotography + Graphics

Love created a photo library depicting oil field workers seamlessly interacting with technology. But we also incorporated a dynamic and consistent graphical element, inspired by the M2M logo, into every photo. The graphic conveyed a sense that the data is empowering the person to do more, with ease.

Love's Role

Digital strategy, creative,
animation, development.

How can we help?

contact us

Thanks!

Thanks for reaching out. we'll be sure to be in contact soon to follow up.

In the meantime, follow us on social media to keep up with all of our shenanigans.