Resource Centre

A carefully curated collection of articles, books, tools and galleries.

Topics for 2016 include visual trends, graphic design, strategy, creativity and inspiration; web design, development and seo; email marketing and copywriting; marketing, advertising and social media. If you have a resource you'd like us to consider adding to the list, email it to us or if you're interested in adding a resources module like this to your website, let us know.

 

Keep in touch!

Sign up for our quarterly e-newsletter.

See past issues
Get More Sales with These 5 Email Receipt Marketing Tactics

by Tucker Schreiber | Email Marketing

Every time someone makes a purchase from your store they get an email receipt.

It’s an amazing way to connect with your customers—but it’s often overlooked as a marketing opportunity.  

Chances are, you’re missing out on sales because of that.

In this post, we’ll take a look at how you can use email receipt templates as a part of your marketing strategy to win additional sales, and stay connected with your customers.

Let's get into it!

See More

Read the article at shopify.ca

The ecommerce platform made for you

Whether you sell online, on social media, in store, or out of the trunk of your car, Shopify has you covered.

Customize your store

You have complete control over the look and feel of your website, from its domain name to its layout, colors, and content.

No design skills needed

Start a gorgeous online store by choosing from over 100 professional store templates. Quickly and easily customize anything you want. Add your images, text, and videos without any design or tech skill needed.

 

Accept orders in seconds

Get notified by email or mobile when a new sale comes in. Fulfill one or multiple orders with just one click, making your order management a breeze.

Shipping made easy

Easily integrate shipping with every major carrier and provide your customers with tracking info for their orders.

See More

Learn more at shopify.com

How to Add a Pricing Plan Table in Adobe Muse

By  

E-Commerce is a big part of web design and web development these days. That is why I decided to create a widget that allows you to easily add a pricing plan table to your Adobe Muse website. The pricing plan table is fully responsive and changes position when resizing the browser.

You can select between 1 and 4 plans for the pricing plan table. After the widget is added you can link the plans to a PayPal subscription or any other link you’d like. All of the colors and text within the plans are fully customizable. You can even choose from over 600 Font Awesome Icons for the plan icon! Wow! – say hello to easy E-Commerce in Adobe Muse.

In the video above I go over how to use the widget and how to link it to a PayPal subscription. I take you through all the steps required to creating a subscription in PayPal and then how to link it within the widget.

See More

Read the article at webdesignledger.com

How to Audit Your Website for Improved SEO and Conversions

Written by 

When was the last time you gave your website a checkup? Website audits are extremely valuable and absolutely necessary before beginning any large-scale SEO or website redesign projects . Auditing your website can determine whether or not it's optimized to achieve your goals, and if not, how you can improve it to increase performance.

So if you've never audited your website before, it's been a while since you have, or if you're planning a website redesign in the near future, use this post as your go-to website audit checklist to make sure your website is primed for maximum SEO and conversion results. Keep in mind that in most cases, you’ll probably want to pair up with someone with a technical brain for this, whether that be someone in your in-house IT department or an outsourced party.

See More

Read the article at blog.hubspot.com

7 Simple Ways to Give Your Website a Stronger Presence
 
These quick, tactical changes to your website will consolidate your success and position your business for future growth.
 

When a company is just starting out, it's OK to have an amateurish website. Once you're established, however, you need a site that both reflects your current success and positions you for further growth.

Here's a step-by-step method to make your website pack more punch.

Read the article at inc.com

The 3 traits of Digital Agency Designers, and Why Having a bit of all Three Traits are Important.

By 

1. The Trender

The upside: Trenders are typically great layout, production and UI designers and their aesthetics are top notch. They are always up-to-date on not only the latest typefaces and hottest button UI styles; but also street fashion, music and are often "gadget geeks". Trenders make great art directors later in their career, bringing their visual sense of style into large budget photo and video shoots. They are detail focused and will take the time to polish their designs to pixel perfect. There is always a strong “cool factor” to their final design. Their work is typically in very high demand for millennial focused brands and media.

The downside: Sometimes Trenders can focus so much on aesthetics and details of their craft that they lose the message and proper tone for the target demographic they are designing for. They have tendency to over complicate a user experience in some cases.

Trenders take pride in designing for style and the cool factor.

See More

Read the article at linkedin.com/pulse

How Web Designers & Developers Work Best Together

By 

The process of becoming a designer and developer can be excruciating and quite exhausting. Each of these fields has such a depth of study with a lot to earn. And becoming proficient in just design or development can be hard enough. Often times it is easier to pair up and work with a designer/developer for your own projects.

But what are the easiest methods for handling such a relationship? I want to share just a few ideas on how designers and developers can work best together. If each person at least has an understanding of what the other needs to do, it will become a much simpler experience. These two job types should be guiding each other down the path towards creating a wonderful final product.

See More

Read the article at webdesignledger.com

32 Clean Minimalist Personal Websites for Creatives

By 

Modern minimalism is vastly overrated for the value it adds to a website. When content is centered as the main priority users are free from excess distractions. Granted not everyone likes minimalism because it can be seen as lazy, simplistic, or just boring. But this is not the case!

The best minimalist websites are anything but boring. In this gallery I’ve put together a series of minimalist layouts for personal creatives like writers, designers, and performers. Minimalism is a powerful tool when used appropriately. Graphics and photos have their place but not always higher than content. Take a peek at these examples and see if you can draw any ideas for your own creative work.

See More

Read the article at webdesignledger.com

MOO’s Keri Lambden discusses Designing Delightful Experiences

It’s often said that your website is like a shop window into your business. Just as you would design your shop to offer a comfortable space and great experience, the same applies to your online visitors too. Creating a delightful environment online means that people will enjoy the time they spend on your website and ensure they keep coming back. That’s what our lead UX designer, Keri Lambden, does for us, and wants you to do it too.

At MOO we combine the two disciplines of UI and UX together. UI is focused on interface design, stuff like the colours of the website, the buttons, the placement of the buttons and so on. UX is about the user’s experience. So, when they go to MOO, how do they feel when they get there? Are we helping them accomplish their goals? That’s the most basic explanation, but it’s much more than that.

Our main focus is our customers: who they are, what their goals are and what they expect us to do for them. We’re more focused on the digital aspect of the product, not necessarily the printed product. We look at the experience that the person has when they’re creating their product.

See More

Read the article at moo.com

20 Must-see online portfolios to fuel your portfolio redesign

Hey there – how’s your design portfolio looking these days?

Are you behind on updating it, like me? Excellent! I love not being the only one. Or maybe you’re new to the game and haven’t set one up yet. Either way you’re in luck, because I’ve assembled a little collection of inspirational design portfolios that take a range of approaches to doing their job well.

This collection spans the globe and crosses a wide variety of creative segments and aesthetics. Some make me laugh, some hypnotize me with their beauty and they all make me want to meet the people behind them.

That’s what makes a great design portfolio– it sells your work (and you) in a short amount of time. It’s a magic combination of images, language and attitude.

See More

Read the article at http://millo.co

The big web design trends for 2015

When thinking about web design, you must consider the full spectrum of possibilities that the internet presents. Done boldly, designers can push the limits of human interaction and imagination on a global scale – as is often seen with edgier industries, such as creative agency websites.

In this article, we’ll boil down some of the most prominent web design trends emerging in 2015. It is here that we can find true innovation and new opportunities – a few of which may completely change our understanding of a “modern website”.

See More

Read the article at 99designs.com

Why web design is losing its soul

by Noah Stokes

As responsive design becomes the norm, designers have developed a reliance on boxes and grids, argues Noah Stokes.

About a year and a half ago, I had seen enough. A tweet came through my stream and like so many others at the time, it was a link to a hot, new, amazing Responsive Web Design site.

"Oh, I love an amazing design," I thought, so I clicked. What I saw was a design casualty: boxes and grids everywhere. This was the 'amazing' new design? To me it looked like every other #RWD out there.

So I did what most people would do; I composed a tweet. "I hate #RWD."

See More

Read the article at creativebloq.com

5 of this year's vertical scrolling trends

What trends are we seeing in parallax and vertical scrolling websites this year, and what does it mean for the future?

Vertical scrolling bubbled through from burgeoning fad to mainstream trend in 2014, and with awesome advertising, prime portfolios and crafted content all benefiting from single page scrolling, it's now certain that the technique is here to stay.

What's left for vertical and parallax scrolling as we move through 2015? As it turns out, quite a lot. The maturity of the best work will be tempered by some of the perils that come with popularity – but this is a technique that won't be going away. Here are five vertical scrolling trends we are already seeing this year, and we expect to see more of...

See More

Read the article at creativebloq.com

I-Want-to-Go Moments: From Search to Store

Thanks to mobile devices, we can quickly and easily find things around us. And we are, in massive numbers. Google searches about location are growing rapidly, and so are consumer expectations. Whether you're a global brand or a local business, learn how to deliver on them in the moments that matter.

If you've ever used your smartphone in line at a store, on the couch watching TV, or under the table at a meeting (admit it), you know this impulse. I-want-to-know moments, I-want-to-go moments, I-want-to-do moments, and I-want-to-buy moments happen all the time. To see how widespread they are, we analyzed Google data and conducted online surveys, exploring the behavior from a number of angles. Here, we focus on I-want-to-go moments—searches specific to location when we are trying to find something nearby.

See More

Read the article at thinkwithgoogle.com

How mobile photography has shifted what pics your customers want to see (and 5 on-trend tips)

by Rebecca Swift

Today we’re in an all-consuming visual interchange, where visuals rule as the language of the 21st century. Photos, graphics and videos are now integral to our daily life, led by smartphones, and fueled by the changing way we consume and interact with media.

The main catalysts for change have come through social sites and apps such as Facebook, Pinterest and Instagram where consumers spare time endlessly scrolling and browsing photos and videos.

As a result, expectations for how images look has shifted, and consumers now seek out authenticity in images, by way of photos that feel real, relatable and regional.

Brands and content marketers globally are taking note. Campaigns are becoming more authentic and real, “street casting” is used more often (as opposed to hiring professional models) and more photographers are shooting with a reportage-style candid aesthetic.

What does this mean for brand imagery?

See More

Read the article at istockphoto.com

5 Striking Trends in Web Typography

By: Patrick McNeil

Web typography is a hot topic that demonstrates how a very old dog can certainly learn some new tricks. While much of the buzz surrounds the technical developments of type online, there are ever changing stylistic trends as well. The technical aspects are indeed important, and at times drive the creative side of things. But as any technology matures, it goes from being a novelty that’s acceptable in almost any form to a more mature state in which its usage grows more sophisticated. Web typography has certainly gone through this change. The initial overuse of certain fonts has led designers to develop more creative type solutions. 

Here I will present and discuss a variety of trends at work in the realm web typography. These are visual trends, presented void of the technology used to make them happen. From the designer’s perspective, each choice is more about what each typeface communicates and less about how the website was built. The creative application of web type is nothing new, but as with any design fundamental, it’s being applied in unique and interesting ways today...

See More

Read the article at howdesign.com

Free E-Book: Web UI Design Best Practices UI Design from the Experts

Web UI design is sometimes mistakenly thought of as how the website looks. Interface design isn’t just about colors and shapes, but rather about presenting the user with the right tools to accomplish their goals.

Web user interfaces are much more than buttons, menus, and forms for users to fill out. It is the connection between the user and the experience, the first impression, and a lasting impression that either makes a website feel like an old friend or a forgettable passerby. Great web UI design must strike a perfect balance between captivating aesthetics and effortless interactivity. Like an invisible hand, a web interface should guide users through the experience at the speed of thought.

In this book, we’ll share a wide breadth of expert commentary, theories, best practices, and real-life examples of brilliant web interfaces. To name a few, we’ve included advice from UX and UI design experts like Luke Wroblewski, Marcin Treder, Jakob Nielsen, Jared Spool, Jeff Sauros, Collis Ta’eed, Val Head, Dmitry Fadeyev, and more. We’ll discuss basic concepts like the general principles of visual design and UI design. For more experienced readers, we’ve included how to research and apply web UI patterns, how to create and test visual hierarchies, and how to apply best practices towards individual elements of web interfaces. Our hope is that it helps you see the visual, structural, and experiential details of web interfaces.

See More

Download for free from uxpin.com

How to boost your clients’ revenue (and your own) with landing pages

by 

Landing pages are a relatively new type of a page in the web design landscape, that’s for sure. And in general, if you happen to be working with a client who’s just starting their online adventure, chances are they simply don’t know how crucial a landing page can be in defining their success online.

One common misconception circulating around is that a landing page is any page that a visitor might “land” on. But by this definition, every page can be a landing page!

A better definition that reflects the actual usages of landing pages in modern online business is the following:

A landing page is a single-purpose page. It has only one goal – to capture visitor info, so it needs to have an HTML form on it. However, it also offers something in exchange. No one will leave their info without a direct incentive to do so.

See More

Read the article at graphicdesignblender.com

8 Design Trends for 2015

Hold onto your pixels. New design trends are here, pushed into play by changes in culture and technology. 

From sensory immersion to super still, these are the gems that are calling the creative shots in 2015. See how they’re swaying the brainstorm and helping your designs rise above the rest.

from istockphoto.com

  1. Dynamic Women
  2. Letterbox Look
  3. Monochromatic Colour
  4. All Kinds of People
  5. Point of View
  6. Sensory Immersion
  7. Super Still Life
  8. Busy with Boxes

See More

Read the article at istockphoto.com

Mighty Deals

A daily deals site dedicated to massive discounts for web and creative professionals.

This is a legitimate Daily Deals site that offered huge savings on products we'd actually want as web professionals. Products that we'd actually use on a regular basis. 

Customers can save from 50% to 90% off on things like design tools (royalty-free vectors, PhotoShop actions, etc.), professional templates (WordPress, Drupal, Facebook), Mac toolkits, web development lessons and more. Deals are professional products and services heavily discounted for a limited time.

See More

See it on mightydeals.com

A review of the best website designs spotted in 2014

Collected and curated by zitrusfrisch.

See the gallery at zitrusfrisch.de

favicon.ico Generator

Create your favicon for your website, tablets, smartphones and desktops online then download to your computer.

http://www.freefavicon.com

Iconfinder

Search through 409,653 icons or browse 4,636 icon sets.

See more at icon finder.com

slickplan

Slickplan is a website mapping tool. Our super-intuitive sitemap builder makes planning your website easy. That means you can focus on what you’re best at: creating awesome websites for your clients.

Join over 60,000 registered users. Plans start at just $6.99 a month.

See More

Learn more at slick plan.com

URL builder

Use this tool to add Custom Campaign parameters to your URLs.

The URL builder helps you add parameters to URLs you use in Custom Campaigns. When users click one of the custom links, the unique parameters are sent to your Google Analytics account, so you can identify the URLs that are most effective in attracting users to your content.

Read Article at support.google.com

WhosOn

Engage with your customers and create a memorable customer experience with award winning Live Chat Software.

Understanding your customer base and their preferences can help you send improved, more relevant targeted messages.

Live Chat personalization helps website owners identify and deliver a truly tailored online experience to customers, building customer loyalty and increasing confidence in your brand.

See More

See more at whoson.com

Free Sitemap Generator
  1. Enter your full website URL and some optional parameters in the form below.
  2. Press 'Start' button and wait until the site is completely crawled.
  3. You will be redirected to the generated sitemap details page, including number of pages, broken links list, XML file content and link to a sitemap file. Download the sitemap file using that link and put it into the domain root folder of your site.
  4. Go to your Google Webmaster account and add your sitemap URL.

https://www.xml-sitemaps.com

Inside the Design Team at BuzzFeed

by Connor O'Driscoll

Today, we’re talking to Allison Chefec, web designer at BuzzFeed, an online media company. We chatted with Allison about why you are not your work, her process of creating new features at BuzzFeed, and what challenge has her design team most focused.

BuzzFeed is a social news and entertainment company. Essentially, we do a lot of everything: news, entertainment, video, long-form journalism. In broad terms, we’re a media company, but we’re continuing to explore what that means in this day and age. It's an incredibly exciting time to be at BuzzFeed, as we're growing in so many ways right now. We’re expanding our international presence, building out different areas of our organization, as well as constantly experimenting with new formats for our readers to love.

I’m a web designer on the Product Team here at BuzzFeed. I work on a wide variety of projects that span both desktop and mobile web. I design a lot of the user-facing elements and products on the site, as well as help flesh out and design new features for our CMS.

See More

Read Article at blog.invisionapp.com

One page sites

The one page site continues to be a very popular pattern - explore this lovely collections of samples for fresh ideas.

See Gallery at designmeltdown.com

Creative Agencies: Online portfolios for creative agencies

The Hottest Web Design Trends on Design Meltdown

Our most viewed categories this week include: Creative AgenciesOnline portfolios for creative agencies

See Gallery at design meltdown.com

Four Steps to a Better Agency Homepage

by 

Over the years, there are few aspects of a website that I've come to think about as differently as I have the homepage. What should a homepage do? How should it look? How much information should it contain? These are questions I've answered very differently, sometimes depending on who is asking — and what kind of homepage we're talking about — and sometimes simply depending upon what I've seen work and not work. There are many things we've loved to stick on homepages that never worked, just as there are many things that have worked whose time has passed.

 

So here's my latest thinking on this.

First and foremost, it's important to reiterate the eternal truth of the homepage: it is not always the first page. The number of visitors to your site who will first arrive via a sub-page is in direct proportion to the amount of content your site contains. The more pages you have, the more first pages you have. But most of the people who arrive on a sub-page that don't leave after reading it will probably head to your homepage next, armed with predictable questions: What is this site? Who made it? What are they about? Should I stay or go? Your answers to those questions will be suitable for a first time visitor, too, so they should definitely shape your homepage design approach.

See More

Read the Article at newfangled.com

A Look Inside Design at Zappos

By Andy Orsow

We're tracking down InVision users inside the world's most amazing companies to discover their favorite tools, books, methods, and the philosophy behind what makes them so awesome. This week we interviewed Donny Guy, a User Experience Manager at Zappos in Las Vegas.

What is your favorite part of the design process?

I just love innovation, and ideation, and creating things. It’s those small, innovative tweaks we do that get me excited because it just makes sense. That’s what I love: the things that the user just does without realizing they did it. They had no clue that they clicked on something small because it was in their normal flow or it just made sense in their mind. And you’re like, “Yep, nailed it.”

See More

Read Article at blog.invisionapp.com

The way you design web content is about to change.

by 

We’re Done With Dumb Content

For the entire history of the web so far, we’ve generally handled content in two ways.

  1. Basic, one-size-fits-all pages, or
  2. Complex, custom pages

We thought this made website planning easier. As it turns out, it’s just made it dumber. The conceit of this approach is that for any content or content arrangement that can’t be done using a basic content area and its friendly WYSIWYG editor, we can create a custom template with its own set of fields and logic.

 In the old days, when most content was quite at home in a single column of text with the occasional image here and there, the idea that special content could have its own definition in the CMS and its own, unique template seemed quite sophisticated. We were crafting this content just so. Had we known better, we would have called it “artisanal.” Maybe then it wouldn’t be so obviously outmoded today.

See More

Read Article at newfangled.com

UX Magazine

UX Magazine is a central, one-stop resource for everything related to user experience. We provide a steady stream of current, informative, and credible information about UX and related fields to enhance the professional and creative lives of UX practitioners and those exploring the field. Our content is driven and created by an impressive roster of experienced professionals who work in all areas of UX and cover the field from diverse angles and perspectives.

It is also a primary goal of UX Magazine to foster communication between groups that are typically siloed but who must collaborate effectively for good UX outcomes to be achieved.

UX Magazine was created because there was a strong unmet need in the industry for knowledge resources about how UX fits into technology initiatives, customer experience strategies, design thinking, project planning, and project and organizational dynamics. Most of the UX knowledge resources available consist of designers talking to other designers, technologists talking to other technologists, industry insiders talking to other insiders, and business investors talking with other business executives. While UX Magazine we want to continue to foster discussion and shared learning within the community, we also want to create an environment where people and companies from all disciplines within and outside of the UX field can collaborate and learn from each other.

UX Magazine’s mission is to be the destination for people and companies looking to understand the value of experience-orientation, and to learn the tactics and strategies behind successful user and customer experiences.

See More

Visit uxmag.com

A Look Inside Design at Houzz

By Amanda Hackwith

We're tracking down InVision users inside the world's most amazing companies to discover their favorite tools, inspirations, workspace must-haves, and the philosophy behind what makes them so awesome.

This week, we chatted with David Anderson, UX Designer at Houzz, the popular home remodeling and design platform that CNN calls the “Wikipedia of interior and exterior design.” Its founders were frustrated by the lack of resources and inspiration available to help them articulate a vision for their home and to find the right professionals, so they created Houzz to help make the building, remodeling, and decorating process more fun and productive.

Today, 200 employees power Houzz’s apps, website, and online community, which cater to more than 20 million monthly unique users interested in architecture, interior design and decorating, landscape design and home improvement as well as over 400,000 home remodeling and design professionals.

See More

Read Article at blog.invisionapp.com

The Post PSD Era doesn’t want to kill designers. In fact, it needs them more than ever.

By 

As an interactive designer, I am of a dying breed. I am one of the many interactive designers who is slowly being nudged (pushed, shoved, tossed) out of the digital design process. And I have the Post-PSD Era to blame.

The Post-PSD Era is a product of the successful web. Due to the rise of mobile and constant innovation in our development standards and processes, it is becoming increasingly outdated to provide PSD Mock Ups for each screen of a website or app, or even to provide more than a handful. In some cases, PSDs can be avoided altogether. This is to the benefit of clients, developers, businesses, pretty much everyone?—?even, in fact, the designer. Learn how all designers can adapt in the Post PSD Era.

See More

Read Article on medium.com

Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability (3rd Edition)

By Steve Krug

Since Don’t Make Me Think was first published in 2000, hundreds of thousands of Web designers and developers have relied on usability guru Steve Krug’s guide to help them understand the principles of intuitive navigation and information design. Witty, commonsensical, and eminently practical, it’s one of the best-loved and most recommended books on the subject.

Now Steve returns with fresh perspective to reexamine the principles that made Don’t Make Me Think a classic–with updated examples and a new chapter on mobile usability. And it’s still short, profusely illustrated…and best of all–fun to read.

If you’ve read it before, you’ll rediscover what made Don’t Make Me Think so essential to Web designers and developers around the world. If you’ve never read it, you’ll see why so many people have said it should be required reading for anyone working on Web sites.

See More

Available on Amazon.com

A Look Inside the Design Team at Happy Cog

By Amanda Hackwith

We're tracking down InVision users inside the world's most amazing companies to discover their favorite tools, inspirations, workspace must-haves and the philosophy behind what makes them so awesome.

This week, we chatted with Jason Dziak, design director at Happy Cog, an award-winning web design, development, and user experience consultancy with offices in New York, Philadelphia, and Austin. Founded in 1999, Happy Cog now has 30 employees working on clients such as MTV, Ben & Jerry’s, and AMC Theatres.

What separates a good designer from a great one?

It’s important to understand and accept the contrasts that exist in design. Right now there's a big trend towards patterns and using frameworks, and there's a lot of efficiency in that, but I think that can be at the cost of innovation. Relying on design patterns leaves no room for true innovation. You have to balance that and figure out ways to use that to your advantage. Innovation is as important as pattern, emotion as important as logic, dark as important as light, variety as important as consistency. Design should be logical, but it also should connect with people on a human, emotional level.

As a designer, you can’t be afraid to completely start over when something isn’t working. Sometimes to get to the right solution you have to throw out things you thought were really important but at the end of the day were becoming a roadblock.

See More

Read Article at invisionapp.com

Graphic Design Glossary

Your free guide to graphic design, web design & development and internet terminology

See Glossary at batemandesigngroup.com

From the Couch

'From the Couch' is an Online Video show, hosted by brothers Marc and David Perel, which covers everything web orientated. We show you CSS tips, how to create websites from nothing and also chat about news in the web world. 

Watch videos on from-the-couch.com

The Four Benchmarks for the Business-Generating Independent Agency Website

by 

Are you happy with your website? 

If you're like most small agency principals (owners of agencies with fewer than 100 full-time employees), I know the answer is probably no. The typical agency principal is unhappy with their site.

But why is that, and what's the fix?

I don't know if it's something in the water or what, but the theme of 2013 so far seems to be "all or nothing." It feels like a high-stakes year, and this is a high-stakes topic. There's only one thing that I think will make and keep you, the small agency principal, happy with your site: money.

If you know that your site is generating business, you're going to be happy with it. If it's not, you won't be. Sure, you were excited when you put your new site live, but you never were completely happy with the design, were you? Furthermore, the web is a shrine to entropy — what's revolutionary today is dated tomorrow, and I know that agencies feel the burn of this as much as anyone...

See More

Read Article at newfangled.com

TIME Magazine Unveils Redesigned Website

By Jillian Wong

TIME Magazine has unveiled its new redesigned website, which rolled out on Wednesday night and will continue throughout Thursday. 

The redesign features a new interface designed for mobile users, which make up half of the website’s traffic. 

The left side of the homepage has a scroll bar that houses breaking news, while the center features ‘The Brief’ containing 12 of the most important news stories of the moment. Columns, interactive features, graphics and photography spreads are located on the right side of the page. The website also incorporates responsive design that changes to accommodate viewing on computers, smartphones and tablets.

See More

Read Article at designtaxi.com

How Google Search Works

Learn how Google discovers, crawls, and serves web pages

When you sit down at your computer and do a Google search, you're almost instantly presented with a list of results from all over the web. How does Google find web pages matching your query, and determine the order of search results?

In the simplest terms, you could think of searching the web as looking in a very large book with an impressive index telling you exactly where everything is located. When you perform a Google search, our programs check our index to determine the most relevant search results to be returned ("served") to you.

The three key processes in delivering search results to you are:

See More

Read Article at support.google.com

Best practices to help Google find, crawl, and index your site

Following these guidelines will help Google find, index, and rank your site. Even if you choose not to implement any of these suggestions, we strongly encourage you to pay very close attention to the "Quality Guidelines," which outline some of the illicit practices that may lead to a site being removed entirely from the Google index or otherwise impacted by an algorithmic or manual spam action.

Read Article at support.google.com

5 Easy Tips for Maintaining a Great Website

By Rebecca Rockafellar, as seen in Dynamic Business

During the current economic climate, small businesses need to be able to communicate their brand values and unique selling points successfully, and an engaging and easy-to-use website is key to this.

The key points – whether in text, image or video format – should be made prominent on the page, while at the same time you should look at creating room between elements and scatter images throughout.

Click here for five tips for creating and maintaining a successful website at an affordable cost.

See More

Read Article on istockphoto.com

What Makes a Website Look Dated?

by James George

As designers, we always want to create work that is either on the cutting-edge or “classic” and timeless. It is important to have a design that looks great and is conceived deliberately in a current style. Having an outdated style for your website can leave a negative impression with your visitors, reduce your overall traffic, and lower the interest and credibility of your site.

Retro or vintage designs are great, but retro/vintage and outdated are two entirely different concepts, and no visitor will interpret an outdated site as a purposeful throwback to an earlier time. You can avoid the dreaded dated look by steering clear of these seven pitfalls.

See More

Read Article at sitepoint.com

85 Amazing HTML5 Examples

We hand-pick some great HTML5 examples, and talk to the designers behind them to find out how they went about it.

HTML5 is the latest version of HTML - the markup language used to display web pages. Although it's technically still in development, it's very much ready to use today, to build websites and web apps. And here are some great examples of HTML5 in action, to see exactly what you can achieve with it.

See More

Read Article at creativebloq.com

40 of the Best Websites of Non-Profit Organizations

by 

Budget limitations are common with non-profit and charitable organizations. As a result, organizations often compromise on the need for an effective and attractive website. However, the websites shown here represent some of the most well-designed websites of non-profits.

Those organizations that put a priority on the website can have see benefits like increased donations, better involvement from members and supporters, increased visibility and awareness for their cause, and improved promotion for organization events. All of these things can make it worth the time, effort, and cost to create an effective and attractive website.

See More

Read Article at vandelaydesign.com

Optimizing UI icons for faster recognition

by 

What makes an icon a valuable addition to the interface, rather than a mere decorative element? Intuitiveness, aesthetic value, memorability, intercultural perception? While an effective icon would combine many of those characteristics, I’d like to focus on one measure–speed of recognition, or how fast a specific icon can be discovered and identified.

In a simple leisure app, the difference in speed of recognition may be too subtle to have any noticeable effect on the overall experience.

This may be different for a complex trading application: The requirements for iconography here are more likely to prioritize speed, since every second spent on processing individual elements can have a significant impact on the effectiveness of the overall interface.

See More

Read Article at boxesandarrows.com

3 Reasons Why Responsive Web Design is the Best Option For Your Mobile SEO Strategy

By 

As smartphone and tablet adoption rapidly increases, so does the importance of mobile-friendly websites.

If SEO is a core component of your digital marketing strategy, having a mobile–friendly website is becoming essential.

Mobile sales have already overtaken desktop sales, and mobile Internet usage is predicted to overtake desktop internet usage by 2014. It is only logical that mobile search will overtake desktop search at some point in the near future as well.

Since 67 percent of users claim they are more likely to purchase from a mobile-friendly website, companies that rely on SEO are wise to begin making the transition to mobile-friendly websites, andresponsive web design specifically.

The argument between whether to choose a responsive website or a separate mobile website is a highly debated topic. However, the truth is that both options have their pros and cons.

The option that is best for your business depends on many factors, such as the purpose of the website, the intended target audience, and whether SEO is a factor.

If SEO is a factor, here are three reasons why responsive web design is the best option for your mobile SEO strategy.

See More

Read Article at searchenginewatch.com

18 wireframing tools and resources for responsive design

by Chris Lake

You’re probably growing tired of the phrase ‘responsive design’, but it isn’t one of those overly-hyped buzz phrases that you can ignore, and it’s not going to go away anytime soon.

The reality is that many sites – ours included – still need to figure out how to deliver a consistent user experience that adapts to devices with different screen sizes.

So, I thought I’d compile a few resources, and some lovely tools, to help you (and me) to go down the responsive design route. 

See More

Read Article at consultancy.com

Top 10 Web Design Trends for 2014

By 

Web designers had a great time last year with lots of new ideas setting sail. Although some sank, others took off and created a permanent impact.

The trends that made a big splash in 2013 will become house-hold names in 2014, while emerging trends continue to get polished and refined by designers everywhere.

Read Article at 99designs.com

Informative And Usable Footers In Web Design

By 

Website designs have so many different elements that work together to convey information in a usable and organized manner. For a website to be effective, every element on the page, from the header to the footer, needs to add to its overall usability and readability.

In this article, we’ll take a look at the footer and see what exactly makes for a good website footer. Keep in mind that just because the footer is at the bottom of the page doesn’t mean you should slack off with good design practice.

We’ll look here at what to include in footers, the importance of site maps, usability practices and styling ideas and trends. We’ve also compiled almost 50 well-designed footers to give you ideas and inspiration for your own footer designs.

See More

Read Article at smashingmagazine.com

Design trend predictions for 2013

By Rob Carney

When some creatives hear the word 'trend' they back into a corner, refusing to acknowledge these 'trends' dictate what they do. And it's true that following trends consciously can be a bad thing to do. After all, if you're not innovating and pushing yourself, your own work will never reach its full potential.

But at the end of the day, clients want your work to be at the height of trends - so having a handle on what is going to be a popular style, or way of working over the next year will only improve your chances of getting better client work.

We've asked a number of top creative professionals, from animators to illustrators to app and editorial designers, to see what they predict for 2013. 

See More

Read Article at creativebloq.com

17 Examples of Beautiful Typography in Web Design

By 

Back in May we showcased here 19 Inspiring Examples of Text Over Images in Web Design and we had a really good response on the designs we featured. So for this post, type will take the center stage again. This time showing you beautiful ways to draw attention to your text.

We will show you more examples of text over images, and also other approaches to making beautiful typography choices in web design. From pretty clean and simple designs to colorful and bold ones, there are certainly some good type inspiration here to spark your imagination.

See More

Read Article at webdesignledger.com

LIke Bateman Design Group on Facebook Follow Bateman Design Group on Twitter Follow Bateman Design on Pinterest Connect with Julie Bateman, Creative Director on Linked In Connect with Bateman Design Group on Google Plus