Ad Agency at Staples
Coded HTML Email advertisements and promotions from static Photoshop design layouts. Expert HTML, CSS, Photoshop. Responsys and Salesforce.
Staples Quarterly Report — New Design — static
Staples Quarterly Report — Responsive, iPhone-friendly table — Passed Litmus Outlook test
Staples Office Persona — The Coffee Connoisseur
Staples Office Persona — Responsive, iPhone-friendly table — Passed Litmus Outlook test
Staples Office Persona — The Coffee Connoisseur responsive landing page
Staples Back-to-School 2014 — Promotion featuring products
Staples Back-to-School 2014 — Responsive, iPhone-friendly table.
Staples Back-to-School 2014 — Promotion as responsive landing page
Stan Dankoski made great email templates, and I adapted these templates to use for Canada language and widgets, as well as RESPONSIVE HTML EMAIL templates.
Showed HTML **RESPONSIVE** email at interview. Re-coded Staples static email newsletter template into a responsive, iPhone-friendly format with XHTML1.0 Doctype to be friendly to XML and JSON data packets while being easy to read. Works on all devices.
Continued responsive HTML Email technique by re-making advertising template in the same way I re-made newsletter template.
Made templates for new Canada website launch, including web version of 17-color agency print color palette, which translates print colors into hexadecimal, rgba, hsla, and Sass language syntax for rgba and hsla color variables.
Expert HTML, CSS, Photoshop, and JQuery. Sass SCSS, Modernizr, Sublime Text with Emmet, Grunt with Node JS NPM and JSON, Coda 2.
Taught team member how to download and use Sass SCSS with simple terminal commands, and a small set of the most commonly used commands.
Found Colors.app, a free download that picks HSLa values of colors more accurately than the HSB in Photoshop.
Adapted Ad Agency 16-color print palette for web, including HSL and RGB colors, and hexadecimal versions.
Introduced Sublime Text HTML code generator Emmet with link to cheat sheet! This is a great way to code quickly without leaving out any http://docs.emmet.io/cheat-sheet
Discovered and shared Gumby, a free online 960-grid, responsive SCSS and JS framework that includes buttons, UI, favicon, and apple touch icons.