<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>web design &#8211; The Writing Platform</title>
	<atom:link href="https://thewritingplatform.com/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>https://thewritingplatform.com</link>
	<description>Digital Knowledge for Writers</description>
	<lastBuildDate>Mon, 12 Aug 2019 04:32:56 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>Screenshots: This is a Picture of Wind</title>
		<link>https://thewritingplatform.com/2019/07/screenshots-this-is-a-picture-of-wind/</link>
		
		<dc:creator><![CDATA[Simon Groth]]></dc:creator>
		<pubDate>Fri, 26 Jul 2019 15:44:18 +0000</pubDate>
				<category><![CDATA[Resource]]></category>
		<category><![CDATA[ditigal poem]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web-based poetry]]></category>
		<guid isPermaLink="false">http://thewritingplatform.com/?p=3914</guid>

					<description><![CDATA[<span class="rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time">&#60; 1</span> <span class="rt-label rt-postfix">minute</span></span> Screenshots is a regular feature by Simon Groth, highlighting a project, app, or other resource of interest. This is a Picture of Wind by J. R. Carpenter Gales from westward. Sharp depression. Late summer thunder. Removed from their context, the language of weather reports has its own poetic lilt, something observed by many poets and...  <a class="read-more" href="https://thewritingplatform.com/2019/07/screenshots-this-is-a-picture-of-wind/" title="Read Screenshots: This is a Picture of Wind">Read more &#187;</a>]]></description>
										<content:encoded><![CDATA[<span class="rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time">&lt; 1</span> <span class="rt-label rt-postfix">minute</span></span><p><em>Screenshots is a regular feature by Simon Groth, highlighting a project, app, or other resource of interest.</em></p>
<hr />
<p><a href="http://luckysoap.com/apictureofwind/"><strong>This is a Picture of Wind</strong></a><br />
by J. R. Carpenter</p>
<p>Gales from westward. Sharp depression. Late summer thunder.</p>
<p>Removed from their context, the language of weather reports has its own poetic lilt, something observed by many poets and songwriters over the years. J. R. Carpenter contributes to this tradition with a poem that matches its language to some clever and refined web design.</p>
<img decoding="async" loading="lazy" class="aligncenter size-large wp-image-3916" src="http://thewritingplatform.com/wp-content/uploads/2019/07/Screen-Shot-2019-07-09-at-6.47.53-am-800x498.png" alt="" width="800" height="498" srcset="https://thewritingplatform.com/wp-content/uploads/2019/07/Screen-Shot-2019-07-09-at-6.47.53-am-800x498.png 800w, https://thewritingplatform.com/wp-content/uploads/2019/07/Screen-Shot-2019-07-09-at-6.47.53-am-400x249.png 400w, https://thewritingplatform.com/wp-content/uploads/2019/07/Screen-Shot-2019-07-09-at-6.47.53-am-600x373.png 600w, https://thewritingplatform.com/wp-content/uploads/2019/07/Screen-Shot-2019-07-09-at-6.47.53-am-768x478.png 768w, https://thewritingplatform.com/wp-content/uploads/2019/07/Screen-Shot-2019-07-09-at-6.47.53-am-300x187.png 300w, https://thewritingplatform.com/wp-content/uploads/2019/07/Screen-Shot-2019-07-09-at-6.47.53-am.png 1246w" sizes="(max-width: 800px) 100vw, 800px" />
<p><em>This is a Picture of Wind</em> is a poem that expands, with each stanza attached to a calendar month. Limitless horizontal scrolling is not often a successful design strategy, but here, where the same year rolls around again and again, it makes perfect sense. The scrolling mechanism is layered under hand-drawn weather map elements and gives this piece an almost tactile quality, like you could reach behind the screen and hold the map in your hands.</p>
<p>The text itself is a conversation, an exchange between two characters from different places. Drawing from live weather data, its subtly changes with each visit to the site.</p>
<p><em>This is a Picture of Wind </em>is an exploration of the language of weather, but also a response to its limitations. Written in the wake of a flood, it highlights how our descriptions cannot match the reality of the weather’s sometimes destructive force.</p>
<p><a href="http://luckysoap.com/apictureofwind/">http://luckysoap.com/apictureofwind/</a></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Screenshots: After the Storm</title>
		<link>https://thewritingplatform.com/2018/07/screenshots-after-the-storm/</link>
		
		<dc:creator><![CDATA[Simon Groth]]></dc:creator>
		<pubDate>Fri, 20 Jul 2018 04:02:45 +0000</pubDate>
				<category><![CDATA[Resource]]></category>
		<category><![CDATA[digital journalism]]></category>
		<category><![CDATA[Documentary]]></category>
		<category><![CDATA[non-fiction]]></category>
		<category><![CDATA[web design]]></category>
		<guid isPermaLink="false">http://thewritingplatform.com/?p=3570</guid>

					<description><![CDATA[<span class="rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time">&#60; 1</span> <span class="rt-label rt-postfix">minute</span></span> Screenshots is a regular feature by Simon Groth, highlighting a project, app, or other resource of interest. After the Storm by Andrew Beck Grace A beautiful example of online documentary, After the Storm recounts Andrew Grace’s first-hand experience with a vicious tornado that ripped through his hometown in Alabama. Its slick production courtesy of Moon Winx...  <a class="read-more" href="https://thewritingplatform.com/2018/07/screenshots-after-the-storm/" title="Read Screenshots: After the Storm">Read more &#187;</a>]]></description>
										<content:encoded><![CDATA[<span class="rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time">&lt; 1</span> <span class="rt-label rt-postfix">minute</span></span><p><em>Screenshots is a regular feature by Simon Groth, highlighting a project, app, or other resource of interest.</em></p>
<hr />
<p><strong>After the Storm<br />
</strong>by Andrew Beck Grace</p>
<p>A beautiful example of online documentary, <em>After the Storm</em> recounts Andrew Grace’s first-hand experience with a vicious tornado that ripped through his hometown in Alabama. Its slick production courtesy of <a href="http://www.moonwinxfilms.com/">Moon Winx Films</a> and <a href="http://heliosdesignlabs.com/">Helios Design Labs</a> pushes the boundaries of HTML5, layering text, video, images, and maps. But the power of this piece is in the heartfelt and reflective text, addressed to a ‘future disaster survivor’.</p>
<img decoding="async" loading="lazy" class="size-large wp-image-3572 aligncenter" src="http://thewritingplatform.com/wp-content/uploads/2018/07/Screen-Shot-2018-07-20-at-1.53.41-pm-1-800x402.png" alt="" width="800" height="402" srcset="https://thewritingplatform.com/wp-content/uploads/2018/07/Screen-Shot-2018-07-20-at-1.53.41-pm-1-800x402.png 800w, https://thewritingplatform.com/wp-content/uploads/2018/07/Screen-Shot-2018-07-20-at-1.53.41-pm-1-400x201.png 400w, https://thewritingplatform.com/wp-content/uploads/2018/07/Screen-Shot-2018-07-20-at-1.53.41-pm-1-600x302.png 600w, https://thewritingplatform.com/wp-content/uploads/2018/07/Screen-Shot-2018-07-20-at-1.53.41-pm-1-768x386.png 768w, https://thewritingplatform.com/wp-content/uploads/2018/07/Screen-Shot-2018-07-20-at-1.53.41-pm-1-300x151.png 300w, https://thewritingplatform.com/wp-content/uploads/2018/07/Screen-Shot-2018-07-20-at-1.53.41-pm-1.png 1000w" sizes="(max-width: 800px) 100vw, 800px" />
<p>Most of the ‘interactivity’ here is of the simple scrolling-through variety and the writing is presented not as text, but rather is spoken by a narrator (presumably the author). Like many online documentaries, <em>After the Storm </em>might be considered simply a film posted online if not for its use of pagination, which allows the ‘reader’ to control the pace and flow of the narrative.</p>
<p><em>After the Storm </em>was completed in 2015, making it positively ancient in internet terms. Not only is it gratifying to see the piece still online and functional in 2018, but also that its technology and design supporting the story is yet to feel dated.</p>
<p><em>After the Storm </em>is available to experience <a href="http://www.pbs.org/independentlens/interactive/after-the-storm/#/dear-future-disaster-survivor">online</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Ten More Author Websites That do the Business</title>
		<link>https://thewritingplatform.com/2016/04/ten-more-author-websites-that-do-the-business/</link>
		
		<dc:creator><![CDATA[joanna]]></dc:creator>
		<pubDate>Thu, 21 Apr 2016 08:31:33 +0000</pubDate>
				<category><![CDATA[Resource]]></category>
		<category><![CDATA[author websites]]></category>
		<category><![CDATA[bookswarm]]></category>
		<category><![CDATA[web design]]></category>
		<guid isPermaLink="false">http://theliteraryplatform.com/thewritingplatform/?p=2553</guid>

					<description><![CDATA[<span class="rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time">5</span> <span class="rt-label rt-postfix">minutes</span></span> Simon Appleby, director of digital agency Bookswarm, highlights ten more websites that do their authors justice on the web. Back in 2013, I blogged for The Writing Platform about ten author websites I really liked. They were my personal picks – I was interested in sites for how they looked, how they worked or what...  <a class="read-more" href="https://thewritingplatform.com/2016/04/ten-more-author-websites-that-do-the-business/" title="Read Ten More Author Websites That do the Business">Read more &#187;</a>]]></description>
										<content:encoded><![CDATA[<span class="rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time">5</span> <span class="rt-label rt-postfix">minutes</span></span><p><em>Simon Appleby, director of digital agency <a href="http://bookswarm.co.uk" target="_blank">Bookswarm</a>, highlights ten more websites that do their authors justice on the web.</em></p>
<p>Back in 2013, I blogged for The Writing Platform about <a href="http://www.thewritingplatform.com/2013/02/ten-author-websites-that-really-do-the-business/" target="_blank">ten author websites I really liked</a>. They were my personal picks – I was interested in sites for how they looked, how they worked or what they said, and I tried to choose a range to illustrate that there is no single right way to do an author website well.</p>
<p>Web design conventions have moved on and we thought it was time to come back for another round.</p>
<p>Let me know what you think of my choices in the comments.</p>
<hr />
<p><strong>Roald Dahl </strong></p>
<p><em>Why we like it</em></p>
<p>Straight away this site asks you if you’re a teacher, a kid or a grown-up – and then takes you to content that’s likely to be appropriate for your needs and interests. There’s a great wealth of content available, but the site avoids any unnecessary visual whizbanggery (or as the BFG might possibly have said, bangwhizzery), eschewing animation and sound and not going too overboard on using Quentin Blake’s characteristic illustrations. It also does a great job of allowing visitors to explore Dahl’s comparatively neglected writing for adults.</p>
<p><em>Black marks</em></p>
<p>There’s no doubt that the Roald Dah’s Marvellous Children’s Charity is indeed marvellous but we did wonder if it would be better for the main site and the Charity to have two separate, mutually supportive websites rather than having the charity as a subsection of the main site.</p>
<p><a href="http://www.roalddahl.com/" target="_blank">http://www.roalddahl.com/</a></p>
<hr />
<p><strong>Laline Paull</strong></p>
<p><em>Why we like it</em></p>
<p>Simple and elegant, this site feels very much on brand to promote Laline’s debut novel, <em>The Bees</em>. Everything from the content to the colour scheme supports the need to talk about and engage with readers of the novel, and it collects a good range of content (video and text) to give the visitor more than they could get from a retailer’s website.</p>
<p><em>Black marks</em></p>
<p>Literary Awards information and links to social media are only available from the home page and we almost missed them the first time around. And not a black mark as such, but unless Laline’s next book is a bee-themed sequel, the site may need redesigning sooner rather than later.</p>
<p><a href="http://www.lalinepaull.com/" target="_blank">http://www.lalinepaull.com/</a></p>
<hr />
<p><strong>Shannon Selin </strong></p>
<p><em>Why we like it</em></p>
<p>I should say that Shannon is a Bookswarm client and this is a site we designed and built – but that’s not the reason for choosing it. Shannon’s single-minded content marketing approach has seen her write well over 100 blog posts on Napoleon and all things Napoleonic since we launched her site in November 2013. She publishes them once per week, and faithfully e-mails her growing list of subscribers every Friday with details of her latest post. Not only are her well-researched writings of genuine interest to her readership, but they’re great for search engines too, giving her opportunities to connect with new readers.</p>
<p><em>Black marks</em></p>
<p>This is a toughie – the only thing that occurs to me is that with a long interval between publication of her first novel and its sequel, the website could do more to give interested readers a sense of when their craving for more <em>Napoleon in America</em> might be satisfied.</p>
<p><a href="http://www.shannonselin.com" target="_blank">http://www.shannonselin.com</a></p>
<hr />
<p><strong>Haruki Muarakami </strong></p>
<p><em>Why we like it</em></p>
<p>This is the US site for Haruki Murakami and the design embraces the aesthetic of his book cover designs. The Community section is a good way to involve users around a specific call to action (for example, “tell us your favourite scene”), which works well for a popular and established author. We like the chance to see Haruki’s desk, and there’s great depth of content in the Resources section.</p>
<p><em>Black marks</em></p>
<p>The slightly experimental home page doesn’t really do justice to the depth of content in the site, and some users could find it slightly discouraging.</p>
<p><a href="http://www.harukimurakami.com/" target="_blank">http://www.harukimurakami.com/</a></p>
<hr />
<p><strong>Gillian Flynn </strong></p>
<p><em>Why we like it</em></p>
<p>Where an author is still overwhelmingly known for one particular book, their website can have a role to play in broadening their appeal and making sure their readers know about their other writing. This website was in our last round-up but has been updated as the focus has moved on from <em>Gone Girl</em>, with the ‘takeover’ of the masthead by her latest book, <em>The Grownup</em> (we really like the clever masthead scroll effect), and there’s a wealth of content for all of her books.</p>
<p><em>Black marks</em></p>
<p>Literally a black mark – I’m not a fan of white body copy with a very dark background, as it makes my eyes go funny!</p>
<p><a href="http://gillian-flynn.com/" target="_blank">http://gillian-flynn.com/</a></p>
<hr />
<p><strong>Anthony Horowitz </strong></p>
<p><em>Why we like it</em></p>
<p>Anthony’s site was in our last round-up as well, but it’s been completely redesigned since then. It’s much lighter and more welcoming, with nice big book jackets (US and UK covers and shown prominently side by side) – definitely much more fresh and engaging.</p>
<p><em>Black marks</em></p>
<p>The new site retains its forum, a feature which only the most intrepid author commits themselves to – it’s possibly because it’s early days, but at this stage the forum feels like it’s mostly being used as a way of contacting the author, rather than facilitating discussion between fans.</p>
<p><a href="http://www.anthonyhorowitz.com/" target="_blank">http://www.anthonyhorowitz.com/</a></p>
<hr />
<p><strong>Conn Iggulden </strong></p>
<p><em>Why we like it</em></p>
<p>As the author of multiple series, set in different periods of history (and some children’s books on the side), Conn Iggulden’s site has work to do in making sure his readers are clear on all his output. It does this effectively, with a section for each series, including a whizzy ‘World of…’ section for The Wars of the Roses, which includes book trailers, character profiles and maps.</p>
<p><em>Black marks</em></p>
<p>Blog posts are sporadic and the most recent one is over a year old. Any author who doubts their ability to regularly update a blog should search their soul about having one, even if they have sold millions of books!</p>
<p><a href="http://www.conniggulden.com/" target="_blank">http://www.conniggulden.com/</a></p>
<hr />
<p><strong>Chris Cleave </strong></p>
<p><em>Why we like it</em></p>
<p>One of the comments on our previous post three years ago was about how many of the chosen sites the authors had made with their own fair hands, without outside help. It’s a fair question – so here’s a site that demonstrates how, with WordPress and an off-the-shelf theme, you can make a site that had good content and a high level of engagement with its audience. Chris has experimented across the years with various themes for his site, but one thing that hasn’t changed is the friendly approach to comments and the frequency with which he replies; another is the wealth of information about the research that goes in to each of Chris’s very different novels.</p>
<p><em>Black marks</em></p>
<p>Chris’s current choice of theme doesn’t actually feature his name at all in the masthead area – which could be a little confusing for some visitors.</p>
<p><a href="http://chriscleave.com/" target="_blank">http://chriscleave.com/</a></p>
<hr />
<p><strong>Nick Harkaway </strong></p>
<p><em>Why we like it</em></p>
<p>Just like one of Nick’s books, this is a website that draws the visitor in – the slightly anarchic, off-kilter red ‘pathways’ that run through the site are really eye-catching, and Nick’s blog entries are funny and perfectly geared to his geek persona. It even features his notoriously bushy eyebrows in a supporting role.</p>
<p><em>Black marks</em></p>
<p>Somewhat surprisingly, the site is not responsive (mobile friendly) – more ‘high concept’ designs can be harder to boil down to work well on mobile.</p>
<p><a href="http://www.nickharkaway.com/" target="_blank">http://www.nickharkaway.com/</a></p>
<hr />
<p><strong>Joe Wicks </strong></p>
<p><em>Why we like it</em></p>
<p>I realise this has been a list dominated by novelists. Perhaps because non-fiction writers have more strings to their bow (broadcasting, TV, politics, academia), books can often be relegated to a smaller part of their web presences. Indeed, non-fiction books can often be brand extensions, but even if that’s true, it’s hard to find fault with publishing sensation Joe Wicks’ site. There’s an immediate inducement to sign up for free fat loss advice via e-mail, clear calls-to-action to buy the books, free recipes and a blog, all wrapped up in a very clean, modern and inspirational package. It’s selling all the way, and that’s no bad thing.</p>
<p><em>Black marks</em></p>
<p>The main menu is accessed by means of the so-called ‘hamburger’ icon at the top left – even when the site is viewed on a very large screen. While many people understand this visual convention, not all users will.</p>
<p><a href="http://www.thebodycoach.co.uk/" target="_blank">http://www.thebodycoach.co.uk/</a></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
