Newsletter Design
Goal:
-Create a monthly Nesletter for corporate news, special events and offers.
-Code email newsletter template
-Design & Code a Mini Website with a Responsive Layout as digital library for past issues.
-Design & Code desktop, tablet and mobile versions of the responsive layout
-Implemente the download for PDF and ePub Versions
-Design Print Issues, PDF and ePub versions
Email Newsletter
HTML mail template
-Compatible with all the mail clients, including Microsoft Outlook
-Compatible with all the mail clients, including Microsoft Outlook
Sitio Web
Sitio Web Escritorio
-HTML5
-CSS3
-Fully responsive
-Data dinamically extracted from XML File
-Css subtle animations
-SVG Vector Images
-Minimized CSS
-Retina Display Support
-Twelve Columns Layout
-CSS3
-Fully responsive
-Data dinamically extracted from XML File
-Css subtle animations
-SVG Vector Images
-Minimized CSS
-Retina Display Support
-Twelve Columns Layout
XML Document with data
Dynamically display XML data
Tablet Mini Website
-HTML5
-CSS3
-Fully responsive
-Data extraxted from XML File
-Css animations
-SVG Vector Images
-Minimized CSS
-Retina Display Support
-Twelve Columns Layout
-CSS3
-Fully responsive
-Data extraxted from XML File
-Css animations
-SVG Vector Images
-Minimized CSS
-Retina Display Support
-Twelve Columns Layout
Mobile Mini Website
-Css animations
-Vector Images
-Minimized CSS
-Retina Display Support
-Application mode
-Vector Images
-Minimized CSS
-Retina Display Support
-Application mode
IOS 7 Icon Grid
PDF
Proportionally Designed
Incrusted Fonts
Incrusted Fonts
Print Issues
Technologies:
-HTML5
-CSS3
CSS animations
CSS Gradients
CSS Media Queries for Dekstop, Tablet, Mobile and Print
-CSS3
CSS animations
CSS Gradients
CSS Media Queries for Dekstop, Tablet, Mobile and Print
Advanced CSS selectors
Minimized CSS
-Javascript
-SVG images
-@2x Image support
-@Font Face Custom Web Fonts
-Adobe Spry Framework
-XML
Minimized CSS
-Javascript
-SVG images
-@2x Image support
-@Font Face Custom Web Fonts
-Adobe Spry Framework
-XML
Tools:
Adobe Dreamweaver Creative Cloud
Adobe Indesign Creative Cloud
Adobe Photoshop Creative Cloud
Adobe Photoshop Creative Cloud
Adobe AFter Effects Creative Cloud
Adobe Premiere Creative Cloud
Adobe Premiere Creative Cloud
Video Copilot Element ·D
Client:
Books and Bits
Ignacio Galdames, 2013. @caminanteste1ar
