In an effort to reposition their company to appeal to both enterprise and individual customers, Lookout asked us to redesign their website.

Started in 2004, Lookout is a mobile security platform that protects private citizens and the world's largest enterprises with intelligence from 100 million mobile sensors. In anticipation of two new product releases, we were asked to reposition Lookout to appeal to an increasingly enterprise clientele and communicate their product offerings more clearly.

Lookout offers four mobile security products that work together through their "Lookout Security Cloud" to keep people's devices from being compromised. This relationship can get complicated so we spent time with each of their product directors to internalize and understand what they do.

The new benefits Lookout was launching are targeted at helping large enterprises stay safe. If just one mobile device on a company's internal network is hacked it can let malware into the entire system - which is a top of mind concern when every employee has a phone or tablet at a 10,000 person company.

Although marketing a series of mobile products may seem quite contained, explaining their relationship to each other, clearly proving their benefits, and allowing Lookout to continue to be thought leading publishers on mobile security is hard to do in a small package. We created a heatmap of each page that described where we should be educational, where we should be aspirational, and where we should ask users to take action.

The entire site ended up being 11 uniquely designed pages and 28 pages built off a robust system of modules delivered by our team.

Lookout wasn't attached to their current visual language when they came to us – it was very tech-forward focusing on connected nodes and businessmen in suits. We wanted to take them in a more editorial direction, and they gave our team a lot of latitude to explore new visual directions for the company. The creative team was very small and consisted of a high level Design Director, an Associate Design Director, myself as Art Director, and a Junior Designer. We each worked on different expressions of the brand during our 2 week exploratory phase:

Early on we realized there wouldn't be a way of representing Lookout's mobile products with photographs or app screenshots. The offerings were more abstract than that – they were piece of mind. This led us down a spiraling path of product illustrations that went from just being stylistically challenging to getting twice weekly feedback from each product director. Visualizing these benefits was truly a whole team effort and Lookout was thrilled to have this style at their disposal for future products.

In the end I am very proud of this redesign. In talking with our clients at Lookout, they felt the work did exactly what they had asked for and couldn't be happier to have worked with us. As the project began to wrap more responsibility fell on me to finish the design and module system as others were pulled onto other projects. I'm particularly proud to have made many of the design moves that are live on the site today.

Odopod was not contracted to develop Lookout.com so I worked with Lookout's technical director to create a comprehensive style guide that made sense to his team. I continued on to spec all responsive pages, module designs and describe behaviors through animated prototypes. Their tech director was impressed and it shows in how well they adhered to the documentation in the live site.

Keeping an open dialogue with Lookout through weekly (or daily) check-ins kept the team on track and our clients happy.

In order for Lookout to begin development on the site before it was finished being designed, we created a typography style guide and finalized a number of more straightforward modules for them in the middle of the project. This let us provide feedback to their dev team early on and make sure our delivery made sense to their team. 

When a product is peace of mind, there isn't much you can photograph to show it off. While it may not be ideal from a timing perspective, budgeting time for illustration exploration can be really important.

Timeline

3.5 Months

Design Team

Design Director
Associate Design Director
Art Director
Junior Designer

My Role

Art Director