40 Beautifully Designed Search Boxes to Inspire you

September 29, 2013 · 15 comments

by Dustin Betonio

40Beautifully

The search box can be one of the most frequently used elements of a site and an element many users will be looking for. Therefore it has to be easy to spot and easy to use. Search boxes seem to be the “red-headed step child” of the web design world… typically it is placed in a corner, only there because it has to be and with little or no time and energy spent on its appearance. This is surprising given the importance of the search boxes role in the website visitor experience.

Why does that little box have to be so boring and non styled on so many sites? Could a search box be beautiful while still keeping its utility intact? Can it seamlessly integrate into a site design without losing the attention of people that are looking for it? I say no! Here are some examples of search boxes that push the envelope. All are beautiful, some function better than others, but they all have one underlying principle:  they have all been given care and attention. It is little details like this that make the difference between a good design and a great one. Most websites today are created using pre-designed  website templates for systems such as WordPress and Joomla. In most cases you can find themes where de web designer have put the required effort into designing all aspects of the site, including a perfect search box. Using a WordPress  theme is a perfect choice for most for e.g. a portfolio, business or news website certainly speed up the process.


ElegantThemes
ThemeForest

Advertisement

1. Cellar heat

cellar-heat

2. Register.com

register

3. Think Vitamin

thinkvitamin

4. Spokeo

spokeo

5. Basmati Tree

basmattiree

6. I Love Code

ilovecode

7. Gamers With Jobs

gamerswithjobs

8. Disassociated

disassociated

9. MenuPages

menupages

10. Visual Thesaurus

visualthesaurus

11. Trondel

tirindel

12. The Jazz Mann

thejazzmann

13. Deborah Cavenugh

deborahcavenugh

14. Lifepod

lifepod

15. I Love Typography

i-love-typography

16. Spoongraphics Blog.

spoongraphics

17. Shopzilla

shopzilla

18. Zadby

zadby

19. Carbonica

carbonica

20. Dont Trust This Guy

donttrustthisguy

21. Family

family

22. The Black Harbor

theblackharbor

23. Lulu

lulu

24. The Designed Tree

thedesignedtree

25. Money Crashers

moneycrashers

26. Exteel

exteel

27. MothersClick

mothersclick

28. Game Daily

gamedaily

29. Creative Curio

creativecurio

30. Martha Stewart

marthastewart

31. Knoxville Tourism & Sports Corporation

knoxville

32. Barnes & Noble

bn

33. icontact

icontact

34. Jobster

jobster

35. Molehill

themolehill

36. Justin Shattuck

justinshattuck

37. Cybers Music

cybersmusic

38. CSS Vault

cssvault

39. Wufoo

wufoo

40. Massively

massively

What is a good looking search box in your taste? Please leave a comment and let us know what you think and if you know a great design we all should check out!

Author : Dustin Betonio

Dustin Betonio is a Translation Management graduate at University of Mindanao. His earlier career was devoted on customer service outside the information highway. Currently studying Law in the same University.

{ 14 comments… read them below or add one }

Andy March 27, 2013 at 9:22 pm

These aren’t that great. Some are okay, but most don’t adhere to simple design principles, and look quite cheap.

Reply

Asim Qureshi February 10, 2013 at 12:40 pm

Nice collection for Search, Now i can modify my google custom search.

Thanks so much.

Reply

DTX Studios January 17, 2011 at 8:47 am

Nice collection. Some are too good. Some are ok. anyhow thanks for sharing.

Reply

Andy January 12, 2011 at 12:53 am

Lol, most of these search boxes don’t even come close to the word “beautiful”.

Reply

Lars January 19, 2011 at 10:15 pm

Well it depends on individual taste I think but I agree it is not all of them I like myself…

Reply

Fumero January 11, 2011 at 4:17 pm

Some really nice artistic designs, thanks for sharing~

Reply

www.websitemplates.bz January 11, 2011 at 3:20 pm

cool work!I like it!!!

Reply

Lars January 19, 2011 at 10:16 pm

Thanks a lot for you feedback!

Reply

Dzinepress January 11, 2011 at 2:26 pm

creative work their you showcasing. thanks

Reply

Lars January 19, 2011 at 10:17 pm

Thanks for your feedback Dzinepress!

Reply

Nottingham Web Design January 11, 2011 at 2:20 pm

wow very impressive! My fav is #11

Reply

Lars January 19, 2011 at 10:14 pm

Thanks for your feedback and support NWD!!!

Reply

Leonor Suyman III January 11, 2011 at 9:18 am

awesome examples, i like #40 and #5.

Reply

Lars January 11, 2011 at 12:01 pm

Thanks Leonor I agree with your that these are great!

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

{ 1 trackback }

Previous post:

Next post:


Web Analytics