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
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
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
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.