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.
The Weinstein Co.
Jul – Aug 2015
UX and web design
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.