25 Websites with Lighting Effects

Lighting effects are often used in modern web design to give a site an interesting and different look. Several months ago I published 40 Photoshop Tutorials for Lighting and Abstract Effects, which includes plenty of tutorials that can help you to get this type of look in your own work. Now, I’d like to share this gallery of sites that are putting those techniques into practice.

For more design inspiration please see:

Color Charge

Color Charge

365 Days of Astronomy

365 Days of Astronomy

Pixelight Creative

Pixelight Creative

Nice Sketches

Nice Sketches

Cosmive

Cosmive

Oakes Design

Oakes Design

FMCommunication

FMCommunications

Vogue

Vogue

Drew Wilson

Drew Wilson

Ciplex

Ciplex

Razvan Pavel

Razvan Pavel

You and I Graphics

You and I Graphics

Sebcreation

Sebcreation

Michael Austin Productions

Michael Austin

Designed by Dave

Designed by Dave

Fernando Sergio

Fernando Sergio

James B

James B

OKB

OKB

Stuart Anderson

Stuart Anderson

Sugarrhyme

Sugarrhyme

Mozami

Mozami

Studio 7 Designs

Studio 7 Design

UbicWay

UbicWay

Quilo

Quilo

Dreamwire

Dreamwire

For more design inspiration, see:

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads.

82 Responses

Comments are now closed on this post.

  • Exhibition stand, December 23, 2008

    This is way cool.. Pretty impressive if I bring it out in a cafe. Dual screen!

  • Thomas, December 23, 2008

    Great list, thanks! Good inspiration for my project which needs similar effect.

  • Thomas, December 23, 2008

    Great inspiration, Drew Wilson is one of my favourite

  • Nathan Beck, December 23, 2008

    What another fantastic selection of sites. I’ve got to admit I’m a bit of a sucker for this sort of thing at the moment. I don’t know if cuts the mustard but I wonder if my site would also make it to that list? http://www.nathanbeck.co.uk

    Anyways, have a good christmas Vandelay!

  • Vandelay Design, December 23, 2008

    Nathan,
    Your site looks good. Looks like the guitar image in your portfolio has a similar style and inspiration with the effects.

  • joyoge designers' bookmark, December 23, 2008

    beaituful collection thanks..

  • Irene Demetri, December 23, 2008

    Thank you for including my website in such a great list!

  • jwc, December 23, 2008

    Powered by Abduzeedo!

  • Designer, December 23, 2008

    Brilliant!!!!!

  • kiran, December 23, 2008

    Great collection.Thank you…

  • guy x, December 23, 2008

    they all look the same to me.

  • mozami, December 23, 2008

    Im both honored and humbled to be on this list ;)
    Some great inspiration. Thanks!

  • Fubiz, December 23, 2008

    Beautiful selection!

  • Vandelay Design, December 24, 2008

    Irene,
    You’re welcome.

    jwc,
    Very true!

    Guy X,
    I wouldn’t say they all look the same, but I do see where you’re coming from. To me there is a little less variation and uniqueness in this style of design than others, at this point anyway.

    Mozami,
    You’re welcome.

  • Auto Chronicle, December 26, 2008

    Great……..Beautiful Designs…

  • Siti Web Bologna, December 26, 2008

    Very intresting article!
    We’ve done the new site, it’s a 3D layout with light effects. We accept comments from everyone… http://www.webair.it
    Thanks

  • Rob77, December 28, 2008

    great ;)

  • Nikki - Logo Design Guru, December 29, 2008

    wow! I love the neon effects. They are fantastic. They look so great too and bring a really nice touch to the websites. Thanks for sharing these. They are so very inspiring.

  • Ariyes, January 4, 2009

    Hi,

    Firstly,i would like to congratulate you for your good creativity and i really like all of your designs and mostly
    i like cosmive which is good at looking!
    Any way,all the best for your future designs!

    thank you!

  • insic, January 7, 2009

    nice list. i love the designs

  • Blogger desk, January 7, 2009

    All your designs are wonderful. Specially the Neon effects. All the best.

  • Vandelay Design, January 7, 2009

    Blogger Desk,
    Just for disclosure, these are not my own designs. It’s just a gallery of sites from all different designers.

  • Free templates, January 8, 2009

    wow where did u find this nice design’s? actually i do CSS and Html Coding so this design’s help me in the feature ;)

    Thanks

  • perfume, January 12, 2009

    We are a small to medium church in need of a new website — this list and your first list has been a great resource for us as we decide what we want the site to look like. Thank you!

  • web design iasi, January 18, 2009

    Thanks for this resource. I love Vandelaydesign!

    web design iasi

  • Tanaka13 - Créations du Net, January 23, 2009

    very nice collection!

  • mindxstudio, January 27, 2009

    Nice collection of light effect on design, I like it.

    Thanks
    mindxstudio

  • Lane G, April 28, 2009

    I like how the lighting effects make the site stand out more. I just started working at this web design studio as there SEO guru. Hopefully some of the designers on the team can shop me some stuff. I’d love to pick up some of these skills.

  • Mark, April 30, 2009

    These are amazing! I’ll have to read your photoshop tutorial post right away.

  • Logo design services, May 2, 2009

    I appreciate you for this excellent effort to compile excellent list and also providing great links. Thanks

  • Claudia, June 10, 2009

    Really an interesting gallery, thanks for sharing the resources.

  • web tasarımı, July 15, 2009

    thank you nice sharing.

  • Facebook applications, July 16, 2009

    Excellent, All designs are full of concepts.

  • Dallas Web Design, August 17, 2009

    Very nices pics to put up. I really like the lightening effects on them. Good loayouts for photographer sites, bands, or anything with a young following

  • medyum, August 19, 2009

    Firstly,i would like to congratulate you for your good creativity and i really like all of your designs and mostly
    i like cosmive which is good at looking!
    Any way,all the best for your future designs!

  • medyum, August 19, 2009

    I wouldn’t say they all look the same, but I do see where you’re coming from. To me there is a little less variation and uniqueness in this style of design than others, at this point anyway.

    Medyum
    You’re welcome.

  • MallikSEO, August 30, 2009

    I want to download some of the flash design templates. How can I download them. Is these templates are free or I have to purchase. Kindly give me the necessary information.

  • Smashing Themes, September 7, 2009

    Very nice collection, although some of the designs are made from tutorials, but most are genuine.

  • Logo Designers London, September 12, 2009

    stunning effects, are these made in photoshop?

  • @Logo Designers London They can be and are probably made in photoshop. The designs are very good. And the layout are somehow Google friendly. In website design, one of the things you should consider is its SEO friendliness.

  • Vincent, December 13, 2009

    Very good results, I really admire designers, collection .

  • web design hollywood, December 14, 2009

    These are really great web designs. I am assuming they were created in Photoshop or Illustrator then imported into Flash.

  • orange county website design, December 29, 2009

    These are some awesome websites. Lighting effects can really make the site stand out. Thanks for sharing

  • Ron Arts Web Design, January 22, 2010

    Wonderful designs,really very impressive..the effects are stunning.

  • Webby Design Guru, January 29, 2010

    Excellent effort! Thanks for sharing such an interesting and creative gallery.

  • Webdesign, July 8, 2010

    Very nice collection, although some of the designs are made from tutorials, but most are genuine.

  • medyum, July 11, 2010

    We are a small to medium church in need of a new website — this list and your first list has been a great resource for us as we decide what we want the site to look like. Thank you!…

  • LV, August 7, 2010

    Very nice collection, although some of the designs are made from tutorials, but most are genuine.~~~

  • This collection of backgrounds and website designs are fantastic. Thanks for compiling a shit awesome list like this. I find great value and inspiration in this gallery you’ve put together, and it’s given me some excellent ideas for some projects i’m doing for clients. I think even the best designers and artists always need inspiration, and you’ve provided it tremendously well (even though they’re not all yours :)

    Cheers, Joel.

  • Best Beginner Telescope, November 11, 2010

    Bring on the fake bokeh! Seriously, I cannot get enough… Nice collection.

  • Pete from gas grill reviews, January 13, 2011

    This is a truly great post. Just the other night I was toying with the idea of firing up photoshop and adding some lighting effects to the banner on my homepage. I decided not to in the end but now I’m inspired to give it a go. I think I like the OKB site the most. Clean cut and nice crisp design.

  • webdesign, January 16, 2011

    Still a great collection. When will there be a follow up? Hope to see more new backgrounds!

  • carbon12, January 21, 2011

    Some of these are really impressive. Thanks for the inspiration!

  • Charlottesville Web Design, April 14, 2011

    Great work!! I really need this right now. Truly inspirational! The lightings will be very effective. Such a wonderful idea. Keep on posting!

  • medyum, April 16, 2011

    Firstly,i would like to congratulate you for your good creativity and i really like all of your designs and mostly
    i like cosmive which is good at looking!
    Any way,all the best for your future designs!

    thank you!….