Apple: iPhone X Launch & Marketing Tooling
iPhone X launch pages
I worked with Apple’s marketing and design teams to turn static iPhone X launch specifications into responsive landing pages. The designs established the visual treatment; I implemented that treatment in the browser under the launch deadlines.
I had to preserve the intended composition as the available width changed. The supplied layouts established the visual target; responsive code had to account for the sizes between them as well. My part of the launch was that implementation, working from the design team’s specifications.
CSS-animated email campaign
I also prototyped and developed a CSS-animated direct email campaign. The email itself carried the motion, without JavaScript. That introduced a different implementation constraint from the web pages: email clients varied in the CSS they supported.
I used the prototype to work through the motion before developing the campaign implementation. Email-client compatibility was part of that work: an animation that worked on a web page still had to be considered within the more restricted environment of an email.
Campaign tooling
Preparing campaigns involved repeated build, preview, and deployment steps. I wrote command-line tools in Node.js, Bash, and Gulp to automate that preparation and give the team a repeatable production process.
The automation replaced repeated manual preparation with defined commands. It gave the team a way to prepare another campaign through the same build and preview process, with deployment steps included in the tooling.