30 Flat Analytics Dashboard Charts & Graphs for Website UI Design

by Jake Rocheleau
on March 24, 2015

Online dashboards like Google Analytics are some of the most advanced modern web applications to date. They pull data related to stats, sales numbers, or conversion rates and display this information in sortable charts. Each dashboard has a set of personal needs which can be met through expertise in web design.

The following examples are perfect for any web designer currently working on a dashboard interface. Some designers may choose to create a dashboard merely for practice while others could be working on a real-world client project. Either way this gallery is perfect for anyone who’s looking for inspiration for an aesthetically-pleasing and usable dashboard.


nettrap dashboard ui interface design

Read More…

How To Level the Horizon Line using Photoshop

by Jake Rocheleau
on March 16, 2015

Great photography is hard to locate and even harder to capture yourself. So whenever you can obtain a beautiful photo it’s often better to fix problems with the shot digitally instead of trying to capture another one.

A common problem with landscape photography is a slanted horizon line. Landscapes can be useful for any number of projects like photo compositing, digital painting, banners, backgrounds, or even 2D/3D rendering. The horizon line sets the perspective of the landscape and is a very important piece to the photo.

featured horizon line leveling photoshop

In this quick tip I’ll demonstrate how Photoshop users can hastily level the horizon line of any photograph. This can work even with shots of people, animals, or objects, as long as there is a horizon or some type of “straight” object somewhere in the shot.

Read More…

Free High Res Grungy Paper Textures

by Jay Hilgert
on March 11, 2015

After my first texture release, some of you mentioned you might find some ‘paper’ textures useful, so I guess you could say that this is a requested freebie. Not much else to say other than keep the requests coming. Download the High Res images from Flickr by clicking on the pics. The full size images are 2005 X 3000 px :)

Free High Res Grungy Paper Textures
Read More…

Shopify Vs Volusion – Which is a Better Option?

by Dustin Martin
on March 9, 2015

Shopify Vs Volusion

With so many ecommerce platforms to choose from, you can now have a powerful online business. Setting up a retail store online was never that easy! The right platform will empower you and offer the necessary tools to enhance lead generation and boost sales. Your only focus should be running your business successfully and catering to your customers while a competent ecommerce platform takes care of the technical details.

So, which platform should you choose to start your online retail business? With so many options available, let’s narrow down the choice to the two most competitive, popular and dominant online shopping carts on the internet, Volusion or Shopify. Read on to get a comprehensive comparative review of both the ecommerce platforms and then decide which platform you would like to opt for.

Both, Shopify and Volusion are online solutions that enable you to create and manage an online retail store. Although they offer similar services, they are very different in aspects like design, plans and pricing. Let us see who wins the debate of Volusion vs Shopify when we compare them on each aspect of their service.

Read More…

36 Interface Design Mockups for Mobile Shops & Online Stores

by Jake Rocheleau

Some of the most intricate and detailed website layouts are shops and eCommerce stores. Most of these websites have so many required features that a designer will need to plan long in advance during the wireframing & mockup stage. It helps to look at other great interfaces to gauge your own ideas and put them into perspective.

This gallery is focused on UI mockups for mobile shops and online web stores. Take a look over each of these examples to see if anything catches your attention. It’s a lot tougher to create a shopping interface for mobile screens because the process requires a series of terse decisions regarding which elements to cut. But guided by the following examples you should be able to push forward into an excellent design of your own.

Magaza Web

magaza web version app ui

Read More…

38 Most Creative Landing Page Website Mockups

by Jake Rocheleau
on February 24, 2015

Landing page design is a tough gig which focuses more on snazzy design coupled with smooth page copy. In order to sell a product or service you really need to draw people into the site. This means colorful graphics and well-placed typography can make all the difference in converting new customers.

featured sidecar landing page design

This gallery is perfect for any UI designer or frontend developer creating a new product landing page. These examples range from startups, mobile apps, online services, and even small webshops. Landing pages serve as a marketing tool and method for product branding – so the design needs to be air-tight. Feel free to use these mockups as inspiration for cherrypicking new ideas for your next web design concept.

Read More…

Trace Existing Icons to Create New Shapes in Photoshop

by Jake Rocheleau
on February 19, 2015

Icon design is one of the most tricky fields of digital design. It often requires some understanding of composition and other art fundamentals like symmetry, lighting, and color. The best way to learn icon design is by studying under the best of the best. Unfortunately they probably don’t have time to teach you so it’s important to learn how to practice on your own.

In this how-to guide I want to explain the basics of tracing existing icons using Photoshop. This requires some knowledge of the pen tool because you need to edit paths and anchor points according to existing shapes. But everyone has to start somewhere so I highly recommend using the pen tool at every opportunity.

ios camera icon trace path shape

I’ll demonstrate how to trace the camera icon found in Apple’s iOS 8 SMS app. This uses a flat design style which is traditional and great for beginners.

Read More…

How To Clear Color Swatches in Photoshop & Illustrator

by Jake Rocheleau
on February 16, 2015

Both Adobe Photoshop and Illustrator are very common design tools. Although they possess an incredible amount of power the overall interface can be quite cumbersome even to intermediate users. But if you spend enough time learning the fundamentals everything else will just naturally fall into place.

For this quick tip I’d like to demonstrate how to clear out color swatches in Photoshop and Illustrator. Each program has a slightly different method of clearing swatches and you’ll want to stick with the most comfortable way to your workflow. The swatches panel is a little tricky and it’s not always used in every design project. But it’s still a palette that has plenty of value in the long run and it’s worth learning these little tricks.

Read More…

30 Best WordPress Themes for Bands & Musicians

by Jake Rocheleau
on February 11, 2015

There’s no doubt that WordPress has grown into a powerful CMS with the capability to mimic any type of website. WordPress themes offer extensible functionality which is often built right into the code. The absolute best themes are created by designers and developers who have a knack for WordPress and know how to customize these important features.

The following themes are perfect for any musical website for a band, lone entertainer, musical venue, or even a barbershop quartet. Each theme includes various layout tweaks and custom page designs for unique content. If you need a fresh musical website theme then check out the following examples to see if anything catches your attention.

Vocal Events

vocal events wordpress theme music

Read More…