{"id":43,"date":"2014-11-05T12:12:00","date_gmt":"2014-11-05T12:12:00","guid":{"rendered":"http:\/\/nineteen60.com\/blog\/?p=43"},"modified":"2020-01-05T12:13:59","modified_gmt":"2020-01-05T12:13:59","slug":"making-a-splash","status":"publish","type":"post","link":"https:\/\/nineteen60.com\/blog\/making-a-splash\/","title":{"rendered":"Making a splash"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

When we first ventured into the World Wide Web, it felt like Splash pages were omnipresent. They would usually consist of a large JPEG image with the instruction to “ENTER” or more usually, a large and often redundant Flash animation with an accompanying “Skip Intro” link. An approach to design and content delivery which left the discerning viewer wondering what was going on.<\/p>\n\n\n\n

Recently, we were asked by one of our favourite clients, Charles Landry<\/a>, to build what was effectively a Splash page. As we ran through ideas for the design, we spent some time trawling the web looking at some of our most admired web pages and realised that a form of the splash page has quietly been creeping into our consciousness.<\/p>\n\n\n\n

With the advent of broadband and faster load times and a sea change in design trends which demanded that content was delivered instantly, it seemed that the splash page had long gone. However, it would now appear that a variant on the splash page has been making a bit of a comeback. The current fashion for a certain style of long single page sites usually also incorporates a seemingly redundant teaser header section; an arresting image with the call to action to initiate more often than not, a parallax scroll to finally arrive at the content. While this is undoubtedly fun and to some degree engages the viewer, it does seem like a case of the Emperor’s new clothes; The parallax scroll taking the place of the Flash animation. Only, now there is no skip intro button.<\/p>\n\n\n\n

Like all fashions that come around again, maybe the splash page’s time has properly arrived. Technology has advanced and the trend for “Flat design” lends itself to a certain type of viewer interaction. Content such as site navigation can be gently but immediately introduced without the need for a loading graphic. This practice allows the designer to subtly dictate the pace of viewer involvement and dramatically “reveal” the content. It helps with the visual branding of the site and because the viewer is in control, it sets the mood for the interaction with the rest of the site. Somehow, it seems more sophisticated and contemporary.<\/p>\n\n\n\n

As we are all focused on user experience and making things easy, isn’t it a good idea to introduce a site or brand by way of these huge headers that work above the fold? They are usually built into the design of the rest of the site and have all that introductory information that we and the search engines are looking for.<\/p>\n\n\n\n

These revitalised “splash headers” now make sense; in the hands of talented designers they have been reincarnated into a better, more efficient content delivery tool. They don\u2019t take away our SEO and let viewers know immediately what they are looking at. And if care has been taken in the concept and execution, they deliver usability and above all, they look really good.<\/p>\n","protected":false},"excerpt":{"rendered":"

When we first ventured into the World Wide Web, it felt like Splash pages were omnipresent. They would usually consist of a large JPEG image with the instruction to “ENTER” or more usually, a large and often redundant Flash animation with an accompanying “Skip Intro” link. An approach to design and content delivery which left […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,7],"tags":[],"yoast_head":"\nMaking a splash - Nineteen60 Design Notes<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nineteen60.com\/blog\/making-a-splash\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Making a splash - Nineteen60 Design Notes\" \/>\n<meta property=\"og:description\" content=\"When we first ventured into the World Wide Web, it felt like Splash pages were omnipresent. They would usually consist of a large JPEG image with the instruction to “ENTER” or more usually, a large and often redundant Flash animation with an accompanying “Skip Intro” link. An approach to design and content delivery which left […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nineteen60.com\/blog\/making-a-splash\/\" \/>\n<meta property=\"og:site_name\" content=\"Nineteen60 Design Notes\" \/>\n<meta property=\"article:published_time\" content=\"2014-11-05T12:12:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-01-05T12:13:59+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/nineteen60.com\/blog\/wp-content\/uploads\/2020\/01\/splash-landry.jpg\" \/>\n<meta name=\"author\" content=\"andrew_burton\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"andrew_burton\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/nineteen60.com\/blog\/making-a-splash\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/nineteen60.com\/blog\/making-a-splash\/\"},\"author\":{\"name\":\"andrew_burton\",\"@id\":\"https:\/\/nineteen60.com\/blog\/#\/schema\/person\/5826e77e08abc372ece4386dc660b8f0\"},\"headline\":\"Making a splash\",\"datePublished\":\"2014-11-05T12:12:00+00:00\",\"dateModified\":\"2020-01-05T12:13:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/nineteen60.com\/blog\/making-a-splash\/\"},\"wordCount\":493,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/nineteen60.com\/blog\/#\/schema\/person\/5826e77e08abc372ece4386dc660b8f0\"},\"articleSection\":[\"Design\",\"Web design\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/nineteen60.com\/blog\/making-a-splash\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nineteen60.com\/blog\/making-a-splash\/\",\"url\":\"https:\/\/nineteen60.com\/blog\/making-a-splash\/\",\"name\":\"Making a splash - Nineteen60 Design Notes\",\"isPartOf\":{\"@id\":\"https:\/\/nineteen60.com\/blog\/#website\"},\"datePublished\":\"2014-11-05T12:12:00+00:00\",\"dateModified\":\"2020-01-05T12:13:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/nineteen60.com\/blog\/making-a-splash\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nineteen60.com\/blog\/making-a-splash\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nineteen60.com\/blog\/making-a-splash\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/nineteen60.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Making a splash\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/nineteen60.com\/blog\/#website\",\"url\":\"https:\/\/nineteen60.com\/blog\/\",\"name\":\"Nineteen60 Design Notes\",\"description\":\"What Andrew Leeds Burton thinks\",\"publisher\":{\"@id\":\"https:\/\/nineteen60.com\/blog\/#\/schema\/person\/5826e77e08abc372ece4386dc660b8f0\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/nineteen60.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/nineteen60.com\/blog\/#\/schema\/person\/5826e77e08abc372ece4386dc660b8f0\",\"name\":\"andrew_burton\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/nineteen60.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/33e6e9fa7786e918652739f95c9ba744?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/33e6e9fa7786e918652739f95c9ba744?s=96&d=mm&r=g\",\"caption\":\"andrew_burton\"},\"logo\":{\"@id\":\"https:\/\/nineteen60.com\/blog\/#\/schema\/person\/image\/\"},\"url\":\"https:\/\/nineteen60.com\/blog\/author\/andrew_burton\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Making a splash - Nineteen60 Design Notes","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nineteen60.com\/blog\/making-a-splash\/","og_locale":"en_GB","og_type":"article","og_title":"Making a splash - Nineteen60 Design Notes","og_description":"When we first ventured into the World Wide Web, it felt like Splash pages were omnipresent. They would usually consist of a large JPEG image with the instruction to “ENTER” or more usually, a large and often redundant Flash animation with an accompanying “Skip Intro” link. An approach to design and content delivery which left […]","og_url":"https:\/\/nineteen60.com\/blog\/making-a-splash\/","og_site_name":"Nineteen60 Design Notes","article_published_time":"2014-11-05T12:12:00+00:00","article_modified_time":"2020-01-05T12:13:59+00:00","og_image":[{"url":"http:\/\/nineteen60.com\/blog\/wp-content\/uploads\/2020\/01\/splash-landry.jpg"}],"author":"andrew_burton","twitter_card":"summary_large_image","twitter_misc":{"Written by":"andrew_burton","Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/nineteen60.com\/blog\/making-a-splash\/#article","isPartOf":{"@id":"https:\/\/nineteen60.com\/blog\/making-a-splash\/"},"author":{"name":"andrew_burton","@id":"https:\/\/nineteen60.com\/blog\/#\/schema\/person\/5826e77e08abc372ece4386dc660b8f0"},"headline":"Making a splash","datePublished":"2014-11-05T12:12:00+00:00","dateModified":"2020-01-05T12:13:59+00:00","mainEntityOfPage":{"@id":"https:\/\/nineteen60.com\/blog\/making-a-splash\/"},"wordCount":493,"commentCount":0,"publisher":{"@id":"https:\/\/nineteen60.com\/blog\/#\/schema\/person\/5826e77e08abc372ece4386dc660b8f0"},"articleSection":["Design","Web design"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/nineteen60.com\/blog\/making-a-splash\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/nineteen60.com\/blog\/making-a-splash\/","url":"https:\/\/nineteen60.com\/blog\/making-a-splash\/","name":"Making a splash - Nineteen60 Design Notes","isPartOf":{"@id":"https:\/\/nineteen60.com\/blog\/#website"},"datePublished":"2014-11-05T12:12:00+00:00","dateModified":"2020-01-05T12:13:59+00:00","breadcrumb":{"@id":"https:\/\/nineteen60.com\/blog\/making-a-splash\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nineteen60.com\/blog\/making-a-splash\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/nineteen60.com\/blog\/making-a-splash\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nineteen60.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Making a splash"}]},{"@type":"WebSite","@id":"https:\/\/nineteen60.com\/blog\/#website","url":"https:\/\/nineteen60.com\/blog\/","name":"Nineteen60 Design Notes","description":"What Andrew Leeds Burton thinks","publisher":{"@id":"https:\/\/nineteen60.com\/blog\/#\/schema\/person\/5826e77e08abc372ece4386dc660b8f0"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nineteen60.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":["Person","Organization"],"@id":"https:\/\/nineteen60.com\/blog\/#\/schema\/person\/5826e77e08abc372ece4386dc660b8f0","name":"andrew_burton","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/nineteen60.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/33e6e9fa7786e918652739f95c9ba744?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/33e6e9fa7786e918652739f95c9ba744?s=96&d=mm&r=g","caption":"andrew_burton"},"logo":{"@id":"https:\/\/nineteen60.com\/blog\/#\/schema\/person\/image\/"},"url":"https:\/\/nineteen60.com\/blog\/author\/andrew_burton\/"}]}},"_links":{"self":[{"href":"https:\/\/nineteen60.com\/blog\/wp-json\/wp\/v2\/posts\/43"}],"collection":[{"href":"https:\/\/nineteen60.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nineteen60.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nineteen60.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nineteen60.com\/blog\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":1,"href":"https:\/\/nineteen60.com\/blog\/wp-json\/wp\/v2\/posts\/43\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/nineteen60.com\/blog\/wp-json\/wp\/v2\/posts\/43\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/nineteen60.com\/blog\/wp-json\/wp\/v2\/media?parent=43"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nineteen60.com\/blog\/wp-json\/wp\/v2\/categories?post=43"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nineteen60.com\/blog\/wp-json\/wp\/v2\/tags?post=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}