Most of us love to think about ourselves as inventive people, and at instances it turns into actually arduous to search out originality within the designs we work on. Most designers continually battle between embracing their very own fashion, and mixing it with present traits within the trade.
I prefer to suppose that when designers get impressed by different individuals’s work, and attempt to incorporate or improve that design, it will definitely results in an evolution in design. Simply so I don’t begin a battle within the feedback beneath, I need to be certain I make myself clear: Getting impressed doesn't equal ripping off designs. There's a high-quality, however distinct, line separating these two.
Whether or not you’ve been designing for years, or just for days, discovering inspiration is a kind of issues you may by no means wager on. It would come to you whenever you least count on it. So as we speak, I hope you discover some inspiration from a number of of the net design components that I've personally discovered to be fairly attention-grabbing. When you've got any objects which might be impressed by these, or if in case you have any inspirational content material that you just need to add to this record, please drop me a remark beneath, or attain out on Twitter or Google+.
1. Bonds.com.au
Bonds are an iconic clothes model in Australia. I'm in love with their prime navigation menu. The model brand is moved away from the primary navigation space and tucked away within the prime left. This frees up priceless actual property within the navigation space for different objects.
That massive search bar makes me need to use the search function at any time when I see it, and the small drop-down provides the flexibility to go looking particular verticals from their store. I additionally like how the fastened navigation bar expands to point out the search bar and the emblem.
The one factor I might need to add is a small visible indicator (magnifying glass) for search on the minimized fastened navigation.
2. Secondstory.com
secondstory.com is a superb instance of a well-designed horizontal-scrolling web site.
The content material on the location is specified by columns, and every of those will scroll vertically. The fastened navigation on the left permits you to simply bounce between completely different sections of the location.
three. Diplomatic-cover.com
Diplomatic-Cover. I'm actually impressed with their multi-screen expertise. You’re given the choice whenever you first go to the web site, and you may also manually choose it from the footer. When you sync a session along with your cellular browser you may work together with the PC model of the web site utilizing your smartphone.
Now I've to say I did run in to points with this on cellular IE on a Home windows telephone, and on Chrome on the iPhone, nevertheless it was an incredible expertise on Safari on the iPhone. This isn’t one thing that will work for all websites, however if in case you have a inventive content material web site then this experimental design ought to go nicely with it and can go away a long-lasting impression in your guests.
four. Gizmodo.com
As a substitute of getting a bunch of associated posts listed out in the direction of the tip of an article, gizmodo.com shows associated submit throughout the physique of the content material. I haven’t seen this on gizmodo.com.au. What do you guys consider this? Will this get extra customers to take a look at the associated content material?
5. Wpmegamenu.com
There are numerous varieties of mega menu navigation you may see on web sites as of late. When achieved correctly these assist customers to navigate the web site far more effectively and helps them uncover what they're searching for. We have now couple of WordPress Plugins on CodeCanyon, like MashMenu and UberMenu, that may show you how to obtain this objective.
6. Minimalmonkey.com
Minimalmonkey has a flat design with a pleasant hover impact that highlights the content material for the consumer to concentrate on. While you're on the location don’t neglect to take a look at the navigation menu button for some good results. It’s not one thing that comes up when you will concentrate on usability, nevertheless it definitely is fairly.
7. One.htc.com
HTC One. I actually like this design from HTC. You possibly can zoom in to every of those photos utilizing the mouse wheel to convey extra details about the product. Consider it like an infinite recursion fashion design. You typically see that in photos, and it was tailored elegantly to net design on this case.
eight. Storylane by Datcouch.com
Because of Fb, timeline navigation is definitely a brand new development making its approach in to might new web site redesign. TechCruch has opted for this of their new design. Such a navigation may be overkill for conventional web sites, however works nicely for a weblog that often churns out new content material. You possibly can see the timeline navigation employed on a brand new Ghost Theme known as Storylane.
If you wish to add a timeline function to your website, you may need to have a look at JoDe WordPress Timeline Plugin, or the MelonHTML5 jQuery Plugin.
9. Wacom.com
Wacom has a very nice eCommerce design. The primary navigation is fastened on the left and permits customers to scroll by way of their merchandise with ease—a wonderful instance of how navigation may be each easy and sturdy.
Their product itemizing web page offers customers the expertise of the product in motion, and scrolling down permits you to pull as a lot or as little info as you need.
10. Silktricky.com
Silktricky is one other instance of unpolluted design with an emphasis on video content material. I like the way in which the content material is organized into visible tiles: whenever you click on on any of the content material it can load the content material on the identical web page. It’s additionally good how they use the view button utilizing excessive distinction shade in order that it stands out.
11. Tapmates.com
Tapmates. I really like how these guys showcase their work: a portfolio web page of varied app screenshots. If you click on on any a kind of it highlights all of the screenshots from that app and pushes the opposite into the background revealing extra data concerning the app.
12. Cropp.com
Cropp takes a daring strategy with their websites design. The homepage is a visible illustration of the navigation menu, and the pictures pixelate whenever you hover over them.
13. Hardgraft.com
Hardgraft. I like how the these guys lay out all of the merchandise on their website because the background picture. One situation I seen was that the navigation menu is at instances hidden whenever you scroll over photos. Including a strong or clear background shade to the menu may make it higher.
14. Escapeflight.com
Escapeflight. There is no such thing as a room for boring consumer enter varieties on this web site. Fill within the blanks to seek for flights and packages they provide. The entire menu on the prime offers you the sensation of have a look at a typical ticker board on the airport.
15. Agencexy.com
Agencexy. I'm actually impressed with their navigation menu that strikes across the web page on choice. This isn’t one thing that will work for all websites, however if in case you have a inventive content material web site then this experimental design ought to go nicely with it.
Concluding
There are numerous web sites which might be devoted to showcasing inspirational work from the net design trade. I'll try to cowl these intimately with a future submit if there's a demand for that sort of content material. Within the meantime, if you need extra inspirational web site design components, do take a look at our Publication. We function some actually cool stuff you may get pleasure from in our Inspirations Version.
