Adult Web Design

Web design trends 2015

06.10.2014

Responsive Web Design
It’s time to stop designing web pages for particular devices. An ecommerce site must appear and function properly on all screen sizes. Over the last few years responsive design has solidified itself as the new standard for web design in general and WordPress themes in particular. Sure, there are still arguments over implementation, but no one is saying, “let’s get rid of responsive design” and in fact more and more sites are opting to go in that direction. That was certainly the case in 2014 and I wouldn’t look for it to go anywhere in 2015. This one has ceased to be a trend and can now be considered the new norm.
Properly responding to every device will allow users to easily navigate through products and complete the checkout process. There is no need for consumers to pinch the screen, click on an undesired button, or to navigate away from frustration. Device-agnostic design will leave visitors wanting to return.

Tiled Navigation
Images are far more captivating and time-saving than text boxes; this is just one reason why tiled navigation is becoming increasingly popular among ecommerce sites. Instead of the standard top navigation bar we’re accustomed to seeing, ecommerce sites are implementing preview in the form of tiles. Using image tiles instead of lists cuts down on the possibility of getting lost and gives users a preview of what they’re going to see.
Not only are high-resolution product images more appealing than text, they’re much more enticing to click through. Your visitors should not navigate away from your site without completing a desired action, whether it’s downloading a free content offer or making a purchase. Tiled navigation has the potential to grab the attention of visitors as soon as they interact with your ecommerce store and keeps them entertained as it recreates the feel of walking into an actual store.

Ghost Buttons
They’re minimal, stylish, and with the subtle hover animation they’re a delight to use. Look for this trend to continue into 2015; especially considering how well they pair with the large background images and videos

Custom Fonts
Traditionally web type-kits that allowed for beautiful fonts and typefaces to be used on websites have been expensive. Meaning that sites leaning heavily on typographic design tended to require larger budgets–leaving the small guys (and most WordPress users) out of the fun. That however, is changing. Type kits are becoming more affordable (or free in the case of Google Fonts) and that means there is more freedom for designers working with a smaller budget to bring their typography skills to the web design table. Additionally, this allows WordPress theme designers to include more typographic flexibility in their themes, making stylish type-centric design attainable for anyone with a well designed WordPress theme.

Background Images & Videos
It is said that a picture is worth a thousand words; hence you would definitely see that in the upcoming year.  Large images would be seen on the homepage of the websites. However, to properly pull it off, the image should stop at the break, in terms of resolutions and pixels, of the screen.  Once the user begins to navigate, they should not continue to see the image, but instead see the content below it.
One of the simplest ways to make your site stand out is by having great content displayed prominently. This trend is a wonderful way to accomplish that and when folded into a larger design style/philosophy it doesn’t feel gimmicky but powerful and elegant.

Flat Design
Google, Microsoft, and Apple have made it clear; flat design is in. While the idea isn’t new, it’s become an increasingly popular design used for ecommerce sites. Expect this trend to continue as its more pleasing to the eye, easier to understand, and easier to develop and make responsive.
The subtle elements of nearly flat design direct the focus towards the content, decreasing the site’s bounce rate. The core principles of skeuomorphism are applied to a digital palette to resemble real life scenarios. Call-to-action buttons have slight gradients to set them apart just enough to say, “I’m a button, you can click me” without screaming, “I belong in a cartoon!”
The same concept applies to drop shadows. It’s possible to bring an element to the front of the screen without making it appear as if it’s floating in outer space. The “less is more” approach to web design will continue to grow in 2015 as there’s a greater focus on the products rather than on background design elements.

Microinteractions
Microinteractions are a good trend to talk about after material design. What are microinteractions? They are contained experiences or moments within a product (or perhaps a module on a website) that revolve around a single use case. One example of this is the email signup box that pops up on this website. It sort of wiggles back and forth on the screen, giving a playful personality to an otherwise static graphic.  This microinteraction promotes an increase in user engagement; which in this particular case means more email signups. I’d look for this theory to further permeate web design in the coming years. I’d love to see more WordPress theme and plugin developers begin to think in this vein. In particular, I’d like to see plugins that don’t just add new features to a WordPress website but add new experiences.

Scrolling Over Clicking
As the mobile web continues to grow and web design continues to skew in the direction of a more effective and enjoyable mobile experience, scrolling will continue to dominate clicking. It’s more intuitive, easier to do, cuts down on load times and allows for more dynamic interaction to take place between the user and the website.

Card Design
“Card” design, while not new, has proven to be a great tool for designers working on responsive websites. Cards are a great way to keep things modular, rearrange columns without things getting sloppy or disorganized, to browse a lot of general data, but also to prompt users to drill down and see more. In short, cards are clean and simple with a lot of versatility. Exactly what the web needs. So expect to see more of it in the remainder of 2014 and throughout 2015.

Micro UX/Transitions
The online shopping experience should be enjoyable, but how do you make that happen? As the saying goes, the devil is in the details. Fun little features you may assume will be overlooked by the average customer actually boost the user experience and have the potential to increase click-through rates. Most micro transitions are unexpected, so the users are surprised by the animation. Great design on ecommerce websites create a friction less experience for visitors, but including micro UX effects and transitions creates a memorable impact.
Implementing these elements throughout an ecommerce site adds to its personality. Hover effects on the navigation bar, such as color change and animation, enhance the online shopping experience by outlining the paths visitors take as they navigate the shop. Some ecommerce sites are including large product images with details displayed as visitors hover over the image. The hover appearance saves space on the site, surprises page viewers, and allows for better product displays. These new and unique features elevate the ecommerce store’s reputation as modern and unique, while keeping visitors engaged.

Large Hero Area VS Slider
Large hero areas (the “intro” area, often an image with a little amount of text, at the top of a website – a borrowed term from print design) on website home pages are running rampant. And it is a trend we don’t see going away either in 2015. They are quickly taking over real estate on websites where sliders used to reside (until proven that they don’t work). Either it be a simple blurred photo in the background with a heading centered in the middle, or a more elaborate one, hero areas are quickly replacing sliders as the new attention-grabbers, and they are becoming increasingly creative and elaborate.

Parallax Scrolling
Parallax scrolling is a neat technique where the foreground images move faster than the background images. This technique can be used to breathe life into your page and add “wow” factor. It’s perfect for storytelling on single page websites. This was a hot trend in 2013, but a lot of business owners went overboard. This year, we’ll see more emphasis on multimedia product showcases and less text. Personally, we think parallax is fun.

Videos Instead of Text
Web design is simplifying. Professional caliber videos are getting easier to produce. Not to mention, attention spans are shorter. The marriage of all three ideas brings us to an increased focus on using video to tell a quick story. Sometimes videos can slow down a page’s loading time, so they should be used judiciously, but they can work great to explain a complicated topic or make a quick impression. For instance, General Electric uses a lot of videos to give information on their products. Mod Girl uses a video on our homepage with a strong call to action.