40+ Creative uses of Ribbons in Web Design

Posted in Inspiration, Web Design • Posted on 9 Comments

You must have noticed the increasing trend of using ribbons in web design. By using ribbons in web design you can make the noteworthy objects of your website more appealing and prominent. More often than not, a ribbon is used as background for navigation. Here is a beautiful and inspiring showcase of some visually appealing web designs that feature ribbons.

1. Wells Riley

Wells riley

2. Carnivale du vin

Carnivale du vin

3. Wp1000 Themes

Wp1000 Themes

4. Urban off

Urban off

5. Decorama design

Decorama design

6. Tech jobs under

Tech jobs under

7. Future of car sharing

Future of car sharing

8. Pistachio app

Pistachio app

9. Small studio

Small studio

10. Le tipi

Le tipi

11. Less Money

Less Money

12. Table 37

Table 37

13. Sleepstreet

Sleepstreet

14. Pixel Stadium

Pixel Stadium

15. Simple as milk

Simple as milk

16. Fe.Rocious

Fe.Rocious

17. Quote Roller

Quote Roller

18. Tapp3 Media

Tapp3 Media

19. Jopp Design

Jopp Design

20. Tanya merone

Tanya merone

21. X graphica

X graphica

22. St. Kilda High Hopes

St kilda high hopes

23. Letter Learner

Letter learner

24. The Portfolio of Alex Pierce

The Portfolio of alex pierce

25. Rockaholic

Rockaholic

26. Paris Jones

Paris jones

27. Myselfdsk

Myselfdsk

28. Made by Chipmunk

Made by chipmunk

29. ParkBud

ParkBud

30. Appmiral

Appmiral

31. Sunday Best Websites

Sunday best designs

32. Cake Sweet Cake

Cake sweet cake

33. Moving

Magento

34. Webzguru

Web Design india

35. Ruby Bots hosting

Here a dark blue color ribbon that lets you give your email address and become a beta tester of Ruby Bots. The graphic elements also liven up the ribbon look.

Rub bost hosting

36. Run do to-do

Run do to-do,

37. Ebridal

Ebridal

38. Pongathon

Pongathon

39. Legal Services of Southern Missouri

Legal Services of Southern Missouri

40. Consafan

Consafan

41. Krichevtsova Alexandra

Krichevtsova Alexandra

42. Elevated Imagery

Elevated Imagery

43. CJs Favorites

CJs Favorites

28 Written ArticlesWebsite

Jameel Khan is a web graphic designer and has been working in this field for 4 years. He also writes for other blogs and is also the founder member of www.webdesigncore.com. His biggest passion is blogging and vector illustrations.

9 Comments Best Comments First
  • Joe Zim

    Tuesday, May 1st, 2012 01:28

    1

    For the majority of these, the uses of the ribbons isn’t all that creative. They’re just being used for aesthetics, as usual.

    0
  • Mel

    Thursday, May 3rd, 2012 09:04

    4

    I like the ribbons when they are subtle, overdone they can look a little tacky. The ribbons that are asymetrical also seem to work a little better imho. Could be a great design feature though, especially for female or wedding orientated sites.

    0
  • Sanjeev

    Tuesday, May 1st, 2012 23:41

    3

    Really Inspired me. Great work.

    0
  • Hussle

    Thursday, May 3rd, 2012 16:47

    5

    Nice collection. I think my website fits too.

    0
  • Paul Weston

    Friday, May 4th, 2012 04:06

    6

    Thought this was an interesting article and one that has some very inspiring sites in it. I see a lot of sites using ribbons within their sites when I am looking for inspiration and I think we have to be careful how they are used within a design because they can make or break a design in my opinion. There are some great examples here and the one that stood out for me was the Tech jobs under site. It stood out for me because of the design of the ribbon, it broke away from what you would consider a normal ribbon. Great article and I look forward to more from yourself.

    0
  • Jeannie

    Sunday, June 24th, 2012 13:22

    9

    Heheheh. And I thought we were being original using wrap around ribbons for menus and other bits. The big question is how long do you think the trend will last before its outdated and ‘so last week’?

    0
  • Sam

    Friday, June 1st, 2012 13:30

    8

    Creativity has no boundaries, some great designs, got alot of ideas for using ribbon element in design, thanks for sharing.

    0
  • Ulrih Johanson

    Friday, May 4th, 2012 17:12

    7

    Most of them looks great especially Paris Johns , Park Bud and Tech Jobs Under.

    0
  • Fiti

    Tuesday, May 1st, 2012 14:50

    2

    ohh some very creative uses of ribbons, my fav is third one.

    -2
  • Jeannie

    Sunday, June 24th, 2012 13:22

    9

    Heheheh. And I thought we were being original using wrap around ribbons for menus and other bits. The big question is how long do you think the trend will last before its outdated and ‘so last week’?

    0
  • Sam

    Friday, June 1st, 2012 13:30

    8

    Creativity has no boundaries, some great designs, got alot of ideas for using ribbon element in design, thanks for sharing.

    0
  • Ulrih Johanson

    Friday, May 4th, 2012 17:12

    7

    Most of them looks great especially Paris Johns , Park Bud and Tech Jobs Under.

    0
  • Paul Weston

    Friday, May 4th, 2012 04:06

    6

    Thought this was an interesting article and one that has some very inspiring sites in it. I see a lot of sites using ribbons within their sites when I am looking for inspiration and I think we have to be careful how they are used within a design because they can make or break a design in my opinion. There are some great examples here and the one that stood out for me was the Tech jobs under site. It stood out for me because of the design of the ribbon, it broke away from what you would consider a normal ribbon. Great article and I look forward to more from yourself.

    0
  • Hussle

    Thursday, May 3rd, 2012 16:47

    5

    Nice collection. I think my website fits too.

    0
  • Mel

    Thursday, May 3rd, 2012 09:04

    4

    I like the ribbons when they are subtle, overdone they can look a little tacky. The ribbons that are asymetrical also seem to work a little better imho. Could be a great design feature though, especially for female or wedding orientated sites.

    0
  • Sanjeev

    Tuesday, May 1st, 2012 23:41

    3

    Really Inspired me. Great work.

    0
  • Fiti

    Tuesday, May 1st, 2012 14:50

    2

    ohh some very creative uses of ribbons, my fav is third one.

    -2
  • Joe Zim

    Tuesday, May 1st, 2012 01:28

    1

    For the majority of these, the uses of the ribbons isn’t all that creative. They’re just being used for aesthetics, as usual.

    0

Comments are closed.

54.82.121.218 - unknown - unknown - US