Subscribe to our RSS Feed

Category Archives: Design

iPad Two launches and just look at the queue!

shot_1301058292495 (2)

Apple enthusiasts queued for hours today in order to get their hands on the latest version of the iPad. The iPad 2 was released today across stores nationwide and as you can see from the photo above, here in Covent Garden the ever-lengthening queue is alive and kicking! Given that today’s launch has also coincided with the hottest day of the year so far, fans were literally fanning themselves and being handed bottles of water by a fleet of Apple staff to keep them hydrated.

At Regent Street, orders were being taken prior to the grand opening at 5pm. The store was closed at 3pm for a quick makeover to be ready for the burgeoning queue of customers to spill into the store and part with their cash for the iPad 2 device. It seems the revolution has begun all over again and Apple’s tills will be ringing louder than ever…

Re-thinking the Fold

andrew2This week Andrew Rees our mastermind Digital Designer discusses how use of ‘the fold’ within digital design must be reconsidered in order to apply more effective ways of drawing readers through your online content.

The print term ‘above the fold’ comes from the newspaper industry, in which the most eye-catching image or story is placed at the top of the page so as to be visible when the newspaper is folded on the newsstand. Effective use of this key area will encourage people to read further and ultimately buy the ‘paper.

In the digital world, ‘above the fold’ is used to describe the area within a browser that is viewable without scrolling. There is a perception that effective use of this area requires as much content as possible to be contained within it. There’s a problem with this approach though, as to cover the full range of screen sizes that may be used to view a website, the result is often squashed, cluttered pages with too many elements battling for ascendancy. Good design principles can be pushed aside in the attempt to ‘fit everything in’. In addition, as the range of devices that the web is viewed on increases, this one-size fits all approach will increasingly produce websites that just don’t work effectively for the majority of users.

So why the inflexibility? The main reason is a lingering assumption and fear that people don’t or won’t scroll. There has been a lot of research carried out in this area and the overwhelming evidence is that this assumption is incorrect. Scrolling is a fundamental part of the internet experience, and comes naturally to the majority of users. The real problem is that people may not scroll if they have not been given a compelling reason to do so, just as they may choose not open to up the ‘paper.

So what should we be doing? We need to get back to the original concept of ‘above the fold’, drawing people in though the clever use of design and content, and get them to explore further. Although the web is quite a different beast to a newspaper, the principle remains the same. In the case of a website we need to present well-conceived, key content in an area that we know will be the first experience for the majority of viewers, and have confidence that with thoughtful, user-based design, appropriate calls to action and bespoke content the user won’t fail to scroll and explore .

The benefits of this way of thinking are many. We can attract and engage the user whilst allowing the design to breathe and the page to tell a story. We can focus attention on the key messaging and successfully guide users to more in-depth content and particular actions. With this approach we can better serve the user however they are viewing the site, be it on a small monitor, a whopping 27-inch iMac, an iPad or even a phone…

What do you want from the new iPad?

apple-ipad_11 (2)This week Andy Barber ponders on a few important questions…

About this time of year, the rumour mill starts to go into overdrive with predictions and leaks about upcoming Apple products. And out of all the Apple products, an iPad is now the must have item. Bored of reading the Metro on the tube this morning, I got thinking about what I’d like to change about it….

Make it lighter – all those lithium polymer batteries needed to power a big LCD screen make up a lot of weight. They could potentially reduce the weight by either using a more efficient display (and processor) or using more powerful lightweight batteries. They could also go further and use a plastic structure as opposed to the current metal body, a bit like the change from the iPhone to the iPhone 3G. I love the unibody metal design though, and would far rather they don’t revert to a plastic case.

Next, the screen; there are a lot of rumours flying around that they will introduce a higher resolution “retina display”, where your eye can’t make out individual pixels, like the screen on the iPhone 4. I’m not too sure how bothered I am about a higher resolution screen though – in reality most movies, pictures and websites are far lower quality than the screen resolution. For our designers, it could mean having to optimise pages for a different resolution.

I’ve found over the last few months that reading is without doubt the main use of my iPad. I also love using my Amazon Kindle – the best feature is the fact the screen looks like real paper, allowing you to read anywhere including bright sunlight due to its eInk screen. These screens only use energy when you “turn the page” of an eBook so the battery lasts for weeks. If you haven’t seen a Kindle screen, it kind of looks like a kids “Etch A Sketch”. Anyway, my dream solution would be a hybrid e-ink screen and LCD. Wouldn’t it be great? The iPad could automatically switch to eInk mode when you open a book application and then back to LCD for movies and games…. Here are a couple of video links on the future of eInk screens:

http://news.bbc.co.uk/1/hi/programmes/click_online/9362255.stm

http://www.google.com/search?client=safari&rls=en&q=hybrid+eink+lcd+screen&ie=UTF-8&oe=UTF-8#hl=en&client=safari&rls=en&sa=X&ei=jPs2TbmLNIq38gOZ1P2uDA&ved=0CBEQBSgA&q=hybrid+e+ink+lcd+screen&spell=1&fp=ee5b8d49ec6ea034

Lastly, make it a cheaper please! I was one of those people who managed to get a friend to buy me the cheapest iPad out of the US (thank you Parvizi). The frustrating part though, as much as it pains me to say it, I’m fairly sure I’ll end up saving to buy an iPad 2, even if they don’t take on board my suggestions. I’m hooked.

Let us know what you would like your ultimate tablet to do.

Click, chat, buy…

Bye-bye high street, buy by my tweet. Angus Montgomery investigates how retailers are revamping their Internet presence to meet a rise in online spend, and increasingly adopting social media techniques to drive traffic to their sites

The average person in the UK spends £81 a month on online retail, according to recent figures, and retailers keen to get a share of this lucrative market have been launching new and updated sites focusing on commerce in the third quarter of this year.

Results from the IMRG/Capgemini e-Retail Sales Index show that British shoppers spent £5bn online in July, which represents a year-on-year rise of 18 per cent – and is a possible sign that the recession is lifting. Retailers are now attempting to tap into this potential market with sites that aim to bring the offline experience online and use social media to drive traffic.

Linford Haggie, managing director of consultancy Graphic Alliance, which specialises in online retail, says, ’The economic circumstances are certainly affecting people’s ability to spend online.’ He adds, ’What is happening a lot now is that the commerce site is becoming the final stop in the online journey. Social media is drawing people in and engaging them with the brand’s compelling content before they go to the commerce site at the end. Because of social media networks like Facebook and Twitter, content can be pushed at the consumer, as well as having them search for it.’

Graphic Alliance worked on the relaunch of the Conran Shop website, which went live earlier this month. The consultancy collaborated with the Conran Shop’s in-house team on the design of the site, while E-Inbusiness worked on the site build, based on an Episerver platform. Liam Butler, head of marketing at the Conran Shop, says the £250 000 project aims to drive online sales from their current level of just under £2m a year to £10m a year in 2014-15.

Butler says one aspect of the new site’s development will be to use social media to engage shoppers. The Conran Shop has appointed consultancy We Are Social to work on this aspect.

The site features a Sketchbook tool, which allows users to create ’personal mood boards’ by placing items in their wish lists on to a variety of backgrounds to create virtual rooms. These can then be shared with others through e-mail and Facebook. Butler says the aim is to exploit social networks further, ’so that Twitter can act as online concierge for us’.

The Conran Shop site itself ’aims to bring the offline experience online’ and ’ensure that the product is the hero’, according to Haggie. Butler says, ’A lot of companies go down the route of very expensive lifestyle photography – this can suck up the budget.’

He says the Conran Shop site is currently in phase one and is set to launch in France, the US and Japan in the next three months. Phase two of the site will roll out over the next six months, he says, allowing time to stabilise the platform and roll out more functionality. Butler adds, ’We see phase two rolling out with video or 360-degree coverage of products, so we can tell some of the background story.’

Like the Conran Shop, Japanese clothes retailer Uniqlo, which relaunched its website last Thursday, also aims to harness social media, in this case to alert shoppers to its new site. Dentsu Japan, which designed the site, also developed two social media initiatives in the run-up to the launch, called Lucky Machine and Lucky Counter.

Lucky Machine was an online pinball game in which players were given the opportunity to win a £1000 cash prize as well as online discount vouchers. Crucially, to get balls for the game, players had to invite friends to play using Facebook or Twitter.

The Lucky Counter initiative, which ran in the week leading up to the site launch, encouraged users to tweet about selected Uniqlo items to reduce costs – the more tweets there were, the lower the cost became. The site itself, like the Conran Shop site, offers more product images, with increased zoom levels on the products.

Uniqlo’s high street rivals Gap and Zara have both launched transactional websites in the past weeks, both designed in-house, while H&M is set to launch an in-house-designed site on 16 September. All three sites are global roll-outs and are posited by the brands as part of their ongoing expansion plans. Pablo Isla, deputy chairman and chief executive of Zara owner Inditex, says, ’The Internet and the world of social networking are indispensable tools and extraordinary channels for communication and fit perfectly with our group’s philosophy.’

Online shopping

51% of British adults shop online

76% of people in the UK have Internet access

UK shoppers spent £5bn online in July 2010

Source: IMRG/Capgemini

conran_facebook_conranSuggests

Design Week’s Vox Pop features Andrew Rees!

andrew‘Fallon has created new branding for The Archers, which is also
getting a new online home. Which TV or radio series would you like to bring
to life?’

I’d love to get my hands on Desert Island Discs. You could come up with a great logo and some lovely animations of the celebrity sitting on a tiny island with their favourite things, an old record player with the playlist running in the background, maybe even video of the acts in concert. What a pleasure it would be to mock up Nick Clegg and his stash of cigarettes, Sir Tom Jones with his bucket and spade, and Arthur Scargill gazing at the Mona Lisa.
Andrew Rees
, Senior designer, Graphic Alliance

Which TV or radio series would you bring back to life?  We’d like to hear your thoughts!

Graphic Alliance creates website for Vivienne Westwood

Grahic Alliance in Design Week Vol. 25 / 18 November 2010 – republished on the GA blog…

Graphic Alliance fashions website for Vivienne Westwood with ‘blank canvas’ pages.

Graphic Alliance has created a new website for fashion designer Vivienne Westwood.

The site, which launches this week, acts as an online base for the Vivienne Westwood brand, as well as having e-commerce functionality. The consultancy developed creative concepts for the site in collaboration with the team behind fashion magazine Tank.

The site has been designed as a blank canvas, on which dynamic elements can be placed as the client or designer wishes. This has been created using a content management system developed by GA. Consultancy managing director Linford Haggie says, ‘There’s no order to it – no grid. It’s as close as a website has got to the style of editorial design while still having an e-commerce function. ‘

Visitors to the site can move elements around on the homepage, including links to the brand story, the collections and the online store. If a user redesigns the site, then navigates away from it, it will remember their bespoke designs for the next time they visit the site.

A navigation bar also provides links, and a button on the site allows the users to flip between ‘random’ and ‘grid’ settings.

The blank canvas concept is used throughout the site, apart from point-of-purchase, where clarity is required and a grid system is used.

The site uses fashion photography and archive material, to reflect Westwood’s history.

Haggie says, ‘We wanted the site to reflect the brand, which is unconventional, quirky, eccentric and chaotic.’

He says GA was appointed about nine months ago and has been working on the site for some six months. He says GA and Tank previously worked together on the designs for fashion site Because.

Graphic Alliance fashions website for Vivienne Westwood

Westwood was last week awarded a special commendation in the 2010 Prince Philip Designers Prize. It was also announced that she will be customising next year’s Brit Awards trophy, as part of a branding exercise led by Manchester consultancy Music.

Visit the new Vivienne Westwood site and tell us what you think. Click here.

Twitter gets a new look

Twitter has unveiled a new two-pane layout that will be rolled out to all users over the next weeks as a preview. The changes will lead Twitter.com away from its humble stream-of-updates past and towards a more interactive, app-like future.

The website now has a new two-panel view. Your familiar stream of tweets run down the left side. On the right side is a dashboard of sorts, where you can see recent activity from your followers and the people you follow, trending topics, and the list of people you might want to follow.
New Twitter design 1

Click on a tweet and it expands in the right panel. There, you’ll see rich media like photos and videos, associated conversations, recent tweets by the author, and mini bios for any other people mentioned in the tweet.

New Twitter design 2
Overall, the update plays on features found in popular Twitter client apps like Tweetdeck and Seesmic, and it looks a bit like the official Twitter app for the iPad. Somewhat like those apps, you can delve into videos or photos without leaving the Twitter website, whereas the old site required you to leave the site or launch links in new browser tabs.

When you expand a tweet by clicking on it, if there’s a video or a photo from a supported site (YouTube, Vimeo, Flickr and TwitPic were all included in Tuesday’s launch) it shows up in a nice large format. Videos play right there, and Flickr photos are accompanied by thumbnails to the rest of the photoset – if there is one. You can choose to see embedded photos and videos from only from people you’re following, or from everyone.
The changes are rolling out now, so if you haven’t seen them yet, you will soon!

The Conran Shop: Econsultancy Review

Earlier this week, Econsultancy published a review of the Conran Shop website – the latest project to emerge from the Graphic Alliance Studio. Here’s the review, written by Graham Charlton, republished on the Graphic Alliance blog…

Luxury retailer The Conran Shop had a website redesign last week, and I’ve been checking out the new look version.

The site contains a number of expensive designer products, but is it doing enough to showcase these big ticket items?

The Conran Shop

Homepage

The homepage has a clean, uncluttered look with good presentation of the featured products. I like the fact that users can click to get the price and details of the products shown, and head straight to the product page if they want to:

The Conran Shop

This seems obvious, but it is something many sites don’t do. Having used lots of valuable homepage space to promote products, it makes sense to lead customers straight to product pages if they are interested.

Navigation

The drop downs on the homepage can be fiddly, since the links are small and close together, while white text on a black background can be a strain on your eyes.

The Conran Shop

If you click a sub-category from the drop-down menus, it often doesn’t bring up further sub-categories (or should it be sub-sub-categories?) on the next page, just a repetition of the labels from the drop down.

The products from the selected sub-category, in this case tea and coffee are shown, but unlike many e-commerce sites, there are no further filtered navigation options on the left hand side.

This particular category (tea & coffee) brings up 65 products, a mixture of espresso makers, kettles, teapots, mugs and more, but the refinement options, unless you are looking for products from a particular designer or collection, do little to help narrow the search:

The Conran Shop

The site search works well, returning accurate results and dealing with misspellings. It can actually be a more effective method of narrowing product selection than by browsing the site.

The Conran Shop

In general, the links are small on the site, and could be made to stand out more. For example, every product on the site search results page above has a blue ‘buy now’ link, but these links could be clearer. This also means that viewing and clicking the links on an iPad is difficult to do without plenty of pinching and zooming.

Product pages

Product pages look good, but they are short on detail; delivery charges aren’t that easy to find, while there are a few irritations.

For example, there is a colour palette on the product page for this chair, which is a good feature let down by the fact that there is only one image available, so clicking on any colour but crimson will produce a ‘no photo available’ message.

While there is a broad range of prices on the site, there are many big ticket items, but the product images and options don’t do as much as they could to showcase designer furniture.

The product images are high quality, and can also be seen in full screen view, but that’s it. When viewing a chair for £5,000, it would be good to see it from different angles. The product pages would benefit from tools such as the 360 view used by Schuh, or the kind of 3D planning tools used by MyDeco.

There are links to add the product to a MyDeco wishlist, but this requires registration for new users, and it can be lengthy process to get from the Conran product page to the room planner on MyDeco.

The Conran Shop

I found that a number of products were out of stock when I arrived at the product page. While it can be annoying to find that products are unavailable, at least the site gives shoppers the options of an email notification when the product becomes available.

This is a good idea, but the site could also appeal to shoppers who don’t want to wait for an email by suggesting alternatives to the selected item, or else checking offline stock and pointing shoppers to the nearest store.

The Conran Shop

The pop-ups are slightly annoying too. Shoppers have to first click the basket link to leave an email address before typing it into the box, while they have to click the small cross to close the pop-up, instead of simply clicking elsewhere on the page.

Checkout process

Once products are added to the basket, the basket link at the top right of the page is too small, and it isn’t possible to mouse over to get a summary of contents and charges. Shopping basket links should be easier for users to find.

The site handles the issue of registration smoothly, providing a login option for existing users, while new customers can simply enter an email address and continue on to the checkout.

Later in the process, customers are offered the option of creating an account, which is a good way of capturing customer details. However, the site asks customers to open a pop-up window to see the benefits of registration, but this information would have been better explained in a couple of bullet points next to the tick box.

The Conran Shop

A contact number is visible throughout the checkout process, which is good practice, as it offers reassurance to customers and a clear channel for getting an answer to any questions about their order.

The process has not been enclosed and the top navigation options are still in place throughout the payment process.

This is now an unusual sight for website redesigns, as the top navigation bar offers a distraction for customers when retailers would like them to focus on entering address and payment details, and there are a number of links which will take them out of the process altogether.

The Conran Shop

Conclusion

The new Conran Shop website generally does the basics reasonably well; navigation and site search is functional, most information that customers will need is accessible, and the checkout process is smooth enough.

As Matt Curry pointed out in a previous post though, many websites have yet to deliver a luxury e-commerce experience. The Conran Shop website doesn’t really differentiate itself from most other e-commerce sites, and doesn’t do as much as it could to sell big ticket items.

Matt points out that luxury brands need to do more than simply deliver a standard e-commerce experience, and should seek to delight customers and to carry some of the in store experience online.

We are looking for… An Interactive Designer

We are looking for a multi-talented and enthusiastic interactive middle weight designer with an intuitive sense of design and an obsession for pixel-perfection.

Your portfolio should demonstrate an intimate knowledge of typography, layout, and strong conceptual thinking. You should have the ability to communicate well, take art direction, proactively solve problems, and have the ability to deliver high quality work under time constraints.

Requirements:

  • Strong sense of design composition and typography
  • A solid understanding of the web and interactivity
  • Intimate knowledge of CSS and HTML
  • Passionate about design(!)
  • Experience with Wordpress and PHP

This is a full time position to join our highly motivated design team. An online portfolio is required for consideration. UK residents only please. Competitive salary based on experience.

Please email CVs to Alison Young – alison@graphicalliance.co.uk

PLEASE NOTE THAT DUE TO THE AMOUNT OF APPLICATIONS RECEIVED IT IS NOT ALWAYS POSSIBLE TO REPLY.

Apple launches music social network

News just in that Apple has launched Ping – a social media service that works with iTunes and lets users follow musicians and friends.

Ping

Ping will be included in Apple’s next update for iTunes and will allow users to follow musicians and friends to receive information such as what music they’re listening to or what concerts they’re attending. This will appear in a stream -  similar to Facebook or Twitter.

The service, available immediately, can also be accessed via the iPhone and iPod Touch.

The news will come as a blow to rival social music services, such as MySpace, which had planned a fresh assault on the social music market later this year with a major relaunch.

Apple have also announced the release of a new iPod Touch 4G, iPod Nano 6th Gen, and a version of Apple TV that can stream movies and television shows directly from the internet.

New iPod Nano 6th Gen

12»
Graphic Alliance