I designed and coded these landing pages for the 2019 BMW X7 and 8 Series. BMW is always a fun creative challenge because their marketing guidelines are very specific. (Marquee images must extend to 1920 pixels wide, but the vehicle within the image must remain in the center 1268 pixels. Text can overlap an image, but may not touch a vehicle within the image. And so forth.)
I am particularly proud of the button hover effects — something I must point out or else they will certainly go unnoticed. I had to build these to BMW spec, but also managed to find a workaround to an unwanted "flashing" effect upon rollover as a result of CSS's inability to transition a linear gradient. To read a full description of this technique and view the code, click either of the GitHub buttons below.