Leveraging Emerging Web Technologies

Leveraging Emerging Web Technologies

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

Leveraging Emerging Web Technologies to Accelerate Business Momentum

Leveraging Emerging Web Technologies To Accelerate

Business Momentum

presented by


Who Are We?

Christine Fajardo

Co-founder & Principal Designer

Bliss & White, LLC

blissandwhite.com

Ruben Reyes

President

Lyquix, Inc

lyquix.com

Christian Shea

Principal

P4MV

p4mv.com


Part I: Evolution


Technology

The explosive growth of the Web has been enabled by impressive technological

advances in hardware and software


Internet Connection Speed

0.128 Mbps

622 Mbps

326 Mbps

█

Wired

█

Mobile

Mbps = 1,000,000 bits per second


Cost of Data Storage

$244,140 per TB

$99 per TB

TB = 1,000,000,000,000 bytes


Processor Speed

76,383 MIPS

300 MIPS

MIPS = 1,000,000 instructions per second


Software

• Faster development, increased quality, reduced costDevelopment Tools

• Better cross-browser, -O/S and -device operabilityStandardization

• Improved design, better detection and correction mechanismsSecurity

• Reduced deployment costs, faster trouble detection and correctionOpen Source

• Increased hardware cost-efficiency, reduced operation costsVirtualization


What Can We Expect In The Future?

• Higher processing speed, storage capacity and connection speed

• Increased energy and space efficiency• Very high-resolution and flexible screens

Hardware

• More organized and efficient open source communities

• More accurate and faster search engines with characterization of images, audio and video

• Increased security

Software


Mature Market

74% of Americans are online

1.6 billion Internet

users worldwide

55 to 65 years old

females are the fastest

growing segment on


The Web has Evolved

Communication System

Information Source

Collaborative Medium


Shifting Behaviors

25%of Americans

watched a short video on their

phone last month

300 millionregistered users

120 millionuse it every day

7 millionreviews

74 millionmobile Internet users in the US


New Business Models

Product Portfolio

█

Traditional Business

█

Long Tail


Q4 2008 All 2008Total -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%

US Advertising Spending per Media


Trust in Different Forms of Advertising

April 2009


Part II: Taking Advantage


Key Success Factors

Image

Contents

Usability

Compatibility


Web Development Process

Discovery Site Structure

Graphic Design

Build & Integrate

Launch & Beyond


Team and Skills

Project Manager

Technology Consultant

Marketing StrategistDeveloper

Art Director

Graphic Designer

Information Designer

Copywriter


Hosting

•

Easy setup

•

Administrator or root access

•

Dedicated CPU/RAM

Virtual Private Server

~Cloud

Computing

•

Economical

•

Easy setup, no operation

•

Limited control

•

No dedicated CPU/RAM

SharedWeb

Hosting

•

Expensive

•

Complete control

Dedicated~

In-House


Content Management Systems

• Out of the box• Add-ons or plug-ins• Customization• New development

Functionality

• Developers• Designers• Administrators• Low-skill users

Ease of Use

• Integration to existing systems• Change management• Relationship with provider

Other


Custom Software Development

•

Integration to existing systems

•

Widely used vs. Niche

Technology

•

Custom vs. Pre- packaged

•

Open source vs. Proprietary

•

Local vs. Offshore

Cost

•

Extensibility and Scalability

•

Operation and Maintenance

•

Security

•

Documentation

Design


Graphic Design

It can be your best friend…


Graphic Design

Or your worse enemy…


Going From Print to Web


Key Considerations

• Screen variations• Fonts availabilityLess Control

• Color• Image Usage• Resolution

Technical Aspects

• User behavior• Heat mapsPrioritization


Heat Maps: The Science Behind the Art


Form Follows Function

Which is the main priority?

The challenge is to balance aesthetics and functionality

An aesthetically pleasing and artistic page

A viewer-friendly page that effectively

prioritizes and highlights key

messages

or


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 processed blocks of copy

• DO: Use color, headings, and spacing to visually break up and organize information

Do’s

• DON’T: Bury important information on the interior pages

• DON’T: Overload the page with excessive or irrelevant imagery

• DON’T: Mix and match multiple font types and styles

Don’ts


Avoid an Identity Crisis

•

Visual consistency

•

Translate “print tools” to web

Keep Consistency

•

Key messages

•

Core brand values

•

Visuals

The Same Brand Rules Apply

•

Avoid visual or mental “roadblocks”

•

Keep it simple

Keep it Visitor-Friendly


“So Much Time and So Little to Do!”

“…strike that, reverse it. Thank you.”


Start with Goals, not Tactics

•

Multiple content / delivery options

•

Potential audience and conversion for each channel

•

Cost: Outcome

What is the best method?

•

Visit?•

Join?

•

Lead?•

Sale?

•

Educate / Inform?

What is the expected result?


Set Metrics

•

Set target numbers prior to launching

•

Evaluate results against targets

What do you consider successful?

•

Buy•

View or read

•

Interact•

Provide information

•

External action

What action is expected?


ProductPromotion

PricePlace

The 4 P’s Still Apply


Design Content Functionality

It’s all Brand!


Information Design


Brand Consistency


LOGO

MAIN CONTENT

TOP LEVEL LINKS

FOOTER

Home > First Level Section > Second Level > Page Title

Make a Donation Volunteer

Contact Us Site Map

950px

30px

550pxFluid

90px

200px 750px

Newsletter Share

30px

120px

Copyright

About Us | Programs | The Village | News | Contact Us | SearchNAVIGATION

Page Title Cras Sagittis ScelerisqueLorem 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. Nam et diam a metus vulputate volutpat.

Ut Faucibus Imperdiet Mauris

In laoreet risus sodales et. Duis faucibus tristique neque ut ullamcorper. Suspendisse eleifend fringilla nunc, ut sagittis est iaculis id. Sed vehicula mollis egestas.

•Duis convallis leo non lectu•Tristique sit amet condimentum•Tellus tincidunt. Fusce sagittis

News

Proin Commodo Congue Felis Vitae Posuere

Pellentesque Quis Nisl Mi Non Tincidunt

Links

Nullam Nisl Sem UllamcorPer 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.


LOGO

THE VILLAGE

ABOUT US NEWS / BLOG / EVENTS

TOP LEVEL LINKS

FOOTER

Donec eros nisl, lobortis rutrum tristique ac, posuere eget augue. Nulla egestas dui vitae sem pharetra eu dapibus urna egestas. Cras sagittis scelerisque nisi, vitae semper justo pulvinar ac. Aliquam tellus justo, laoreet id tempus sit amet, congue eget dui.

Live Here

Work Here

Invest Here

Make a Donation Volunteer

Contact Us Site Map

Proin Commodo Congue Felis Vitae Posuere

Nullam nisl sem, ullamcorper et elementum non, venenatis eget sapien. Vestibulum tempor malesuada convallis. Nullam elementum vulputate.

Read more…

Pellentesque Quis Nisl Mi Non Tincidunt

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce volutpat gravida sem, nec auctor magna 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…

950px

30px

520pxFluid

110pxFluid

120px

200px 750px

425px525px

Newsletter Share

30px

150px

Copyright

410pxFluid

About Us | Programs | The Village | News | Contact Us | SearchNAVIGATION



Thank you!


Q&A

Christine FajardoCo-founder & Principal DesignerBliss & White, [email protected]

Ruben ReyesPresidentLyquix, [email protected]

Christian [email protected]

•

You need a formal and disciplined web development process

•

No single person has all the necessary skills

•

There is no technology silver bullet – analyze your options and choose the best fit

•

Graphic design must consider the characteristics of the Web and user behavior

•

Ensure brand consistency on- and off-line

•

Set goals and targets before defining your marketing tactics

Some Key Take Away’s

Please complete the survey being distributed by the volunteers.

Surveys may be returned to the volunteers or at the Registration

Desk in Ballroom A.

Thank you to our sponsors