Daniel Arcé

Senior Front-End Developer & Design TechnologistProduction interfaces, accessibility, prototyping

Apple: iPhone X Launch & Marketing Tooling

iPhone X launch page

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.