Leveraging Emerging Web Technologies
- 1. Leveraging Emerging Web Technologies
- 2. John Saal, Moderator Principal and Founder, UnTuck LLC Christine Fajardo Co-Founder, Principal Designer, Bliss & White LLC Ruben Reyes President, Lyquix, Inc. Christian Shea Principal, p4mv
- 3. Leveraging Emerging Web Technologies To Accelerate Business Momentum presented by Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 4. Who Are We? Christine Fajardo Ruben Reyes Christian Shea Co-founder & Principal Designer President Principal Bliss & White, LLC Lyquix, Inc P4MV blissandwhite.com lyquix.com p4mv.com Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 5. Part I: Evolution Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 6. Technology The explosive growth of the Web has been enabled by impressive technological advances in hardware and software Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 7. Internet Connection Speed Mbps = 1,000,000 bits per second █ Wired 622 Mbps █ Mobile 326 Mbps 0.128 Mbps Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 8. Cost of Data Storage $244,140 per TB TB = 1,000,000,000,000 bytes $99 per TB Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 9. Processor Speed MIPS = 1,000,000 instructions per second 76,383 MIPS 300 MIPS Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 10. Software • Faster development, increased quality, Development Tools reduced cost • Better cross-browser, -O/S and -device Standardization operability • Improved design, better detection and Security correction mechanisms • Reduced deployment costs, faster trouble Open Source detection and correction • Increased hardware cost-efficiency, reduced Virtualization operation costs Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 11. What Can We Expect In The Future? • Higher processing speed, storage capacity and connection speed Hardware • Increased energy and space efficiency • Very high-resolution and flexible screens • More organized and efficient open source communities Software • More accurate and faster search engines with characterization of images, audio and video • Increased security Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 12. Mature Market 1.6 billion 74% of 55 to 65 Internet Americans years old users are online females are worldwide the fastest growing segment on Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 13. The Web has Evolved Communication Information Collaborative System Source Medium Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 14. Shifting Behaviors 25% of Americans watched a short 7 million video on their phone last month reviews 300 million 74 million registered users mobile Internet users in the US 120 million use it every day Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 15. New Business Models █ Traditional Business █ Long Tail Product Portfolio Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 16. US Advertising Spending per Media Q4 2008 All 2008 Total -9.2% -4.1% Television -5.1% 0.1% Magazines -13.9% -7.5% Newspapers -16.5% -11.8% Radio -14.8% -10.3% Outdoor -11.2% -1.7% Free Standing Insert 5.0% 1.8% Online 7.0% 4.6% Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 17. Trust in Different Forms of Advertising April 2009 Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 18. Part II: Taking Advantage Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 19. Key Success Factors Image Compatibility Contents Usability Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 20. Web Development Process Site Graphic Build & Launch & Discovery Structure Design Integrate Beyond Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 21. Team and Skills Project Information Copywriter Art Director Manager Designer Marketing Technology Graphic Developer Strategist Consultant Designer Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 22. Hosting Virtual Private Shared Dedicated Server Web ~ ~ Hosting In-House Cloud Computing • Economical • Easy setup • Expensive • Easy setup, no • Administrator or • Complete operation root access control • Limited control • Dedicated • No dedicated CPU/RAM CPU/RAM Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 23. Content Management Systems • Out of the box • Add-ons or plug-ins Functionality • Customization • New development • Developers • Designers Ease of Use • Administrators • Low-skill users • Integration to existing systems Other • Change management • Relationship with provider Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 24. Custom Software Development Cost Technology Design • Custom vs. Pre- • Integration to • Extensibility and packaged existing systems Scalability • Open source vs. • Widely used vs. • Operation and Proprietary Niche Maintenance • Local vs. • Security Offshore • Documentation Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 25. Graphic Design It can be your best friend… Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 26. Graphic Design Or your worse enemy… Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 27. Going From Print to Web Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 28. Key Considerations • Screen variations Less Control • Fonts availability • Color Technical • Image Usage Aspects • Resolution • User behavior Prioritization • Heat maps Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 29. Heat Maps: The Science Behind the Art Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 30. Form Follows Function Which is the main priority? A viewer-friendly An aesthetically page that effectively pleasing and or prioritizes and artistic page highlights key messages The challenge is to balance aesthetics and functionality Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 31. Form Follows Function: Do’s and Don’ts • DO: Refrain from overloading the page with copy • DO: Use bullets and lists to create small, more efficiently Do’s processed blocks of copy • DO: Use color, headings, and spacing to visually break up and organize information • DON’T: Bury important information on the interior pages Don’ts • DON’T: Overload the page with excessive or irrelevant imagery • DON’T: Mix and match multiple font types and styles Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 32. Avoid an Identity Crisis The Same Brand Keep Keep it Rules Apply Consistency Visitor-Friendly • Key messages • Visual • Avoid visual • Core brand consistency or mental values • Translate “print “roadblocks” • Visuals tools” to web • Keep it simple Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 33. “So Much Time and So Little to Do!” “…strike that, reverse it. Thank you.” Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 34. Start with Goals, not Tactics What is the What is the expected result? best method? • Visit? • Multiple content / • Join? delivery options • Lead? • Potential audience and conversion for each • Sale? channel • Educate / Inform? • Cost: Outcome Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 35. Set Metrics What action is What do you expected? consider successful? • Buy • Set target numbers • View or read prior to launching • Interact • Evaluate results against targets • Provide information • External action Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 36. The 4 P’s Still Apply Product Promotion Price Place Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 37. Design Content Functionality It’s all Brand! Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 38. Information Design Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 39. Brand Consistency Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 40. 200px 750px LOGO TOP LEVEL LINKS Make a Donation Volunteer 120px Newsletter Share 90px NAVIGATION 30px About Us | Programs | The Village | News | Contact Us | Search MAIN CONTENT Home > First Level Section > Second Level > Page Title Page Title Cras Sagittis Scelerisque Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fermentum sodales nisl, quis consectetur dui posuere a. Nunc tempus cursus enim id mollis. In hac habitasse platea dictumst. News Nam et diam a metus vulputate volutpat. Proin Commodo Congue Felis Vitae Posuere Ut Faucibus Imperdiet Mauris Pellentesque Quis Nisl Mi Non In laoreet risus sodales et. Duis faucibus tristique neque ut ullamcorper. Suspendisse eleifend Tincidunt 550px fringilla nunc, ut sagittis est iaculis id. Sed vehicula mollis egestas. Fluid Links •Duis convallis leo non lectu •Tristique sit amet condimentum Nullam Nisl Sem UllamcorPer •Tellus tincidunt. Fusce sagittis Et Elementum Morbi Lectus Eros Posuere Non Egestas Auctor et tortor. Pellentesque elementum luctus odio eleifend feugiat. Curabitur commodo condimentum nibh, ut tincidunt magna venenatis quis. Etiam velit dolor, pretium at volutpat sed, accumsan sit amet massa. Sed blandit diam et purus hendrerit posuere. Nulla tempus suscipit porta. Quisque consequat enim non nibh malesuada non tincidunt massa dictum. FOOTER Copyright Contact Us Site Map 30px 950px Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 41. 200px 750px LOGO TOP LEVEL LINKS Make a Donation Volunteer 120px 150px Newsletter Share NAVIGATION 30px About Us | Programs | The Village | News | Contact Us | Search ABOUT US 525px NEWS / BLOG / EVENTS 425px 110px Donec eros nisl, lobortis rutrum tristique ac, posuere eget augue. Nulla egestas dui Proin Commodo Congue Felis Vitae Fluid vitae sem pharetra eu dapibus urna egestas. Cras sagittis scelerisque nisi, vitae Posuere semper justo pulvinar ac. Aliquam tellus justo, laoreet id tempus sit amet, congue eget dui. Nullam nisl sem, ullamcorper et elementum non, venenatis eget sapien. Vestibulum tempor THE VILLAGE malesuada convallis. Nullam elementum vulputate. Read more… Pellentesque Quis Nisl Mi Non 520px Tincidunt Fluid 410px Fluid Live Work Invest Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce volutpat gravida sem, nec auctor magna Here Here Here ullamcorper ac. Mollis ac purus. Nam quis blandit. Read more… Nullam Nisl Sem UllamcorPer Et Elementum Venenatis eget sapien. Vestibulum tempor malesuada convallis. Nullam elementum cursus purus ut vulputate. Read more… FOOTER Copyright Contact Us Site Map 30px 950px Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 42. Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 43. Thank you! Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 44. Q&A Some Key Take Away’s Christine Fajardo • You need a formal and disciplined Co-founder & Principal Designer web development process Bliss & White, LLC • No single person has all the christine@blissandwhite.com necessary skills • There is no technology silver Ruben Reyes bullet – analyze your options and choose the best fit President • Graphic design must consider the Lyquix, Inc characteristics of the Web and ruben.reyes@lyquix.com user behavior • Ensure brand consistency on- and Christian Shea off-line Principal • Set goals and targets before P4MV defining your marketing tactics christian@p4mv.com Leveraging Emerging Web Technologies to Accelerate Business Momentum
- 45. Please complete the survey being distributed by the volunteers. Surveys may be returned to the volunteers or at the Registration Desk in Ballroom A.
- 46. Thank you to our sponsors