http://www.hawkesinteractive.com Sam Whitcombe - Interactive Digital Designer Fri, 30 Sep 2011 17:12:50 +0000 http://www.hawkesinteractive.com en http://www.hawkesinteractive.com/LOGOS http://www.hawkesinteractive.com/following/hawkesinteractive.com/LOGOS Fri, 30 Sep 2011 17:12:50 +0000 Sam Whitcombe - Interactive Digital Designer 2081174 Project Briefs: Seen below are a variety of freelance and commercial LOGO projects for clients Solutions: (Image 1) Supreme Excellence Campaign logo concepts #1 (Image 2) Supreme Excellence Campaign logo concepts #2 (Image 3) Triton Buoys Logo concepts for a new ocean buoy product for a Middle East company (Image 4) XMO Surfboards Logo concepts for a new surf brand company in the Middle East (Image 5) HawkLinks Final logo used for new online company (Image 6) ATTOPS Final logo used for the 2005 ATTOPS (Air Transport Training Operations & Safety) Expo <img src="http://payload.cargocollective.com/1/4/147625/2081174/Supreme Excellence Logo-1_640.jpg" border="0" width="640" height="452" width_o="1754" height_o="1240" src_o="http://payload.cargocollective.com/1/4/147625/2081174/Supreme Excellence Logo-1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2081174/Supreme Excellence Logo-2_640.jpg" border="0" width="640" height="452" width_o="1754" height_o="1240" src_o="http://payload.cargocollective.com/1/4/147625/2081174/Supreme Excellence Logo-2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2081174/Triton logos_640.jpg" border="0" width="640" height="480" width_o="800" height_o="600" src_o="http://payload.cargocollective.com/1/4/147625/2081174/Triton logos_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2081174/XMO Logos - ALL_640.jpg" border="0" width="640" height="452" width_o="2000" height_o="1414" src_o="http://payload.cargocollective.com/1/4/147625/2081174/XMO Logos - ALL_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2081174/Logo.png" border="0" width="600" height="307" width_o="600" height_o="307" src_o="http://payload.cargocollective.com/1/4/147625/2081174/Logo_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2081174/ATTOPS-logo.gif" border="0" width="300" height="163" width_o="300" height_o="163" src_o="http://payload.cargocollective.com/1/4/147625/2081174/ATTOPS-logo_o.gif" align="left" /> http://www.hawkesinteractive.com/Airspeed-Indicator-3D-Simulation http://www.hawkesinteractive.com/following/hawkesinteractive.com/Airspeed-Indicator-3D-Simulation Fri, 30 Sep 2011 11:28:30 +0000 Sam Whitcombe - Interactive Digital Designer 2080315 Project Brief: 3D interactive applications used as visual training aids for Aircraft Maintenance Engineers. The interactive animations are illustrating the inner components of an aircraft system in relation to the flight of the aircraft (not to scale). Solution: (Image 1) Airspeed Indicator Simulation (Image 2) Aneriod Capsule Simulation 3D development using Autodesk 3Ds Max & interactivity built using Adobe Flash & Actionscript programming. <img src="http://payload.cargocollective.com/1/4/147625/2080315/interactive1_640.jpg" border="0" width="640" height="476" width_o="650" height_o="484" src_o="http://payload.cargocollective.com/1/4/147625/2080315/interactive1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2080315/interactive1.1_640.jpg" border="0" width="640" height="478" width_o="860" height_o="643" src_o="http://payload.cargocollective.com/1/4/147625/2080315/interactive1.1_o.jpg" align="left" /> http://www.hawkesinteractive.com/2006-Demo-Reel http://www.hawkesinteractive.com/following/hawkesinteractive.com/2006-Demo-Reel Fri, 23 Sep 2011 12:15:13 +0000 Sam Whitcombe - Interactive Digital Designer 2046602 This demo reel illustrates a lot of the interactive content in use. You can read more about the individual projects throughout this online portfolio. For copyright reasons, the interactive content and animations can not be uploaded to the website (low resolution image sequences were used instead). http://www.hawkesinteractive.com/Vehicle-Large-Format-Stickers http://www.hawkesinteractive.com/following/hawkesinteractive.com/Vehicle-Large-Format-Stickers Wed, 21 Sep 2011 19:07:34 +0000 Sam Whitcombe - Interactive Digital Designer 2016756 Project Brief: The Aviation department purchased over €200,000 of ground aviation vehicles and machinery. They required these assets to be branded. Solutions: I designed branding mock-ups using Photoshop. Once approved, final artwork was designed using Illustrator. I also created detailed instructions for staff in Afghanistan to apply the stickers correctly. <img src="http://payload.cargocollective.com/1/4/147625/2016756/Air Starter Unit1.jpg" border="0" width="381" height="287" width_o="381" height_o="287" src_o="http://payload.cargocollective.com/1/4/147625/2016756/Air Starter Unit1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2016756/Air Starter Unit2.jpg" border="0" width="386" height="288" width_o="386" height_o="288" src_o="http://payload.cargocollective.com/1/4/147625/2016756/Air Starter Unit2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2016756/Ground Power Unit_640.jpg" border="0" width="640" height="291" width_o="1000" height_o="456" src_o="http://payload.cargocollective.com/1/4/147625/2016756/Ground Power Unit_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2016756/Main Deck Loader - Shot1.1_640.jpg" border="0" width="640" height="382" width_o="1000" height_o="598" src_o="http://payload.cargocollective.com/1/4/147625/2016756/Main Deck Loader - Shot1.1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2016756/Main Deck Loader - Shot2_640.jpg" border="0" width="640" height="382" width_o="1000" height_o="598" src_o="http://payload.cargocollective.com/1/4/147625/2016756/Main Deck Loader - Shot2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2016756/Towable Passenger Stairs_640.jpg" border="0" width="640" height="480" width_o="1000" height_o="750" src_o="http://payload.cargocollective.com/1/4/147625/2016756/Towable Passenger Stairs_o.jpg" align="left" /> http://www.hawkesinteractive.com/Directing-Photo-Shoot-Afghanistan http://www.hawkesinteractive.com/following/hawkesinteractive.com/Directing-Photo-Shoot-Afghanistan Wed, 21 Sep 2011 18:16:44 +0000 Sam Whitcombe - Interactive Digital Designer 2020213 Project Brief: Supreme Group required a fresh collection of photography which reflects and highlights the services and capability of the company. The photography will be used for marketing, presentations and bid proposals for future contracts. Solutions: My main role was to survey key personnel to discover exactly the photographs needed. Using the results I built a database of detailed information outlining each shot (camera angle, props required, approvals needed, personnel, POC, QA, location, business unit, etc) Photography: Oz Newcombe - Professional photographer and post production based in Dubai. Myself - I did a small amount of professional photography (Images 1, 3 & 4). Photoshoping images to pass QA (Quality Approval) <img src="http://payload.cargocollective.com/1/4/147625/2020213/DSC_7437.jpg" border="0" width="500" height="311" width_o="500" height_o="311" src_o="http://payload.cargocollective.com/1/4/147625/2020213/DSC_7437_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020213/P1020564.jpg" border="0" width="281" height="500" width_o="281" height_o="500" src_o="http://payload.cargocollective.com/1/4/147625/2020213/P1020564_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020213/DSC_7462.jpg" border="0" width="500" height="331" width_o="500" height_o="331" src_o="http://payload.cargocollective.com/1/4/147625/2020213/DSC_7462_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020213/DSC_7539.jpg" border="0" width="500" height="332" width_o="500" height_o="332" src_o="http://payload.cargocollective.com/1/4/147625/2020213/DSC_7539_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020213/IMG_1908.jpg" border="0" width="500" height="333" width_o="500" height_o="333" src_o="http://payload.cargocollective.com/1/4/147625/2020213/IMG_1908_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020213/IMG_1992A.jpg" border="0" width="500" height="215" width_o="500" height_o="215" src_o="http://payload.cargocollective.com/1/4/147625/2020213/IMG_1992A_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020213/IMG_2109.jpg" border="0" width="500" height="333" width_o="500" height_o="333" src_o="http://payload.cargocollective.com/1/4/147625/2020213/IMG_2109_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020213/IMG_2177.jpg" border="0" width="500" height="333" width_o="500" height_o="333" src_o="http://payload.cargocollective.com/1/4/147625/2020213/IMG_2177_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020213/IMG_2182.jpg" border="0" width="500" height="333" width_o="500" height_o="333" src_o="http://payload.cargocollective.com/1/4/147625/2020213/IMG_2182_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020213/IMG_2186.jpg" border="0" width="333" height="500" width_o="333" height_o="500" src_o="http://payload.cargocollective.com/1/4/147625/2020213/IMG_2186_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020213/IMG_2190.jpg" border="0" width="500" height="333" width_o="500" height_o="333" src_o="http://payload.cargocollective.com/1/4/147625/2020213/IMG_2190_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020213/IMG_2732.jpg" border="0" width="500" height="333" width_o="500" height_o="333" src_o="http://payload.cargocollective.com/1/4/147625/2020213/IMG_2732_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020213/IMG_3403.jpg" border="0" width="500" height="333" width_o="500" height_o="333" src_o="http://payload.cargocollective.com/1/4/147625/2020213/IMG_3403_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020213/IMG_3433.jpg" border="0" width="500" height="333" width_o="500" height_o="333" src_o="http://payload.cargocollective.com/1/4/147625/2020213/IMG_3433_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020213/IMG_3504.jpg" border="0" width="500" height="333" width_o="500" height_o="333" src_o="http://payload.cargocollective.com/1/4/147625/2020213/IMG_3504_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020213/IMG_3696.jpg" border="0" width="500" height="333" width_o="500" height_o="333" src_o="http://payload.cargocollective.com/1/4/147625/2020213/IMG_3696_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020213/OZZ_9169.jpg" border="0" width="500" height="331" width_o="500" height_o="331" src_o="http://payload.cargocollective.com/1/4/147625/2020213/OZZ_9169_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020213/P1020556.jpg" border="0" width="314" height="500" width_o="314" height_o="500" src_o="http://payload.cargocollective.com/1/4/147625/2020213/P1020556_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020213/P1020562.jpg" border="0" width="281" height="500" width_o="281" height_o="500" src_o="http://payload.cargocollective.com/1/4/147625/2020213/P1020562_o.jpg" align="left" /> http://www.hawkesinteractive.com/HTML-Email-Marketing-Campaigns http://www.hawkesinteractive.com/following/hawkesinteractive.com/HTML-Email-Marketing-Campaigns Wed, 21 Sep 2011 17:17:59 +0000 Sam Whitcombe - Interactive Digital Designer 2016714 Project Brief: Each of the below images represents a different project. The majority of the HTML Marketing Email projects were used to communicate to a wide audience (either as an internal communication to the 9,000 staff or to clients) an upcoming event or critical information. Solution: I must say that it is technically difficult to successfully develop and execute a HTML email for marketing purposes (which is why many people use HTML email templates from online email marketing companies). The reason being is because there are many HTML limitations if you are to execute it through email. The bottom line is - keep it simple! Why? because your HTML email needs to be read successfully by a lot of different software (such as email programs like Outlook, Mac Mail, Entourage and the hundreds of online email providers like Hotmail, Gmail, Yahoo Mail etc) - they dont all do a great job reading HTML. Because you (the developer) can only guess which email service they're using, then you need to make sure that your HTML email campaign will successfully render on as many email programs as possible. So, to successfully build a workable HTML email, you need to test, test and test your HTML email campaigns on as many platforms, email programs and online email services as possible. <img src="http://payload.cargocollective.com/1/4/147625/2016714/HTML_email13_640.png" border="0" width="640" height="584" width_o="960" height_o="877" src_o="http://payload.cargocollective.com/1/4/147625/2016714/HTML_email13_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2016714/HTML_email6.png" border="0" width="622" height="844" width_o="622" height_o="844" src_o="http://payload.cargocollective.com/1/4/147625/2016714/HTML_email6_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2016714/HTML_email14.2_640.png" border="0" width="640" height="795" width_o="755" height_o="938" src_o="http://payload.cargocollective.com/1/4/147625/2016714/HTML_email14.2_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2016714/HTML_email2_640.png" border="0" width="640" height="771" width_o="679" height_o="818" src_o="http://payload.cargocollective.com/1/4/147625/2016714/HTML_email2_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2016714/HTML_email1.png" border="0" width="570" height="952" width_o="570" height_o="952" src_o="http://payload.cargocollective.com/1/4/147625/2016714/HTML_email1_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2016714/HTML_email9.png" border="0" width="639" height="786" width_o="639" height_o="786" src_o="http://payload.cargocollective.com/1/4/147625/2016714/HTML_email9_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2016714/HTML_email5.png" border="0" width="630" height="994" width_o="630" height_o="994" src_o="http://payload.cargocollective.com/1/4/147625/2016714/HTML_email5_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2016714/HTML_email8.png" border="0" width="597" height="756" width_o="597" height_o="756" src_o="http://payload.cargocollective.com/1/4/147625/2016714/HTML_email8_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2016714/HTML_email12.png" border="0" width="622" height="723" width_o="622" height_o="723" src_o="http://payload.cargocollective.com/1/4/147625/2016714/HTML_email12_o.png" align="left" /> (Image 1 and 2) Supreme sponsored cricket test match Afghanistan vs. Scotland. Played at Dubai Sports City stadium. Image 1 displayed in Microsoft Outlook. (Image 3) Supreme Staff End of Year Party HTML Invitation. Displayed in Microsoft Outlook. (Image 4) Christmas message from Directors (Image 5) Christmas message from Aviation Director (Image 6) Season Greetings HTML Email (Image 7) Ethics Hotline launch (Image 8) Company re-branding launch (Image 9) 2011 Sports Festival in Sudan. Design by Catalina Tapia. http://www.hawkesinteractive.com/Season-Greetings-Animation http://www.hawkesinteractive.com/following/hawkesinteractive.com/Season-Greetings-Animation Wed, 21 Sep 2011 17:17:54 +0000 Sam Whitcombe - Interactive Digital Designer 2031390 Project Brief: To send our regards and best wishes during the Christmas holidays to all clients and customers. We will achieve this through a package of Season Greetings marketing materials. Keeping to a holiday theme, we will send our clients a Season Greetings card, also a HTML Marketing Email which links to a 45 second 2D animation. Solution: Amy Wells (Graphic Designer) designed the artistic concept for the card. I built on this concept with the creation of the 45 second animation. The animation sequence can be seen below in the image slideshow (Images 2 to 7). Software: Animation: Flash and ActionScript2 HTML Marketing Email: Photoshop and Dreamweaver <img src="http://payload.cargocollective.com/1/4/147625/2031390/HTML_email9.png" border="0" width="639" height="786" width_o="639" height_o="786" src_o="http://payload.cargocollective.com/1/4/147625/2031390/HTML_email9_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2031390/season_greetings1_640.png" border="0" width="640" height="480" width_o="982" height_o="738" src_o="http://payload.cargocollective.com/1/4/147625/2031390/season_greetings1_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2031390/season_greetings2_640.png" border="0" width="640" height="478" width_o="985" height_o="736" src_o="http://payload.cargocollective.com/1/4/147625/2031390/season_greetings2_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2031390/season_greetings3_640.png" border="0" width="640" height="479" width_o="984" height_o="737" src_o="http://payload.cargocollective.com/1/4/147625/2031390/season_greetings3_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2031390/season_greetings4_640.png" border="0" width="640" height="478" width_o="985" height_o="736" src_o="http://payload.cargocollective.com/1/4/147625/2031390/season_greetings4_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2031390/season_greetings5_640.png" border="0" width="640" height="479" width_o="983" height_o="736" src_o="http://payload.cargocollective.com/1/4/147625/2031390/season_greetings5_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2031390/season_greetings7_640.png" border="0" width="640" height="478" width_o="985" height_o="737" src_o="http://payload.cargocollective.com/1/4/147625/2031390/season_greetings7_o.png" align="left" /> http://www.hawkesinteractive.com/Google-Map-API-for-Office-Location http://www.hawkesinteractive.com/following/hawkesinteractive.com/Google-Map-API-for-Office-Location Tue, 20 Sep 2011 17:13:50 +0000 Sam Whitcombe - Interactive Digital Designer 2016698 Project Brief: For first timers, its real difficult to find the location to Supreme's office headquarters. Therefore, the company required a location map with clear directions from Abu Dhabi Airport and from the Dubai Airport. The map needed to be in PDF format so that it can be emailed to clients. A map was also required for the company's website and intranet. Instead of uploading the PDF to the web, i wanted to include a Google Map API (Application-Programming Interface). Solution: Firstly, I designed the location map graphic using Illustrator (Image 1). (Image 2 to beyond) Secondly, I begun exploring and learning the code, scripts and technology to customize a Google Map to pin-point Supreme's Headquarters. I also realized how to customize the comments box (above the location marker) to add the company's contact details. The last task was to insert and adjust the size of the Google Map API to fit the website layout. <img src="http://payload.cargocollective.com/1/4/147625/2016698/Location_Map1_640.png" border="0" width="640" height="450" width_o="1500" height_o="1057" src_o="http://payload.cargocollective.com/1/4/147625/2016698/Location_Map1_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2016698/Picture 7_640.png" border="0" width="640" height="425" width_o="899" height_o="598" src_o="http://payload.cargocollective.com/1/4/147625/2016698/Picture 7_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2016698/Picture 8_640.png" border="0" width="640" height="427" width_o="912" height_o="609" src_o="http://payload.cargocollective.com/1/4/147625/2016698/Picture 8_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2016698/Picture 14_640.png" border="0" width="640" height="472" width_o="798" height_o="589" src_o="http://payload.cargocollective.com/1/4/147625/2016698/Picture 14_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2016698/Picture 17.png" border="0" width="561" height="424" width_o="561" height_o="424" src_o="http://payload.cargocollective.com/1/4/147625/2016698/Picture 17_o.png" align="left" /> http://www.hawkesinteractive.com/A6-Booklets-for-L-D-Training http://www.hawkesinteractive.com/following/hawkesinteractive.com/A6-Booklets-for-L-D-Training Tue, 20 Sep 2011 17:11:10 +0000 Sam Whitcombe - Interactive Digital Designer 2020224 Project Brief: Displayed here are 3 separate projects. All projects were for the Learning & Development department. The requirement was to design an A6 sized booklet so that employees in Theatre (Afghanistan and other conflict zones) could carry it with them on duty. Solution: The booklets were printed on a 150gsm (300gsm cover) art Matt Laminated stock to make it water resistant and durable. (Images 1 to 3) Personal Achievement Passport This 12 page booklet is for the employees to record all short course training (e-learning & classroom), licenses and certificates up to date. (Images 4 to 7) Forklift & Industrial Truck Safety Code This 32 page booklet outlines the operational procedures, OH&S and helpful tips when operating a forklift or industrial truck (the operator successfully past training to receive this booklet). (Images 8 to 11) Dari Phrase Booklet This 22 page booklet assists non-Dari (language of Afghanistan) speaking people learn and communicate the basic and essential information while based in Afghanistan. The booklet includes the Dari alphabet, numbers, basic words, directions, greetings, time, emergency, medical, people and places. <img src="http://payload.cargocollective.com/1/4/147625/2020224/L-D7_640.png" border="0" width="640" height="451" width_o="1240" height_o="874" src_o="http://payload.cargocollective.com/1/4/147625/2020224/L-D7_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020224/L-D9_640.png" border="0" width="640" height="451" width_o="1240" height_o="874" src_o="http://payload.cargocollective.com/1/4/147625/2020224/L-D9_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020224/L-D9.1_640.png" border="0" width="640" height="451" width_o="1240" height_o="874" src_o="http://payload.cargocollective.com/1/4/147625/2020224/L-D9.1_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020224/L-D1.png" border="0" width="620" height="874" width_o="620" height_o="874" src_o="http://payload.cargocollective.com/1/4/147625/2020224/L-D1_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020224/L-D3_640.png" border="0" width="640" height="451" width_o="1240" height_o="874" src_o="http://payload.cargocollective.com/1/4/147625/2020224/L-D3_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020224/L-D4_640.png" border="0" width="640" height="451" width_o="1240" height_o="874" src_o="http://payload.cargocollective.com/1/4/147625/2020224/L-D4_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020224/L-D5_640.png" border="0" width="640" height="451" width_o="1240" height_o="874" src_o="http://payload.cargocollective.com/1/4/147625/2020224/L-D5_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020224/L-D13_640.png" border="0" width="640" height="451" width_o="1240" height_o="874" src_o="http://payload.cargocollective.com/1/4/147625/2020224/L-D13_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020224/L-D15_640.png" border="0" width="640" height="451" width_o="1240" height_o="874" src_o="http://payload.cargocollective.com/1/4/147625/2020224/L-D15_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020224/L-D16_640.png" border="0" width="640" height="451" width_o="1240" height_o="874" src_o="http://payload.cargocollective.com/1/4/147625/2020224/L-D16_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/4/147625/2020224/L-D18_640.png" border="0" width="640" height="451" width_o="1240" height_o="874" src_o="http://payload.cargocollective.com/1/4/147625/2020224/L-D18_o.png" align="left" /> http://www.hawkesinteractive.com/Xmas-Party-Invitation-Animation http://www.hawkesinteractive.com/following/hawkesinteractive.com/Xmas-Party-Invitation-Animation Mon, 19 Sep 2011 17:39:08 +0000 Sam Whitcombe - Interactive Digital Designer 2016768 Project Brief: To conceptualize and design the 2010 Christmas party communications. This included office A3 posters, a fun 2D animation to reveal mystery location of party, and 4 reminder HTML marketing emails. Solution: (Image 1) 'Save the Date' A3 poster This internal communications poster was used as a teaser (we did not reveal the location of Christmas party until final week) and for the staff members to save the date. The poster was designed using Illustrator and Photoshop. (Image 2 to 5) Animation Sequence A 45 second 2D animation which revealed the 2010 Christmas party location for the 500 staff. Hosted at the iconic Atlantis Hotel! The animation was made using Flash and Actionscript 2. (Images 6 to 8) HTML Marketing Emails I developed 4 HTML marketing emails (which are single page webpages) using Dreamweaver. HTML and CSS languages to construct the webpages. The biggest difficulty is the testing stage which involves testing the HTML email on as many email software programs (Outlook, Mac Mail, Entourage) and online email providers (hotmail, gmail, yahoo). There are many HTML constraints when building a webpage for email - flaunt with danger! <img src="http://payload.cargocollective.com/1/4/147625/2016768/xmas_animation1_640.jpg" border="0" width="640" height="853" width_o="750" height_o="1000" src_o="http://payload.cargocollective.com/1/4/147625/2016768/xmas_animation1_o.jpg" align="left" caption="End of Year Party A3 poster"/> <img src="http://payload.cargocollective.com/1/4/147625/2016768/xmas_animation2_640.png" border="0" width="640" height="483" width_o="1187" height_o="896" src_o="http://payload.cargocollective.com/1/4/147625/2016768/xmas_animation2_o.png" align="left" caption="Animation Sequence"/> <img src="http://payload.cargocollective.com/1/4/147625/2016768/xmas_animation3_640.png" border="0" width="640" height="478" width_o="1187" height_o="888" src_o="http://payload.cargocollective.com/1/4/147625/2016768/xmas_animation3_o.png" align="left" caption="Animation Sequence"/> <img src="http://payload.cargocollective.com/1/4/147625/2016768/xmas_animation5_640.png" border="0" width="640" height="479" width_o="1185" height_o="888" src_o="http://payload.cargocollective.com/1/4/147625/2016768/xmas_animation5_o.png" align="left" caption="Animation Sequence"/> <img src="http://payload.cargocollective.com/1/4/147625/2016768/xmas_animation6_640.png" border="0" width="640" height="480" width_o="1186" height_o="891" src_o="http://payload.cargocollective.com/1/4/147625/2016768/xmas_animation6_o.png" align="left" caption="Animation Sequence"/>