Zoëtry Digital Brand Identity Exercise

Branding, Webdesign, Code

Last year, while talking to AMResorts, they sent me this digital Brand Identity exercise with the following brief: 

Objective: Using the copy, fonts and color palette provided, design in Photoshop and set up the HTML of an introductory rate campaign for Zoëtry Villa Rolandi Isla Mujeres.

Specs: Email: 600 px wide, Banners: 728x90, 160x600, 300x250 px

Requirements: Utilize website and email best practices, use imagery from the Media Site, Zoëtry logo must be used at the top of the email and landing page, AMResorts collection logo must be used at the bottom of the email and landing page, Link each call to action and “Terms & Conditions”, set up the HTML and landing page to be responsive.

Preview coded versions here: Landing page, Email, Banners.

Option1: Full screen with bigger focus on image.

Option2: Layout leveraging css code to add motion. Visit coded landing page here.

Coded, responsive e-mail here.