tag:econsultancy.com,2008:/blog/tags/web-design Posts tagged with "web design" from the Econsultancy blog 2017-09-01T08:44:30+01:00 tag:econsultancy.com,2008:BlogPost/69332 2017-09-01T08:44:30+01:00 2017-09-01T08:44:30+01:00 How Premier League club websites are changing: A Swansea and Stoke case study Ben Davis <p><strong>The football season is well and truly under way and very happy am I.</strong></p> <p>If you're a football fan or a fantasy football obsessive, you'll be more than familiar with Premier League and football club websites, and how some have improved immeasurably over the past couple of seasons.</p><p><a href="https://econsultancy.com/blog/69332-how-premier-league-club-websites-are-changing-a-swansea-and-stoke-case-study/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/69273 2017-07-27T11:30:00+01:00 2017-07-27T11:30:00+01:00 Luxury ecommerce review: Is Balenciaga's 'normcore' website more than a gimmick? Ben Davis <p><strong>In March 2017 Balenciaga launched a new website which is pretty remarkable as far as web design goes.</strong></p> <p>You can see the homepage in the screenshot below. The rest of the website has the same utilitarian aesthetic and frankly looks as if the brand decided that the agency wireframes looked just fine as they were.</p><p><a href="https://econsultancy.com/blog/69273-luxury-ecommerce-review-is-balenciaga-s-normcore-website-more-than-a-gimmick/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/68908 2017-04-05T13:00:00+01:00 2017-04-05T13:00:00+01:00 Website design briefs: Be very careful what you ask for Paul Randall <p dir="ltr"><strong>Be careful what you ask for, is always sound advice. And when you’re briefing an agency to create a new website or ecommerce store you need to be extremely careful.</strong></p> <p dir="ltr">The consequences, good and bad, of that briefing will stay with you for some time. The results of dodgy assumptions or the wrong focus can be costly to fix once you’ve discovered your expensive new site is a flop.</p><p><a href="https://econsultancy.com/blog/68908-website-design-briefs-be-very-careful-what-you-ask-for/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/68680 2017-01-17T14:41:07+00:00 2017-01-17T14:41:07+00:00 23 examples of duotones and colour filters in web design Ben Davis <p><strong>Duotones were one of the trends we identified in web design for 2017.</strong></p> <p>I've rounded up 23 examples of websites using duotones (or sometimes gradients, colour filters or a classy monotone / grayscale).</p> <p>There are various reasons these effects abound, notably allowing informational websites to use authentic photography without distracting from navigational elements or important copywriting.</p><p><a href="https://econsultancy.com/blog/68680-23-examples-of-duotones-and-colour-filters-in-web-design/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/68675 2017-01-05T13:51:48+00:00 2017-01-05T13:51:48+00:00 Five examples of meaningful motion in web design Ben Davis <p><strong>At the beginning of the year we take a look at current web design trends.</strong></p> <p>In our summary of <a href="https://econsultancy.com/blog/68600-10-sensible-web-design-trends-for-2017/">what to look out for in 2017</a>, we highlighted meaningful motion in web design. It's a concept defined by Google, as part of <a href="https://econsultancy.com/blog/65966-what-is-material-design-10-pioneering-examples/">Material Design</a>.</p><p><a href="https://econsultancy.com/blog/68675-five-examples-of-meaningful-motion-in-web-design/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/68600 2016-12-13T10:11:00+00:00 2016-12-13T10:11:00+00:00 10 sensible web design trends for 2017 Ben Davis <p><strong>Why have I used the adjective 'sensible' in my headline, instead of something more click-worthy like 'crucial'?</strong></p> <p>The answer is that web design trends in 2017 should be all about meeting the user's needs.</p> <p>Gone is the temptation to show off what the browser can do, in its place is a passion for proper design; form follows function.</p><p><a href="https://econsultancy.com/blog/68600-10-sensible-web-design-trends-for-2017/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/68445 2016-10-26T10:38:14+01:00 2016-10-26T10:38:14+01:00 Can Southampton FC break the hegemony of crap football websites? Ben Davis <p><strong>I think of football (soccer) club websites much as I do automotive websites; traditionally pretty poor and, dare I say it, a reliable indicator of little digital knowledge at a board or senior management level.</strong></p> <p>The stereotypical Premier League club website would have a big interstitial with a button to 'enter site', then a clunky UX that's too busy, not mobile-friendly, or both.</p><p><a href="https://econsultancy.com/blog/68445-can-southampton-fc-break-the-hegemony-of-crap-football-websites/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/68266 2016-09-13T10:13:05+01:00 2016-09-13T10:13:05+01:00 Oooh, cars! We review the new Lamborghini website Ben Davis <p><strong>Lamborghini launched a new website at the beginning of September.</strong></p> <p>We can be pretty sure the product photography will be good - that's the supercar stock in trade - but is the rest of the website any good?</p> <p>Here, I examine what works, what doesn't, and what's up for debate.</p><p><a href="https://econsultancy.com/blog/68266-oooh-cars-we-review-the-new-lamborghini-website/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/68226 2016-09-07T11:27:39+01:00 2016-09-07T11:27:39+01:00 23 mobile UX mistakes that Google doesn't like Ben Davis <p><strong>What mobile UX mistakes should marketers be looking out for?</strong></p> <p>Here are 23 of them for a start.</p><p><a href="https://econsultancy.com/blog/68226-23-mobile-ux-mistakes-that-google-doesn-t-like/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67994 2016-06-29T11:41:00+01:00 2016-06-29T11:41:00+01:00 10 ecommerce UX treats on the new Oasis website Ben Davis <p><strong>The new Oasis ecommerce website has lots of novel features that are worth noticing.</strong></p> <p>Luckily, I've compiled them here for all UX enthusiasts to enjoy.</p><p><a href="https://econsultancy.com/blog/67994-10-ecommerce-ux-treats-on-the-new-oasis-website/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67744 2016-04-20T10:32:00+01:00 2016-04-20T10:32:00+01:00 Confusing UX: The new Royal Family website reviewed Ben Davis <p><strong>My editor pointed out that this article might just be treason. </strong></p> <p>Low-level treason, but treason nonetheless.</p> <p>Well, now you know the lengths to which I will go to champion good UX.</p> <p>Here are some things to note about the new <a href="https://www.royal.uk/home-royal-family">Royal Family website</a>, a place of great content and slightly confusing user journeys.</p><p><a href="https://econsultancy.com/blog/67744-confusing-ux-the-new-royal-family-website-reviewed/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67745 2016-04-19T14:16:00+01:00 2016-04-19T14:16:00+01:00 15 examples of artificial intelligence in marketing Ben Davis <p><strong>Artificial intelligence (<a href="https://en.wikipedia.org/wiki/Artificial_intelligence">see the Wikipedia definition</a>), specifically machine learning, is an increasingly integral part of many industries, including marketing.</strong></p> <p>Here are a whole bunch of case studies and use cases, as a complete primer for AI in our industry.</p><p><a href="https://econsultancy.com/blog/67745-15-examples-of-artificial-intelligence-in-marketing/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67700 2016-04-05T13:40:00+01:00 2016-04-05T13:40:00+01:00 What can automotive brands learn from the Tesla website? Ben Davis <p><strong>Tesla recently announced that pre-orders of its Model 3 hit a quarter of a million in just the first 36 hours.</strong></p> <p>Now seems like a good time to have a little look at the Tesla website.</p> <p>I've previously written about how frustrating <a href="https://econsultancy.com/blog/65429-automotive-online-the-german-big-three-at-a-glance">automotive websites have traditionally been</a>, with copycat designs and poor UX as standard.</p> <p>So, how does Tesla's website shape up?</p><p><a href="https://econsultancy.com/blog/67700-what-can-automotive-brands-learn-from-the-tesla-website/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67683 2016-03-30T11:06:00+01:00 2016-03-30T11:06:00+01:00 How typography will help your responsive website stand out James Hopkins <p dir="ltr"><strong>The best responsive designs come with good, considered typography.</strong></p> <p dir="ltr">As far as I am concerned, there are two factors for great typography. The first one is personality, the second one is semantic.</p><p><a href="https://econsultancy.com/blog/67683-how-typography-will-help-your-responsive-website-stand-out/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67636 2016-03-18T00:05:00+00:00 2016-03-18T00:05:00+00:00 Kogan.com - a world of cheeky (and divisive?) UX Ben Davis <p><strong>Kogan.com is the only international Australian electronics retailer, the work of self-made Ruslan Kogan.</strong></p> <p>Perhaps the most amusing story in its 10 year history was its application of an IE7 tax in 2012, charging people 6.8% more for using the outdated browser (0.1% for every month the browser had been on the market).</p> <p>It's not just this that seems unconventional, the site is full of UX quirks (some good, some bad) that I thought I should highlight. Let me know what you think.</p> <p><a href="https://econsultancy.com/blog/67636-kogan-com-a-world-of-cheeky-and-divisive-ux/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67625 2016-03-14T14:01:00+00:00 2016-03-14T14:01:00+00:00 Making your HTML accessible for the visually impaired James Hopkins <p><strong>Accessibility is an important topic in web design, but one that previously hasn't been covered on the Econsultancy blog.</strong></p> <p>To rectify this omission, I'll be writing a series of posts exploring how to make your websites more accessible from the outset. </p> <p>In this first post we’ll look at creating a design that people with visual impairments will hopefully find easy to use.</p><p><a href="https://econsultancy.com/blog/67625-making-your-html-accessible-for-the-visually-impaired/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67623 2016-03-09T14:22:42+00:00 2016-03-09T14:22:42+00:00 Ecommerce product descriptions: Are they always necessary? Ben Davis <p><strong>Product descriptions have long been advocated as both a sales and an SEO tactic.</strong></p> <p>But is this a bit 'web 2.0', or even 'web 1.0'?</p> <p>Here is some evidence that product descriptions could be a red herring.</p><p><a href="https://econsultancy.com/blog/67623-ecommerce-product-descriptions-are-they-always-necessary/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67618 2016-03-09T10:39:00+00:00 2016-03-09T10:39:00+00:00 Topman vs. Next: who has the best purchase journey UX? Ben Davis <p><strong>Why am I comparing two well-known fashion retailers and their ecommerce sites?</strong></p> <p>Well, though many conventions of web design are well-established, it still surprises me how different ecommerce sites can be, even in the nuts and bolts of basket and checkout.</p> <p>So, I thought I'd look at two quite different fashion retailers, and see how they match up.</p><p><a href="https://econsultancy.com/blog/67618-topman-vs-next-who-has-the-best-purchase-journey-ux/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67591 2016-03-02T12:00:57+00:00 2016-03-02T12:00:57+00:00 Improving UX by simplifying web design: English National Opera Ben Davis <p><strong>The English National Opera (ENO) has a new website.</strong></p> <p>From a UX perspective, everything is cleaner and clearer.</p> <p>Let's take a look at why it works, and get some insight from the agency that built the site.</p><p><a href="https://econsultancy.com/blog/67591-improving-ux-by-simplifying-web-design-english-national-opera/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67581 2016-02-29T13:56:16+00:00 2016-02-29T13:56:16+00:00 Six reasons I love Zara.com (and a few reasons I don't) Ben Davis <p><strong>There aren't hundreds of bells and whistles on Zara.com.</strong></p> <p>But it's a website I like using and it makes me want to buy stuff (even though I know it looks better on the website than in store).</p> <p>Here are six reasons why.</p><p><a href="https://econsultancy.com/blog/67581-six-reasons-i-love-zara-com-and-a-few-reasons-i-don-t/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67561 2016-02-25T11:37:59+00:00 2016-02-25T11:37:59+00:00 What are sticky ecommerce elements? Ben Davis <p><strong>Sticky or fixed ecommerce elements are the features that appear to follow you down the page as you scroll.</strong></p> <p>They're an established tactic to improve ecommerce UX.</p> <p>Here's a bunch of examples...</p><p><a href="https://econsultancy.com/blog/67561-what-are-sticky-ecommerce-elements/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67538 2016-02-22T14:25:01+00:00 2016-02-22T14:25:01+00:00 Should agencies eat their own dog food & build minimum-viable-product websites? Ben Davis <p><strong>Does any agency design its own website as if it were a client product?</strong></p> <p>What should an agency website do? And how do we know if it's worth the effort?</p><p><a href="https://econsultancy.com/blog/67538-should-agencies-eat-their-own-dog-food-build-minimum-viable-product-websites/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67550 2016-02-22T11:56:15+00:00 2016-02-22T11:56:15+00:00 Student.com: the website set to revolutionise student accommodation Ben Davis <p><strong>Student.com has had quite a lot of press recently, what with $60m of investment from the founders of Spotify.</strong></p> <p>The website is new to me, so I thought I'd have a look through and pick out some points of interest.</p><p><a href="https://econsultancy.com/blog/67550-student-com-the-website-set-to-revolutionise-student-accommodation/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67510 2016-02-16T10:41:14+00:00 2016-02-16T10:41:14+00:00 How blog page design & layout can destroy readability Ben Davis <p><strong>No matter how good you are at the words, the sentences and the grammar, no matter how often you run your florid prose through <a href="http://www.hemingwayapp.com/">the Hemingway app</a>, there are some elements of an article page that can scupper everything.</strong></p> <p>Here are the most important.</p><p><a href="https://econsultancy.com/blog/67510-how-blog-page-design-layout-can-destroy-readability/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67466 2016-02-04T02:02:00+00:00 2016-02-04T02:02:00+00:00 Why do Chinese websites look so busy? Jeff Rajeck <p><strong>Anyone who has worked with a Chinese company or had to run a campaign in China knows that their design sense is different.</strong></p> <p>One thing that jumps out the most though, is that their websites look very 'busy'. Why is that?  </p><p><a href="https://econsultancy.com/blog/67466-why-do-chinese-websites-look-so-busy/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67421 2016-01-19T14:15:00+00:00 2016-01-19T14:15:00+00:00 Ecommerce checkout progress indicators: essential, not optional Jack Simpson <p><strong>We often discuss <a href="https://econsultancy.com/blog/67120-12-ways-to-reduce-basket-abandonment-on-your-ecommerce-site">basket abandonment</a> on this blog, and one of the quickest ways to lose your customer is to bore them with a seemingly endless checkout process. </strong></p> <p>I say ‘seemingly endless’ because, however long the process really is, if you don’t include some kind of progress indicator then people have no way of telling how close to the end they are.</p> <p>So they might as well assume they’ve got a long way to go, get bored and give up.</p><p><a href="https://econsultancy.com/blog/67421-ecommerce-checkout-progress-indicators-essential-not-optional/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67377 2016-01-12T11:34:24+00:00 2016-01-12T11:34:24+00:00 10 ecommerce sites with grand product photography Ben Davis <p><strong>As ecommerce sites become richer experiences designed to showcase products to their fullest, imagery is getting bigger and crisper.</strong></p> <p>A small product shot was once par for the course and is now underwhelming compared to those retailers at the forefront of ecommerce.</p> <p>In our continuing look at <a href="https://econsultancy.com/blog/67308-15-crucial-web-design-trends-for-2016-beyond/">web design trends for 2016 and beyond</a>, I thought I'd showcase 10 ecommerce websites that use big and beautiful photography.</p><p><a href="https://econsultancy.com/blog/67377-10-ecommerce-sites-with-grand-product-photography/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67376 2016-01-06T14:38:00+00:00 2016-01-06T14:38:00+00:00 13 examples of websites with confident typography Ben Davis <p><strong>Our web design trends for 2016 included a continued predilection for bold typography.</strong></p> <p>So, we thought we'd bring you some typographical inspiration, with some examples from agencies, ecommerce and beyond. Consider us the fo(u)nt of all knowledge.</p> <p><em>Why not read the full list of <a href="https://econsultancy.com/blog/67308-15-crucial-web-design-trends-for-2016-beyond/">web design trends for 2016</a>.<br></em></p><p><a href="https://econsultancy.com/blog/67376-13-examples-of-websites-with-confident-typography/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67308 2015-12-16T11:13:00+00:00 2015-12-16T11:13:00+00:00 15 crucial web design trends for 2016 & beyond Ben Davis <p><strong>Lots of publishers reveal their annual web design trends at the end of the year.</strong></p> <p>I thought I'd be different and conduct a meta-study, bringing you what I consider to be the most cogent predictions from across the web.</p> <p>Hopefully that means this is the only trends post you'll need this year. So, put your feet up and read on, as we explore the larger trends, to the finer detail.</p><p><a href="https://econsultancy.com/blog/67308-15-crucial-web-design-trends-for-2016-beyond/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67155 2015-11-10T11:05:00+00:00 2015-11-10T11:05:00+00:00 10 eye-popping websites that use stunning colour contrast Ben Davis <p><strong>Yes, it's a shamelessly epicurean roundup of some of the most ocularly orgasmic websites on the wider web.</strong></p> <p>From ecommerce to agency sites, here are some of the most colourful or contrasting.</p><p><a href="https://econsultancy.com/blog/67155-10-eye-popping-websites-that-use-stunning-colour-contrast/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67111 2015-10-29T11:18:00+00:00 2015-10-29T11:18:00+00:00 AO vs. EE: comparing the 'best' and 'worst' ecommerce sites Jack Simpson <p><strong><a href="http://www.which.co.uk/news/2015/10/best-and-worst-online-shops-revealed-418686/#?intcmp=HP.hero.large.2.wcunews.bestandworstonlineshops.oct22">Which surveyed more than 10,000 UK online shoppers</a> and asked them to rate their experiences on ecommerce sites in the first six months of 2015.</strong></p> <p>I thought it would interesting to compare the first place (white goods retailer AO.com) and last place (telecoms brand EE.co.uk) sites to see why they faired so differently.</p> <p><a href="https://econsultancy.com/blog/67111-ao-vs-ee-comparing-the-best-and-worst-ecommerce-sites/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67030 2015-10-13T10:22:00+01:00 2015-10-13T10:22:00+01:00 10 successful homepages that show the trend for video backgrounds Ben Davis <p><strong>GIF and video backgrounds are spreading.</strong> </p> <p>Focus on enjoyable customer experiences has led many to create focused, unfussy websites that provide clear messages and unforgettable images.</p> <p>Open source platforms and social media have played a large part in perpetuating this trend. The rise of the smartphone means we're more comfortable with scrolling experiences, so content can be dispersed down the page.</p><p><a href="https://econsultancy.com/blog/67030-10-successful-homepages-that-show-the-trend-for-video-backgrounds/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/66753 2015-08-05T10:45:00+01:00 2015-08-05T10:45:00+01:00 Econsultancy's responsive site redesign: six months on Ben Barrass <p><strong>The effects of Econsultancy's site change are still only just becoming known six months on.</strong></p> <p>This is what we have learned so far...</p><p><a href="https://econsultancy.com/blog/66753-econsultancy-s-responsive-site-redesign-six-months-on/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/66679 2015-07-21T10:43:00+01:00 2015-07-21T10:43:00+01:00 10 neat innovations to make your ecommerce site more interesting Christopher Ratcliff <p><strong>Here on the blog we insist that if you’re running an ecommerce site, you must get the basics right.</strong></p> <p>If you’re not testing, collecting and analysing data, and iterating your site so it provides the best customer experience possible, then your business will disappear into a fug of mediocrity.</p> <p>Make the UX of your site as easy to use and customer-focused as possible. That’s the very basic necessity.</p> <p>However that doesn’t mean you can’t have fun. </p><p><a href="https://econsultancy.com/blog/66679-10-neat-innovations-to-make-your-ecommerce-site-more-interesting/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/66685 2015-07-14T14:53:10+01:00 2015-07-14T14:53:10+01:00 16 awe-inspiring immersive websites Christopher Ratcliff <p><strong>Lose yourself in a world of web design gorgeousness with these incredible online experiences.</strong></p> <p>Some are single-serve only, designed to help attract attention or investment. Some were built purely on a creative whim, designed to inspire others to experiment.</p> <p>Others are fully immersive experiences, where you have to devote significant time to explore the highly detailed worlds on offer.</p><p><a href="https://econsultancy.com/blog/66685-16-awe-inspiring-immersive-websites/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/66356 2015-04-23T11:08:00+01:00 2015-04-23T11:08:00+01:00 26 inspirational web design resources to boost your creativity Christopher Ratcliff <p><strong>As I am in middle of building my own website and drowning in never-ending design possibilities as well as unfathomable bits of CSS I thought I would share with you some inspiration.</strong></p> <p>These are sites and tools that I’ve been using either on a daily or weekly basis.</p><p><a href="https://econsultancy.com/blog/66356-26-inspirational-web-design-resources-to-boost-your-creativity/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/66246 2015-03-26T07:57:24+00:00 2015-03-26T07:57:24+00:00 Are banking websites in need of an update? Christopher Ratcliff <p><strong>Many banking websites occupy a space on the web that seems resolutely stuck in the recent past.</strong></p> <p>Most of the popular high street banks don’t operate responsively designed desktop sites, instead choosing a separate mobile site.</p> <p>Many have homepages that are text heavy, offering a huge array of navigation and product options, but little in the way of persuasive design.</p><p><a href="https://econsultancy.com/blog/66246-are-banking-websites-in-need-of-an-update/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/66236 2015-03-25T14:00:00+00:00 2015-03-25T14:00:00+00:00 The ultimate guide to digital design roles Patricio Robles <p><strong>Design has never been more important to the success of digital products, but when it comes to finding the right designers, many companies struggle. </strong></p> <p>One of the biggest reasons for this: they don't know which kind of designers they need. </p><p><a href="https://econsultancy.com/blog/66236-the-ultimate-guide-to-digital-design-roles/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/66240 2015-03-24T10:33:19+00:00 2015-03-24T10:33:19+00:00 BBC News launches new responsive website: review Christopher Ratcliff <p><strong>The BBC has finally switched off its old desktop site and is now redirecting mobile users away from its .m site to its brand new fully responsive news site.</strong></p> <p>BBC News’s previous iteration was four years old, and although it regularly broke records for attracting worldwide traffic (<a href="http://www.bbc.co.uk/mediacentre/worldnews/bbc-website-record-global-traffic">64m unique visitors in January 2013</a>) the site has been need of a multi-screen compatible upgrade for some time. In fact since inviting users to trial a beta version of the new site in December, BBC News has seen 65% of its users now accessing the site from tablets and mobiles.</p><p><a href="https://econsultancy.com/blog/66240-bbc-news-launches-new-responsive-website-review/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/66200 2015-03-16T10:05:00+00:00 2015-03-16T10:05:00+00:00 10 sneaky examples of hidden website menus Christopher Ratcliff <p><strong>It's becoming more popular for websites to hide its navigation off screen, only revealing a menu when you interact with an element.</strong></p> <p>The interaction can be a click or a hover, the element is normally a hamburger menu, but occasionally its text or symbol based. Either way this practice is a good way to clean up the clutter of your website.</p> <p>Here are 10 examples, each providing a slightly different take on the trend.</p><p><a href="https://econsultancy.com/blog/66200-10-sneaky-examples-of-hidden-website-menus/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/66156 2015-03-04T10:48:41+00:00 2015-03-04T10:48:41+00:00 12 insanely beautiful travel and leisure websites Christopher Ratcliff <p><strong>I don’t know about you but I’m getting sick of the bitter wind that’s barreling its way down the streets of my adopted city with all the lip-chafing might of a hard-skinned rhino.</strong></p> <p>It’s definitely time to escape, even if it’s just a psychological one rather than a physical one. After all, temperature’s just a state of mind, right? Right?</p><p><a href="https://econsultancy.com/blog/66156-12-insanely-beautiful-travel-and-leisure-websites/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/66108 2015-02-19T10:10:00+00:00 2015-02-19T10:10:00+00:00 16 delightful micro UX animations for ecommerce Christopher Ratcliff <p><strong>Simple animation, fluid transitions, dynamically changing results, micro UX… all these design elements can not only make your website easier to use but delight your visitors too.</strong></p> <p>I’ve rounded up 16 examples of great little animations from a variety of ecommerce sites, some of which are integral to providing the best user experience possible, others which merely provide a creative icing to an already tasty cake.</p> <p>It’s also an excuse to test my new Gif generator tool. Enjoy!</p><p><a href="https://econsultancy.com/blog/66108-16-delightful-micro-ux-animations-for-ecommerce/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/66045 2015-02-04T10:11:50+00:00 2015-02-04T10:11:50+00:00 UX design for restaurants leaves a bad taste in the mouth Matt Owen <p><strong>If you’re trying to sell food, nothing’s more important than the menu. </strong></p> <p>Recently I was looking back through some older Econsultancy posts (because I live a fun-filled, rock 'n' roll life), and came across <a title="https://econsultancy.com/blog/65511-hamburger-menus-for-mobile-navigation-do-they-work" href="https://econsultancy.com/blog/65511-hamburger-menus-for-mobile-navigation-do-they-work">this post on mobile hamburger menus</a>. </p><p><a href="https://econsultancy.com/blog/66045-ux-design-for-restaurants-leaves-a-bad-taste-in-the-mouth/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/66008 2015-01-27T18:52:00+00:00 2015-01-27T18:52:00+00:00 15 deeply pleasing examples of mobile micro UX Christopher Ratcliff <p><strong>Micro UX is one of our <a href="https://econsultancy.com/blog/65898-17-crucial-web-design-trends-for-2015">17 crucial web design trends of 2015</a> and hopefully will only grow in importance as interactive web experiences continue to become more human and characterful.</strong></p><p><a href="https://econsultancy.com/blog/66008-15-deeply-pleasing-examples-of-mobile-micro-ux/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/65995 2015-01-22T09:36:00+00:00 2015-01-22T09:36:00+00:00 11 compact examples of super-navigation Christopher Ratcliff <p><strong>We published our <a href="https://econsultancy.com/blog/65898-17-crucial-web-design-trends-for-2015/">17 crucial web design trends for 2015</a> a couple of weeks ago, and this is part of a series of posts looking at each trend in more depth.</strong></p> <p>This week, the thin permanent menus found across the very top of larger websites we have decided to call 'super-navigation'.</p><p><a href="https://econsultancy.com/blog/65995-11-compact-examples-of-super-navigation/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/65966 2015-01-14T15:11:16+00:00 2015-01-14T15:11:16+00:00 What is material design? 10 pioneering examples Christopher Ratcliff <p><strong>We published our <a href="https://econsultancy.com/blog/65898-17-crucial-web-design-trends-for-2015/">17 crucial web design trends for 2015</a> a couple of weeks ago, and this is the first in a series of posts looking at each trend in a more in depth manner.</strong></p> <p>This week, the meeting point between <a href="https://econsultancy.com/blog/64732-16-beautiful-examples-of-flat-design-in-ecommerce/">flat design</a> and skeuomorphism: material design.</p><p><a href="https://econsultancy.com/blog/65966-what-is-material-design-10-pioneering-examples/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/65967 2015-01-14T10:50:07+00:00 2015-01-14T10:50:07+00:00 21 examples of retro design that made a comeback online Matt Owen <p><strong>There is nothing new under the sun. So spoketh Solomon and/or Shakespeare, depending on who you believe.</strong></p> <p>Either way, it’s unlikely they were referring to web design, but as we enter into an uncertain future, there’s no denying there’s a strange comfort in nostalgia - Hey, look at hipsters for starters.</p><p><a href="https://econsultancy.com/blog/65967-21-examples-of-retro-design-that-made-a-comeback-online/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/65898 2014-12-17T11:05:00+00:00 2014-12-17T11:05:00+00:00 17 crucial web design trends for 2015 Christopher Ratcliff <p><strong>Please do not mistake me for some kind digital prognosticator, soothsayer guru, evangelist, swami, samurai or whatever risible term is currently popular in digital marketing circles.</strong></p> <p>I am but one writer who has spent the last year immersed (and only occasionally floundering) in previously unchartered waters in my first 12 months of writing for Econsultancy.</p> <p>This isn’t just a list of trends that I’ve noticed during my own research, but also ones discovered by my many venerable colleagues, various friends of the blog and passed on to me by <a href="https://twitter.com/danbarker">Dan Barker</a> or compiled throughout the year by <a href="https://twitter.com/lakey">Chris Lake</a>.</p><p><a href="https://econsultancy.com/blog/65898-17-crucial-web-design-trends-for-2015/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/65845 2014-12-05T10:49:00+00:00 2014-12-05T10:49:00+00:00 Brand logos in a responsive design age Christopher Ratcliff <p><strong>You will no doubt notice that we have a new site design. It’s a completely refreshed and fully responsive experience that should hopefully put the user first.</strong></p> <p>It’s also a work in progress.</p><p><a href="https://econsultancy.com/blog/65845-brand-logos-in-a-responsive-design-age/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/65849 2014-12-03T11:10:00+00:00 2014-12-03T11:10:00+00:00 What is micro UX? 14 joyful examples Christopher Ratcliff <p><strong>Micro UX is a small element in a product’s design, focused entirely on a single task. </strong></p> <p>These simple interactions and effects are primarily designed to create an interesting and hopefully unique experience for the user. </p> <p>Here we’ll be finding out how these little details can make a big difference.</p><p><a href="https://econsultancy.com/blog/65849-what-is-micro-ux-14-joyful-examples/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p>