Join 18,800+ Readers

29 Website Layouts using Spectacular Animation Effects

by Jake Rocheleau
on November 21, 2014

in Inspiration Web Design

CSS3 has paved the way for clean website animation without any reliance on JavaScript. Unfortunately it can’t handle every task but it’s got a fantastic track record so far. Modern website animation has grown from simple dropdown menus to animated backgrounds and parallax scrolling.

There’s a lot to see in the way of digital interface animation and the more you see the more ideas you’ll excogitate. In this showcase I’ll be focusing on 29 websites that utilize interesting animated effects. They might be full-page effects or just slightly glamorous touch-ups to the navigation. Either way these examples are perfect for inspiration when planning your own animated layouts.

ReadMe.io

readme io website homepage animation effect

Read More

26 Free Progress Bar Interface PSDs

by Jake Rocheleau
on November 10, 2014

in Resources

A common thread amongst all humans is that we seem to adore pizza, and that we all like the feeling of progress. It feels good to know you’re getting somewhere and it feels even better to see the visual representation of that progress. And so the cherished progress bar interface was born.

From signup pages to eCommerce checkouts these progress indicators share details of our completion with each step. Yet designing your own interface from scratch can be more than a hassle. Much like buying a pre-made frozen pizza, you could also get a delicious pre-made progress bar design. The difference is that all these designs are completely free to download and use for any project. Talk about a real bargain!

Green Stripes

pretty green striped progress bar freebie

Read More

30 Examples of Website Search Interface Design

by Jake Rocheleau
on October 24, 2014

in Inspiration Web Design

Not many designers place enough focus on the benefits of creative search fields. For content-heavy websites most users will be prepared to search for what they’re looking for. If the search interface sucks then people will be forced to leave and hit Google, or worse… Ask Jeeves.

Instead of driving people away like a repugnant foul pot roast, why not spice up the design and give it some flavor? Then everyone will simply adore the pot roast! In this analogy the pot roast is a stinky search input field that just needs a little TLC.

I’ve put together a selection of beautiful search interfaces from across the web. Some are big, some are small, others are more suitable for persnickety little babies like Goldilocks. But overall this gallery is quite diverse featuring a wide range of design trends for search interfaces. If I’ve missed any gems feel free to share your own ideas in the comments section.

Read More
Page 1 of 22812345...Last »