Leveraging Emerging
 Web Technologies
John Saal, Moderator
       Principal and Founder, UnTuck LLC

            Christine Fajardo
Co-Founder, Principal Designe...
Leveraging Emerging Web
                  Technologies To Accelerate
                     Business Momentum

             ...
Who Are We?




          Christine Fajardo                            Ruben Reyes     Christian Shea
          Co-founder...
Part I: Evolution



Leveraging Emerging Web Technologies to Accelerate Business Momentum
Technology




                     The explosive growth of the Web has
                   been enabled by impressive tech...
Internet Connection Speed

         Mbps = 1,000,000 bits per second                              █ Wired    622 Mbps

   ...
Cost of Data Storage


     $244,140 per TB                                                   TB = 1,000,000,000,000 bytes...
Processor Speed

        MIPS = 1,000,000 instructions per second                       76,383 MIPS




      300 MIPS



...
Software

                                                  • Faster development, increased quality,
          Development...
What Can We Expect In The Future?



                                          • Higher processing speed, storage capacity...
Mature Market


           1.6 billion                                   74% of          55 to 65
            Internet    ...
The Web has Evolved




    Communication                                    Information       Collaborative
       System...
Shifting Behaviors

                                                                        25%
                          ...
New Business Models

                                                                       █ Traditional Business

      ...
US Advertising Spending per Media


                                                                   Q4 2008      All 20...
Trust in Different Forms of Advertising




                                                                       April 2...
Part II: Taking Advantage



Leveraging Emerging Web Technologies to Accelerate Business Momentum
Key Success Factors




                                                         Image



                                ...
Web Development Process




                                 Site                     Graphic       Build &    Launch &
  ...
Team and Skills

Project               Information                                      Copywriter   Art Director
Manager ...
Hosting

                                                         Virtual
                                                ...
Content Management Systems

                               •   Out of the box
                               •   Add-ons o...
Custom Software Development



                   Cost                                 Technology           Design



    ...
Graphic Design

                                         It can be your best friend…




Leveraging Emerging Web Technolog...
Graphic Design

                                            Or your worse enemy…




Leveraging Emerging Web Technologies ...
Going From Print to Web




Leveraging Emerging Web Technologies to Accelerate Business Momentum
Key Considerations


                                                   • Screen variations
                  Less Control...
Heat Maps: The Science Behind the Art




Leveraging Emerging Web Technologies to Accelerate Business Momentum
Form Follows Function

                                         Which is the main priority?




                          ...
Form Follows Function: Do’s and Don’ts

                          • DO: Refrain from overloading the page with copy

     ...
Avoid an Identity Crisis



        The Same Brand                                     Keep              Keep it
         ...
“So Much Time and So Little to Do!”




“…strike that, reverse it. Thank you.”
Leveraging Emerging Web Technologies to Acc...
Start with Goals, not Tactics


          What is the                                                   What is the
      ...
Set Metrics



              What action is                                              What do you
               expect...
The 4 P’s Still Apply




                                                     Product
                                   ...
Design                                      Content        Functionality




                           It’s all Brand!

L...
Information Design




Leveraging Emerging Web Technologies to Accelerate Business Momentum
Brand Consistency




Leveraging Emerging Web Technologies to Accelerate Business Momentum
200px                                                                                750px

         LOGO                 ...
200px                                                                         750px

          LOGO                       ...
Leveraging Emerging Web Technologies to Accelerate Business Momentum
Thank you!



Leveraging Emerging Web Technologies to Accelerate Business Momentum
Q&A

         Some Key Take Away’s
                                                                       Christine Fajard...
Please complete the survey being
  distributed by the volunteers.
 Surveys may be returned to the
 volunteers or at the Re...
Thank you to our sponsors
Upcoming SlideShare
Loading in...5
×

Leveraging Emerging Web Technologies

1,115

Published on

Published in: Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,115
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
36
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Leveraging Emerging Web Technologies

  1. 1. Leveraging Emerging Web Technologies
  2. 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. 3. Leveraging Emerging Web Technologies To Accelerate Business Momentum presented by Leveraging Emerging Web Technologies to Accelerate Business Momentum
  4. 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. 5. Part I: Evolution Leveraging Emerging Web Technologies to Accelerate Business Momentum
  6. 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. 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. 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. 9. Processor Speed MIPS = 1,000,000 instructions per second 76,383 MIPS 300 MIPS Leveraging Emerging Web Technologies to Accelerate Business Momentum
  10. 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. 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. 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. 13. The Web has Evolved Communication Information Collaborative System Source Medium Leveraging Emerging Web Technologies to Accelerate Business Momentum
  14. 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. 15. New Business Models █ Traditional Business █ Long Tail Product Portfolio Leveraging Emerging Web Technologies to Accelerate Business Momentum
  16. 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. 17. Trust in Different Forms of Advertising April 2009 Leveraging Emerging Web Technologies to Accelerate Business Momentum
  18. 18. Part II: Taking Advantage Leveraging Emerging Web Technologies to Accelerate Business Momentum
  19. 19. Key Success Factors Image Compatibility Contents Usability Leveraging Emerging Web Technologies to Accelerate Business Momentum
  20. 20. Web Development Process Site Graphic Build & Launch & Discovery Structure Design Integrate Beyond Leveraging Emerging Web Technologies to Accelerate Business Momentum
  21. 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. 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. 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. 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. 25. Graphic Design It can be your best friend… Leveraging Emerging Web Technologies to Accelerate Business Momentum
  26. 26. Graphic Design Or your worse enemy… Leveraging Emerging Web Technologies to Accelerate Business Momentum
  27. 27. Going From Print to Web Leveraging Emerging Web Technologies to Accelerate Business Momentum
  28. 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. 29. Heat Maps: The Science Behind the Art Leveraging Emerging Web Technologies to Accelerate Business Momentum
  30. 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. 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. 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. 33. “So Much Time and So Little to Do!” “…strike that, reverse it. Thank you.” Leveraging Emerging Web Technologies to Accelerate Business Momentum
  34. 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. 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. 36. The 4 P’s Still Apply Product Promotion Price Place Leveraging Emerging Web Technologies to Accelerate Business Momentum
  37. 37. Design Content Functionality It’s all Brand! Leveraging Emerging Web Technologies to Accelerate Business Momentum
  38. 38. Information Design Leveraging Emerging Web Technologies to Accelerate Business Momentum
  39. 39. Brand Consistency Leveraging Emerging Web Technologies to Accelerate Business Momentum
  40. 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. 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. 42. Leveraging Emerging Web Technologies to Accelerate Business Momentum
  43. 43. Thank you! Leveraging Emerging Web Technologies to Accelerate Business Momentum
  44. 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. 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. 46. Thank you to our sponsors
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×