http://www.kellydechiaro.com Kelly DeChiaro | Interactive Designer & Art Director Sat, 28 Apr 2012 22:39:35 +0000 http://www.kellydechiaro.com en http://www.kellydechiaro.com/Women-s-Health-Guide-to-Your-Breasts http://www.kellydechiaro.com/following/kellydechiaro.com/Women-s-Health-Guide-to-Your-Breasts Sat, 28 Apr 2012 22:39:35 +0000 Kelly DeChiaro | Interactive Designer & Art Director 3299563 Designed the interface and overall look and feel for the Women's Health Guide to your breasts. Designed and coded a quiz for the Name that Cleavage feature using HTML/CSS/JQuery. Also designed title and end cards for videos used throughout this feature. Winner of Min's 2012 Best of the Web Awards: Microsite/Custom Web Site View website » <img src="http://payload49.cargocollective.com/1/3/111546/3299563/wh-guidetobreasts_640.png" width="640" height="789" width_o="659" height_o="813" src_o="http://payload49.cargocollective.com/1/3/111546/3299563/wh-guidetobreasts_o.png" data-mid="16925112" border="0" align="left"/><img src="http://payload49.cargocollective.com/1/3/111546/3299563/quiz-1.jpg" width="600" height="800" width_o="600" height_o="800" src_o="http://payload49.cargocollective.com/1/3/111546/3299563/quiz-1_o.jpg" data-mid="16925051" border="0" align="left"/><img src="http://payload49.cargocollective.com/1/3/111546/3299563/breast-quiz3_640.jpg" width="640" height="816" width_o="656" height_o="837" src_o="http://payload49.cargocollective.com/1/3/111546/3299563/breast-quiz3_o.jpg" data-mid="16925054" border="0" align="left"/><img src="http://payload49.cargocollective.com/1/3/111546/3299563/wh-videotitles.png" width="600" height="723" width_o="600" height_o="723" src_o="http://payload49.cargocollective.com/1/3/111546/3299563/wh-videotitles_o.png" data-mid="16925059" border="0" align="left"/> http://www.kellydechiaro.com/FlareMail-App http://www.kellydechiaro.com/following/kellydechiaro.com/FlareMail-App Sat, 28 Apr 2012 21:49:16 +0000 Kelly DeChiaro | Interactive Designer & Art Director 3299418 Designed the UX and UI for FlareMail, a location sharing app for iOS and Android platforms. Designed logo and iconography. Developed the front-end for a responsive mobile landing page for viewing the flares sent from family and friends. Designed and developed the marketing page for the app. Get the app » <img src="http://payload49.cargocollective.com/1/3/111546/3299418/FlareMail-allphones_640.jpg" width="640" height="440" width_o="900" height_o="620" src_o="http://payload49.cargocollective.com/1/3/111546/3299418/FlareMail-allphones_o.jpg" data-mid="16923761" border="0" align="left"/> http://www.kellydechiaro.com/Uncorked-Studios-Website http://www.kellydechiaro.com/following/kellydechiaro.com/Uncorked-Studios-Website Sat, 28 Apr 2012 21:31:26 +0000 Kelly DeChiaro | Interactive Designer & Art Director 2680334 Designed and coded a responsive website with a content management admin system for easy editing. The website uses CSS media queries to adapt to screen sizes and adapts for tablets and mobile phones. Also designed and developed a separate mobile design that uses a slightly altered template and reduces content and image sizes that are required to load for mobile users. View website » <img src="http://payload19.cargocollective.com/1/3/111546/2680334/responsive-design3_640.png" width="640" height="480" width_o="720" height_o="540" src_o="http://payload19.cargocollective.com/1/3/111546/2680334/responsive-design3_o.png" data-mid="16923149" border="0" align="left"/> <img src="http://payload19.cargocollective.com/1/3/111546/2680334/blog-1_640.png" width="640" height="412" width_o="1265" height_o="816" src_o="http://payload19.cargocollective.com/1/3/111546/2680334/blog-1_o.png" data-mid="16923372" border="0" align="left"/> <img src="http://payload19.cargocollective.com/1/3/111546/2680334/products-3_640.png" width="640" height="461" width_o="1028" height_o="741" src_o="http://payload19.cargocollective.com/1/3/111546/2680334/products-3_o.png" data-mid="16923384" border="0" align="left"/> <img src="http://payload19.cargocollective.com/1/3/111546/2680334/uncorked-phone.jpg" width="600" height="637" width_o="600" height_o="637" src_o="http://payload19.cargocollective.com/1/3/111546/2680334/uncorked-phone_o.jpg" data-mid="16923387" border="0" align="left"/> http://www.kellydechiaro.com/LEGO-Super-Heroes-App-UX http://www.kellydechiaro.com/following/kellydechiaro.com/LEGO-Super-Heroes-App-UX Sat, 28 Apr 2012 21:17:55 +0000 Kelly DeChiaro | Interactive Designer & Art Director 3299064 Developed the information architecture and user experience for the LEGO Super Heroes Movie Maker stop-motion app. Worked through and designed for various scenarios to create an experience easy enough for children to learn and enjoy, while incorporating advanced editing features for LEGO fans of all ages. Also prepared and cut assets from the final layered designs delivered by agency Pereira O' Dell. Try out the app » <img src="http://payload49.cargocollective.com/1/3/111546/3299064/lego-demo_640.jpg" width="640" height="426" width_o="1000" height_o="666" src_o="http://payload49.cargocollective.com/1/3/111546/3299064/lego-demo_o.jpg" data-mid="16925796" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/3/111546/3299064/LEGO-moviemaker-4_640.jpg" width="640" height="315" width_o="900" height_o="444" src_o="http://payload49.cargocollective.com/1/3/111546/3299064/LEGO-moviemaker-4_o.jpg" data-mid="16921873" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/3/111546/3299064/lego-ux_640.jpg" width="640" height="480" width_o="1200" height_o="900" src_o="http://payload49.cargocollective.com/1/3/111546/3299064/lego-ux_o.jpg" data-mid="16922664" border="0" align="left"/> <img src="http://payload49.cargocollective.com/1/3/111546/3299064/LEGO-moviemaker-1_640.jpg" width="640" height="305" width_o="900" height_o="430" src_o="http://payload49.cargocollective.com/1/3/111546/3299064/LEGO-moviemaker-1_o.jpg" data-mid="16921871" border="0" align="left"/> Developers - Uncorked Studios Visual design - Pereira O' Dell<img src="http://payload49.cargocollective.com/1/3/111546/3299064/lego-takepic_3_640.jpg" width="640" height="439" width_o="1000" height_o="687" src_o="http://payload49.cargocollective.com/1/3/111546/3299064/lego-takepic_3_o.jpg" data-mid="16925525" border="0" align="left"/><img src="http://payload49.cargocollective.com/1/3/111546/3299064/lego-demo_640.jpg" width="640" height="426" width_o="1000" height_o="666" src_o="http://payload49.cargocollective.com/1/3/111546/3299064/lego-demo_o.jpg" data-mid="16925796" border="0" align="left"/> http://www.kellydechiaro.com/Nascar-Sprint-Cup-mobile-web-development http://www.kellydechiaro.com/following/kellydechiaro.com/Nascar-Sprint-Cup-mobile-web-development Thu, 26 Jan 2012 08:06:55 +0000 Kelly DeChiaro | Interactive Designer & Art Director 2680308 Mobile web development for Nascar Sprint Cup mobile website. Coded using HTML, CSS and jQuery to work across phone platforms, iOS, Android and newer blackberry devices. Role: Development Design: Goodby, Silverstein & Partners View mobile site » (better on a mobile phone) <img src="http://payload19.cargocollective.com/1/3/111546/2680308/12-ucs-sprint-nascar_640.jpeg" width="640" height="440" width_o="900" height_o="620" src_o="http://payload19.cargocollective.com/1/3/111546/2680308/12-ucs-sprint-nascar_o.jpeg" data-mid="13583616" border="0" align="left"/> http://www.kellydechiaro.com/Cisco-Anywhere-Office-Data-Visualization http://www.kellydechiaro.com/following/kellydechiaro.com/Cisco-Anywhere-Office-Data-Visualization Thu, 26 Jan 2012 07:39:05 +0000 Kelly DeChiaro | Interactive Designer & Art Director 2339043 Coded Cisco data visualization using HTML5, CSS3 and Javascript animations. The data visualization contains 5 main sections, each with different interactions and animations within it developed using different code. Role: Front-end Development Client: Visual.ly & Cisco Design: Visual.ly View interactive infographic » <img src="http://payload1.cargocollective.com/1/3/111546/2339043/11-cisco-interactive_640.jpg" width="640" height="1920" width_o="1022" height_o="3066" src_o="http://payload1.cargocollective.com/1/3/111546/2339043/11-cisco-interactive_o.jpg" data-mid="13583530" border="0" align="left"/> http://www.kellydechiaro.com/Men-s-Health-Sandwich-Builder http://www.kellydechiaro.com/following/kellydechiaro.com/Men-s-Health-Sandwich-Builder Thu, 26 Jan 2012 07:18:55 +0000 Kelly DeChiaro | Interactive Designer & Art Director 2338865 Created the concept and design for an interactive sandwich builder that shows users the nutrition facts as they build a sandwich, provides a live updated visual sandwich, and allows user to name and share their final sandwich design on social networks. Additionally, art directed the photography shoot for each ingredient. Role: Concept, design, photography direction and production View Website » <img src="http://payload1.cargocollective.com/1/3/111546/2338865/11-MH-Sandwich-Center-2_640.jpg" width="640" height="784" width_o="800" height_o="981" src_o="http://payload1.cargocollective.com/1/3/111546/2338865/11-MH-Sandwich-Center-2_o.jpg" data-mid="13583101" border="0" align="left"/><img src="http://payload1.cargocollective.com/1/3/111546/2338865/11-MH-Sandwich-Center-3_640.jpg" width="640" height="784" width_o="800" height_o="981" src_o="http://payload1.cargocollective.com/1/3/111546/2338865/11-MH-Sandwich-Center-3_o.jpg" data-mid="13583102" border="0" align="left"/> http://www.kellydechiaro.com/Men-s-Health-Drag-and-Drop-jQuery-Game http://www.kellydechiaro.com/following/kellydechiaro.com/Men-s-Health-Drag-and-Drop-jQuery-Game Thu, 09 Jun 2011 21:54:56 +0000 Kelly DeChiaro | Interactive Designer & Art Director 1570421 Concepted and designed interactive drag and drop game for a Rodale book promotion of a newly released book. Worked on visual design, provided specs to developers, created rules and outlined specifications for the playbook as well, which allows the sorting of positions. View website <img src="http://payload.cargocollective.com/1/3/111546/1570421/11-sexpositiongame_640.png" width="640" height="517" width_o="1262" height_o="1021" src_o="http://payload.cargocollective.com/1/3/111546/1570421/11-sexpositiongame_o.png" data-mid="7688019" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/3/111546/1570421/11-MH-sexpositiongame-1_640.png" width="640" height="517" width_o="1268" height_o="1025" src_o="http://payload.cargocollective.com/1/3/111546/1570421/11-MH-sexpositiongame-1_o.png" data-mid="7688021" border="0" align="left"/> http://www.kellydechiaro.com/Men-s-Health-Video-Center-Design http://www.kellydechiaro.com/following/kellydechiaro.com/Men-s-Health-Video-Center-Design Thu, 09 Jun 2011 21:39:55 +0000 Kelly DeChiaro | Interactive Designer & Art Director 1570322 Designed a new Men's Health video center and worked with creative director and IT directors on specs for functionality, layout and ad requirements. Website is designed to showcase all varieties of video types created by the Men's Health team and to easily allow users to sort by different options including categories, views, and social popularity. View website <img src="http://payload.cargocollective.com/1/3/111546/1570322/11-MH-video_1_640.png" width="640" height="1031" width_o="1140" height_o="1838" src_o="http://payload.cargocollective.com/1/3/111546/1570322/11-MH-video_1_o.png" data-mid="7687577" border="0" align="left"/> http://www.kellydechiaro.com/Men-s-Health-Editorial-Tiles http://www.kellydechiaro.com/following/kellydechiaro.com/Men-s-Health-Editorial-Tiles Thu, 09 Jun 2011 21:31:10 +0000 Kelly DeChiaro | Interactive Designer & Art Director 1570296 <img src="http://payload.cargocollective.com/1/3/111546/1570296/11-tiles.png" width="549" height="492" width_o="549" height_o="492" src_o="http://payload.cargocollective.com/1/3/111546/1570296/11-tiles_o.png" data-mid="7687284" border="0" align="left"/>