burnt website

Our brief called for a responsive website to promote the theatrical release of John Well’s film Burnt. It needed to highlight Bradley Cooper’s starring role as the rebellious bad boy chef, Adam Jones, and express the flavor of the fine dining world. The studio said they wanted a “mobile-first responsive website” but wanted to start with the desktop version because the schedule was already behind and each step of the process would require approval from the director, the star, and the producers in addition to their own marketing, executive, and legal departments. That’s a lot of cooks (hehe) who would need a very clear “recipe” to follow. My secret sauce? Wireframes.

CLIENT
The Weinstein Co.

AGENCY
Stradella Road

TIMELINE
Jul – Aug 2015

KEY OBJECTIVES
awareness
engagement

MY ROLE
art direction
UX and web design
developer management

Before designing anything, I called a brainstorming session with the development team. Early communication between designers and developers is critical to getting the best work from any project but I knew a strong collaborative relationship would be especially important for getting  past the gauntlet of client approvals. We decided on a single page site with a parallax scrolling effect as a way to add style structurally since most of that content was still TBD. I created wireframes that established a content hierarchy and flow, keeping mobile in mind and making as many design decisions as possible before actually designing anything.
As soon as wireframes for the desktop version were approved I started designing the mobile site. Mobile’s more constrictive format put the content hierarchy I established in the desktop wireframes to the test and forced me to prioritize simplicity.
I presented the mobile and desktop versions of the site to the client together so it would be clear how the design and parallax scrolling would work responsively. This also gave the development team enough information to start coding.
I worked very closely with the development team to ensure my designs were working with the code instead of fighting against it. I created a style guide and marked up notes on layout. The developers were mercifully flexible and easygoing while we worked through challenging photography assets and unexpectedly lean content from the studio. Having an established style guide with clear design direction made it easier to accommodate content changes on the fly and stay on schedule through complicated approvals.
The studio was so impressed with the final site and our team’s nimble process that they awarded us the contract for the film’s social media as well as more projects for other films. 🎉 Once again that style guide came in handy and the website established the design direction for all of the social content our team subsequently designed.

Although the original domain is now defunct, you can still experience the site in archived form.

View this post on Instagram

I want them to sit at that table and be sick with longing. #BurntMovie #BradleyCooper

A post shared by Burnt Movie (@burnt_movie) on

View this post on Instagram

Fine dining in its most perfect form. #BurntMovie

A post shared by Burnt Movie (@burnt_movie) on

View this post on Instagram

Emma Thompson plays Dr. Hilda Rosshilde in #BurntMovie. In select theaters October 23 and everywhere October 30.

A post shared by Burnt Movie (@burnt_movie) on

CREATIVE CREDITS

Ryan Antista
Nick Burd

Sean Rowley
Belia Simm
Christian Rivera

.

Creative Director
Editorial Director

Sr Graphic Designer
Sr Graphic Designer
Graphic Designer

Privacy Settings
We use cookies to enhance your experience while using our website. If you are using our Services via a browser you can restrict, block or remove cookies through your web browser settings. We also use content and scripts from third parties that may use tracking technologies. You can selectively provide your consent below to allow such third party embeds. For complete information about the cookies we use, data we collect and how we process them, please check our Privacy Policy
Youtube
Consent to display content from Youtube
Vimeo
Consent to display content from Vimeo
Google Maps
Consent to display content from Google