76
top chef innovations in web design and strategy Legal Tech West 2012 San Francisco Hotel Nikko

2012 LMATECH - Innovations in Websites - Top Chef

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: 2012 LMATECH - Innovations in Websites - Top Chef

top chefinnovations in web design and strategy

Legal Tech West 2012 San Francisco Hotel Nikko 

Page 2: 2012 LMATECH - Innovations in Websites - Top Chef

presenters

home page Jeff Yerkey Right Hat

biographies Deborah McMurray Content Pilot

practice areas Kalev PeeknaOne North Interactive

resources Burkey Belser Greenfield/Belser

Legal Tech West 2012 San Francisco Hotel Nikko 

Page 3: 2012 LMATECH - Innovations in Websites - Top Chef

Trust & Worthy is a patent litigation boutique firm with 175 attorneys in 7 offices (Hong Kong, Moscow, DC, Chicago, Atlanta, SF and Palo Alto)

Started in Palo Alto and did work for Hewlett Packard. Spun off into their own firm in 1973 but stayed small and work smart.

Page 4: 2012 LMATECH - Innovations in Websites - Top Chef

Trust & Worthy provides the IP services,  including Trademarks, Copyrights and PatentProsecution with an emphasis on Patent Litigation,where the money is. —on the cutting edge of this work. —heavily tied to the VCs.

Page 5: 2012 LMATECH - Innovations in Websites - Top Chef

Their website is six years old but we’ve seen many changes in technology and the market since then. Their high tech clients care about the brand and 

both feel they look too much like a law firm. Today, they want something different. 

Page 6: 2012 LMATECH - Innovations in Websites - Top Chef

Each presenter will take an important section of a contemporary website and attempt to cook up the most innnovative page, each of which must include these design ingredients:—social media—video—infographics—mobile

Page 7: 2012 LMATECH - Innovations in Websites - Top Chef

presenters

home page Jeff Yerkey Right Hat

Legal Tech West 2012 San Francisco Hotel Nikko 

Page 8: 2012 LMATECH - Innovations in Websites - Top Chef

History of the WebA culinary look back

A very, very brief

Page 9: 2012 LMATECH - Innovations in Websites - Top Chef

The Early Days“I will gladly pay you Tuesday for your email address today. 

CompuServe or Prodigy?”

Page 10: 2012 LMATECH - Innovations in Websites - Top Chef

Mid 1990s

Make Mine Modern!

Page 11: 2012 LMATECH - Innovations in Websites - Top Chef

New Millennium Choices

Page 12: 2012 LMATECH - Innovations in Websites - Top Chef

title

Fast Forward to 2012

“I can have it all!”

Page 13: 2012 LMATECH - Innovations in Websites - Top Chef

home page

Page 14: 2012 LMATECH - Innovations in Websites - Top Chef

Our Starters• InfoGraphics• Video• Social Media• Mobile

Page 15: 2012 LMATECH - Innovations in Websites - Top Chef

title

Our Ingredients• Vision/Voice/Personality

• Design Sense –Big, bold, confident, modern, fresh

• Full U/X palette –headers, footers, targeted content

• That certain something!

• Design• Imagery• Colors• Fonts• Usability• Extensibility• Balance

Page 16: 2012 LMATECH - Innovations in Websites - Top Chef

title

Our Creation?

Page 17: 2012 LMATECH - Innovations in Websites - Top Chef
Page 18: 2012 LMATECH - Innovations in Websites - Top Chef
Page 19: 2012 LMATECH - Innovations in Websites - Top Chef
Page 20: 2012 LMATECH - Innovations in Websites - Top Chef
Page 21: 2012 LMATECH - Innovations in Websites - Top Chef

What are we doing?• Pay off internal ingredients:

• InfoGraphics; Video; Social Media and Mobile

• Position the site within the target client base

• Design around a clear, modern design palette with colors, fonts, imagery and megafooters

• Build for forward‐facing technologies like: 

• Large Screens• HTML5 Motion & Video• Responsive Design• @Font‐Face Web Fonts• Robust Search

Page 22: 2012 LMATECH - Innovations in Websites - Top Chef

presenters

biographies Deborah McMurray Content Pilot

Legal Tech West 2012 San Francisco Hotel Nikko 

Page 23: 2012 LMATECH - Innovations in Websites - Top Chef

Video

“Secret Sauce” – Showing John’s 24/7 accessibility – Yahoo IM address that is integrated with his phone.

Page 24: 2012 LMATECH - Innovations in Websites - Top Chef

• Social media integration – two‐way integration with Twitter.

• InfoGraphic that changes as issues in John’s practice change

• “Call to action” – using John’s book as the centerpiece – few opportunities to have a call to action on a bio

• “What clients say about John” –highlights from third party rankings and client surveys

Page 25: 2012 LMATECH - Innovations in Websites - Top Chef

Use first person  as you describe your experience to warm it up and make it feel more personal.

Page 26: 2012 LMATECH - Innovations in Websites - Top Chef

We use a first person introduction that makes the YouTube video series more personal.

Page 27: 2012 LMATECH - Innovations in Websites - Top Chef

Balance your experience with personal info that shows personality and how you do business.

Page 28: 2012 LMATECH - Innovations in Websites - Top Chef

presenters

practice areas Kalev PeeknaOne North Interactive

Legal Tech West 2012 San Francisco Hotel Nikko 

Page 29: 2012 LMATECH - Innovations in Websites - Top Chef

If you have WiFi (and Chrome)…

http://examples.onenorthinteractive.com/trustworthy

Page 30: 2012 LMATECH - Innovations in Websites - Top Chef
Page 31: 2012 LMATECH - Innovations in Websites - Top Chef
Page 32: 2012 LMATECH - Innovations in Websites - Top Chef
Page 33: 2012 LMATECH - Innovations in Websites - Top Chef
Page 34: 2012 LMATECH - Innovations in Websites - Top Chef
Page 35: 2012 LMATECH - Innovations in Websites - Top Chef
Page 36: 2012 LMATECH - Innovations in Websites - Top Chef
Page 37: 2012 LMATECH - Innovations in Websites - Top Chef
Page 38: 2012 LMATECH - Innovations in Websites - Top Chef
Page 39: 2012 LMATECH - Innovations in Websites - Top Chef
Page 40: 2012 LMATECH - Innovations in Websites - Top Chef
Page 41: 2012 LMATECH - Innovations in Websites - Top Chef
Page 42: 2012 LMATECH - Innovations in Websites - Top Chef
Page 43: 2012 LMATECH - Innovations in Websites - Top Chef

http://examples.onenorthinteractive.com/trustworthy

Page 44: 2012 LMATECH - Innovations in Websites - Top Chef

presenters

resources Burkey Belser Greenfield/Belser

Legal Tech West 2012 San Francisco Hotel Nikko 

Page 45: 2012 LMATECH - Innovations in Websites - Top Chef

news & events| resources| publicationsare all repositories of thought leadership

Page 46: 2012 LMATECH - Innovations in Websites - Top Chef

and they deserve better treatment because people no longer just arrive via the home page.

in fact, it’s your marketing efforts that drive viewers deep inside the site 

Page 47: 2012 LMATECH - Innovations in Websites - Top Chef

YOUARE HERE

Page 48: 2012 LMATECH - Innovations in Websites - Top Chef

45%MALL

Page 49: 2012 LMATECH - Innovations in Websites - Top Chef

YOUARE HERE

YOUARE HERE

YOUARE HERE

YOUARE HERE

YOUARE HERE

YOUARE HERE

55%MALL

Page 50: 2012 LMATECH - Innovations in Websites - Top Chef

today’s news & insights sections are really just simple archives…the library equivalent of a card catalog 

Page 51: 2012 LMATECH - Innovations in Websites - Top Chef
Page 52: 2012 LMATECH - Innovations in Websites - Top Chef
Page 53: 2012 LMATECH - Innovations in Websites - Top Chef
Page 54: 2012 LMATECH - Innovations in Websites - Top Chef
Page 55: 2012 LMATECH - Innovations in Websites - Top Chef
Page 56: 2012 LMATECH - Innovations in Websites - Top Chef
Page 57: 2012 LMATECH - Innovations in Websites - Top Chef

let’s rethink this

Page 58: 2012 LMATECH - Innovations in Websites - Top Chef
Page 59: 2012 LMATECH - Innovations in Websites - Top Chef
Page 60: 2012 LMATECH - Innovations in Websites - Top Chef

magazine architecture has

front matter (table of contents) editorial page design featured articles in an editorial well departments and, online, different ways to sort

Page 61: 2012 LMATECH - Innovations in Websites - Top Chef

Page #1

Re (2011) examining Patents

LOGO

hot topics/featured articles

PODCAST View All

This is the title of a podcast that is the latest podcast of interest.

WEBINAR View All

This is the title of a webinar that is the latest podcast of interest.

business issuesgaining patents

managing trademarks

protecting copyrights

patents in jeopardy

clinical trials

drugs to market

search

by keyword

media type

Ur aspitatur? Ed qui occum nus quae ad excest idusantiam rerum, quaerum que vendi dolupta autatur? Anda quatur aligenimusam ipsant.Faceruptas eictotat mi, et ipsapici conem ip -sumquaes molenih itature cuptati ostotamus etur sa que ne nis unt aut asperio. Et molestium harumquiant quas nulpari onecumqui autentiones dolo tota ernam, quamusciet reprate eria nos earum quis utemporerum dolupta

Ur aspitatur? Ed qui oc-cum nus quae.

Ad excest idusantiam rerum, quaerum que vendi dolupta autatur? Anda quatur ali-genimusam ipsant.Faceruptas eictotat mi, et ipsapici conem ipsumquaes molenih itature cuptati ostotamus etur sa que ne nis unt aut

Ur aspitatur? Ed qui occum nus quae.

Ur aspitatur? Ed qui occum nus quae ad excest idusantiam rerum, quaerum que vendi dolupta autatur? Anda quatur aligenimusam ipsant.Facerup-tas eictotat mi, et ipsapici conem

media typeadvisory

articles

amicus briefs

appellate brief

podcats

webinars

blog posts

Research Paper View All

This is the title of a research paper that is the latest paper of interest.

White Paper View All

This is the title of a white paper that is the latest paper of interest.

learn 24/7

sort by business issues

Page 62: 2012 LMATECH - Innovations in Websites - Top Chef

Page #1

Re (2011) examining Patents

LOGO

hot topics/featured articles

PODCAST View All

This is the title of a podcast that is the latest podcast of interest.

WEBINAR View All

This is the title of a webinar that is the latest podcast of interest.

business issuesgaining patents

managing trademarks

protecting copyrights

patents in jeopardy

clinical trials

drugs to market

search

by keyword

media type

Ur aspitatur? Ed qui occum nus quae ad excest idusantiam rerum, quaerum que vendi dolupta autatur? Anda quatur aligenimusam ipsant.Faceruptas eictotat mi, et ipsapici conem ip -sumquaes molenih itature cuptati ostotamus etur sa que ne nis unt aut asperio. Et molestium harumquiant quas nulpari onecumqui autentiones dolo tota ernam, quamusciet reprate eria nos earum quis utemporerum dolupta

Ur aspitatur? Ed qui oc-cum nus quae.

Ad excest idusantiam rerum, quaerum que vendi dolupta autatur? Anda quatur ali-genimusam ipsant.Faceruptas eictotat mi, et ipsapici conem ipsumquaes molenih itature cuptati ostotamus etur sa que ne nis unt aut

Ur aspitatur? Ed qui occum nus quae.

Ur aspitatur? Ed qui occum nus quae ad excest idusantiam rerum, quaerum que vendi dolupta autatur? Anda quatur aligenimusam ipsant.Facerup-tas eictotat mi, et ipsapici conem

media typeadvisory

articles

amicus briefs

appellate brief

podcats

webinars

blog posts

Research Paper View All

This is the title of a research paper that is the latest paper of interest.

White Paper View All

This is the title of a white paper that is the latest paper of interest.

learn 24/7

sort by media type

Page 63: 2012 LMATECH - Innovations in Websites - Top Chef

Page #1

Re (2011) examining Patents

LOGO

hot topics/featured articles

PODCAST View All

This is the title of a podcast that is the latest podcast of interest.

WEBINAR View All

This is the title of a webinar that is the latest podcast of interest.

business issuesgaining patents

managing trademarks

protecting copyrights

patents in jeopardy

clinical trials

drugs to market

search

by keyword

media type

Ur aspitatur? Ed qui occum nus quae ad excest idusantiam rerum, quaerum que vendi dolupta autatur? Anda quatur aligenimusam ipsant.Faceruptas eictotat mi, et ipsapici conem ip -sumquaes molenih itature cuptati ostotamus etur sa que ne nis unt aut asperio. Et molestium harumquiant quas nulpari onecumqui autentiones dolo tota ernam, quamusciet reprate eria nos earum quis utemporerum dolupta

Ur aspitatur? Ed qui oc-cum nus quae.

Ad excest idusantiam rerum, quaerum que vendi dolupta autatur? Anda quatur ali-genimusam ipsant.Faceruptas eictotat mi, et ipsapici conem ipsumquaes molenih itature cuptati ostotamus etur sa que ne nis unt aut

Ur aspitatur? Ed qui occum nus quae.

Ur aspitatur? Ed qui occum nus quae ad excest idusantiam rerum, quaerum que vendi dolupta autatur? Anda quatur aligenimusam ipsant.Facerup-tas eictotat mi, et ipsapici conem

media typeadvisory

articles

amicus briefs

appellate brief

podcats

webinars

blog posts

Research Paper View All

This is the title of a research paper that is the latest paper of interest.

White Paper View All

This is the title of a white paper that is the latest paper of interest.

learn 24/7

feature important topics

Page 64: 2012 LMATECH - Innovations in Websites - Top Chef

LOGO SEARCH BY KEYWORD MEDIA TYPE

business issues

gainingpatents

managingtrademarks

protectingcopyrights

patents in jeopardy

clinical trials

drugs to market

productrecalls

advisory articles amicusbriefs

appellatebrief

research podcasts webinars blog posts

media type

productrecalls

hot topics/featured articlePODCAST View All

T is is the title of a podcast that is the latest podcast of interest.

learn 24/7

WEBINAR View All

T is is the title of a webinar that is the latest podcast of interest.

RESEARCH View All

T is is the title of research that is the latest podcast of interest.

WHITE PAPER View All

T is is the title of a white paper that is the latest podcast of interest.

Re (2011)examining Patents

IMAGE

try different layouts

Page 65: 2012 LMATECH - Innovations in Websites - Top Chef

bring this to life

Page 66: 2012 LMATECH - Innovations in Websites - Top Chef

now, let’s make it work for Trust & Worthy 

Page 67: 2012 LMATECH - Innovations in Websites - Top Chef
Page 68: 2012 LMATECH - Innovations in Websites - Top Chef
Page 69: 2012 LMATECH - Innovations in Websites - Top Chef
Page 70: 2012 LMATECH - Innovations in Websites - Top Chef
Page 71: 2012 LMATECH - Innovations in Websites - Top Chef
Page 72: 2012 LMATECH - Innovations in Websites - Top Chef
Page 73: 2012 LMATECH - Innovations in Websites - Top Chef
Page 74: 2012 LMATECH - Innovations in Websites - Top Chef
Page 75: 2012 LMATECH - Innovations in Websites - Top Chef

presenters

home page Jeff Yerkey Right Hat

biographies Deborah McMurray Content Pilot

practice areas Kalev PeeknaOne North Interactive

resources Burkey Belser Greenfield/Belser

Legal Tech West 2012 San Francisco Hotel Nikko 

Page 76: 2012 LMATECH - Innovations in Websites - Top Chef

title