Current Design Trends for Digital Shops and E-commerce Websites

Great web design requires research to pinpoint some of the more popular styles of building layouts. eCommerce is an ever-expanding field which can earn webmasters a lot of money through digital or physical products. Especially when you compare earnings to advertising revenue for small or mid-sized websites.

featured image laptop ecommerce shop website design

In this post I’d like to share some examples and design ideas for creating modern online webshops and eCommerce layouts. The goal is to make a few sales or at least make an impression on visitors so they might return in the future. It’s definitely a competitive market, but by learning what works you can apply better design techniques into your website for higher conversions and greater profits.

How To Code a Hidden Author Bio Display using jQuery

I was browsing through websites one day and came across one really interesting feature. Jennifer Perrin has a small blog on her website which uses a fixed top navbar. In the center you’ll find a profile avatar photo which displays her full author bio(triggered by hover). This is a really interesting feature and I’ve set out to replicate the idea using jQuery.

So in this tutorial I want to demonstrate how we can build a very simple HTML5 webpage recreating a full author bio display. The entire bio container is hidden until the user hovers over the avatar photo. Take a peek at my live demo to see what it should look like:

hidden author bio display hover tutorial screenshot

Introduction to A/B & Multivariate Testing in Web Design

Anyone who is familiar with increasing website conversions has probably heard about A/B testing. It is a way for webmasters to display 2 variants of the same page out to their audience at random, and then gauge results based on user performance. A/B testing(or split testing) is very popular on sites where users are more interactive on the page. Think about projects like social networks, SaaS products, e-commerce shops, business portfolios, etc.

split testing ab dribbble shot philip clark

There is also a higher stage of this process called multivariate testing. Here you can include more than just 2 options which may range out to A/B/C/D+ testing. The concepts are all similar but you’ll need to run tests for longer in order to acquire accurate results. In this guide I want to introduce the idea of split testing and how webmasters or project directors can get started.

Web Design Concepts to Entice User Interaction

Landing pages and social websites thrive on user interaction. It is the grinding mechanism which keeps people visiting your webpage over and over again. How you design an interface can say a lot about how people should maneuver through menus, links, buttons, and other similar page elements. Each solution is different and there certainly isn’t any prominent correct answer.

In this article I want to go over some more popular web design concepts for creating alluring interfaces. You want visitors to be swept away by the design and practically fall in love with your website. A beautiful design coupled with a beneficial experience is what can help your web application or website layout stand apart from the rest.

Relating to the Interface

The key to any enticing interface is to make the user wants to interact with your website. Obviously the primary reason should be their interest in your product or service… you want people registering an account because they actually want to. But it helps to give them a little incentive by designing catchy interfaces which practically sell themselves.

pinterest create a new board form ui design screenshot

40 Hot New Web Design Interfaces from Dribbble

There’s no question that Dribbble is the worldwide pulse of the Internet design community. Graphics designers are always sharing their latest projects with the world through sneak-peek screenshots. These will often include website layouts and creative web interfaces.

So passing through the Summer of 2012 I’ve put together this gallery of 40 brand new website interfaces. All the shots have been created by Dribbble members, both real projects and for practice. You can learn a lot by checking out these techniques and applying them onto your own layouts.

33 iOS Mobile App Screen Views for Design Inspiration

The iPhone has become a leading mobile device in our modern technological era. And with this innovation comes access to the hugely popular app store. iOS developers have been working hard to create some of the most ingenious applications to date. And I’ve collected a list of 33 fantastic iOS app designs for your inspirational pleasure.

Momento