Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

25
Organized by the Community, for the Community. FASHION DOESN’T STAND STILL NEITHER SHOULD THE DESIGN OF YOUR SITE Nick Hills / UK Sitecore MVP True Clarity

Transcript of Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Page 1: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community.

FASHION DOESN’T STAND STILL

NEITHER SHOULD THE DESIGN OF YOUR SITENick Hills / UK Sitecore MVPTrue Clarity

Page 2: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 2SUGCON NORTH AMERICA 2015

HOW CAN YOU EMPOWER A DESIGN TEAM TO:

Page 3: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 3SUGCON NORTH AMERICA 2015

REDESIGN,BUILD,MVT TEST AND LAUNCH NEW DESIGNS EVERY DAY

Page 4: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 4SUGCON NORTH AMERICA 2015

BEST OF ALL!

WITHOUT ANY DEVELOPER INTERVENTION

Page 5: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 5SUGCON NORTH AMERICA 2015

THE CHALLENGE

Page 6: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 6SUGCON NORTH AMERICA 2015

ASSETS, AND HOW THEY GET DEPLOYEDVIEWS / CSS / JAVASCRIPT / IMAGESDOES ONE DESIGN WORK BETTER THAN THE NEXT?HOW TO TEST DIFFERENT DESIGNS?

DESIGN NEEDS TO VARY OVER TIMEEACH DAY YOU COULD HAVE VARIATIONS OF CONTENT

Page 7: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 7SUGCON NORTH AMERICA 2015

PRE 8, LAYOUTS ARE SHARED

Page 8: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 8SUGCON NORTH AMERICA 2015

Rendering engine

HOW DOES SITECORE DO IT?

Page 9: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 9SUGCON NORTH AMERICA 2015

THE ASOS ‘/WOMEN’ PAGE

Page 10: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 10SUGCON NORTH AMERICA 2015

NEW DESIGNS PREPARED WELL IN ADVANCEACROSS 7 LOCALIZED SITES, WEB AND MOBILEEDITORS FULLY IN CONTROL OF THE CONTENTALL BUILT WITHOUT DEVELOPERS

SCHEDULED DAILY AND WEEKLY RELEASESORCHESTRATED WITHOUT ANY DEPLOYMENT

Page 11: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 11SUGCON NORTH AMERICA 2015

NOW, A DEMO

Page 12: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 12SUGCON NORTH AMERICA 2015

SO, IS THIS REALLY A GOOD IDEA?

Page 13: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 13SUGCON NORTH AMERICA 2015

WHY NOT SIMPLY DEPLOY THE VIEWS?

DEPLOYMENT FREQUENCY IS OUT OF OUR CONTROL

Page 14: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 14SUGCON NORTH AMERICA 2015

SURELY 8 SOLVES THIS WITH VERSIONED LAYOUTS?

WOULD REQUIRE UPGRADING AND POTENTIAL RETRAINING

Page 15: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 15SUGCON NORTH AMERICA 2015

JS OR CSS IN THE MEDIA LIBRARY

DEBUGGING WHERE ASSETS ARE LOCATED CAN BE TRICKY

Page 16: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 16SUGCON NORTH AMERICA 2015

LIMITATIONS

MVC ONLY - CURRENTLY IMPLEMENTED IN MVC RENDERING PIPELINES

Page 17: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 17SUGCON NORTH AMERICA 2015

WHAT ABOUT ASSETS?

Page 18: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 18SUGCON NORTH AMERICA 2015

MEDIA LIBRARYHTTP://HOST/MEDIAPREFIX/CACHEBUSTER/SITECOREPATH

HTTP://CONTENT.ASOS-MEDIA.COM/~/MEDIA/250815030040EN-GB/GLOBAL-ASSETS/CSS/VIEW.CSS1. BROWSERS ALLOW A MAXIMUM NUMBER OF CONCURRENT CONNECTIONS TO THE SAME DOMAIN

2. PROVIDE UNIQUE URL FOR EDGE CACHES

Page 19: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 19SUGCON NORTH AMERICA 2015

HEY, I’VE HEARD BUNDLING IS PRETTY NEAT! WHAT’S THAT ALL ABOUT THEN?

Page 20: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 20SUGCON NORTH AMERICA 2015

MINIMIZE THE NUMBER OF HTTP REQUESTS

REDUCE THE PAYLOAD FOR EACH REQUEST

Page 21: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 21SUGCON NORTH AMERICA 2015

BUNDLED ASSETS/PAGE.CSS?TYPE=##&AS_D=##&SC_LANG=##&H=##

/WOMEN.CSS?TYPE=GLOBAL&AS_D=FE5D7FDF-89C0-4D99-9AA3-B5FBD009C9F3&SC_LANG=EN-GB&H=-59479424

4. SELECT LANGUAGE FOR THE ASSETS

2. PROVIDE IDENTIFIER FOR ASSET TYPE1. DECIDE THE CURRENT PAGE

3. DEFINE DEVICE – JS / CSS

5. HASH TO ALLOW OLD ENTRIES TO BE PURGED FROM CACHES

Page 22: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 22SUGCON NORTH AMERICA 2015

WAIT A MINUTE!

I’M SURE YOU SAID DEBUGGING THIS KIND OF THING WAS A RIGHT PAIN IN THE ####?

Page 23: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 23SUGCON NORTH AMERICA 2015

NOW, A DEMO

Page 24: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community. 24SUGCON NORTH AMERICA 2015SUGCON NORTH AMERICA 2015

THANK YOU TO OUR SPONSORS!

Page 25: Nick Hills - Fashion doesnt stand still neither should the design of your site - SUGCON

Organized by the Community, for the Community.SUGCON NORTH AMERICA 2015

THANKS FOR LISTENING!BLOG.BORO2G.CO.UK

[email protected]