25 Websites with Lighting Effects

Published in Galleries

If you’re looking to learn more about design websites, please see our post Learn Web Design for plenty of resources to help your educational pursuit.

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

Create a Free Website

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:

82 Responses

Exhibition stand December 23rd, 2008

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

Thomas December 23rd, 2008

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

Thomas December 23rd, 2008

Great inspiration, Drew Wilson is one of my favourite

Nathan Beck December 23rd, 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 23rd, 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 23rd, 2008

beaituful collection thanks..

Irene Demetri December 23rd, 2008

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

jwc December 23rd, 2008

Powered by Abduzeedo!

Designer December 23rd, 2008

Brilliant!!!!!

kiran December 23rd, 2008

Great collection.Thank you…

guy x December 23rd, 2008

they all look the same to me.

mozami December 23rd, 2008

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

Fubiz December 23rd, 2008

Beautiful selection!

Vandelay Design December 24th, 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 26th, 2008

Great……..Beautiful Designs…

Siti Web Bologna December 26th, 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 28th, 2008

great ;)

Nikki - Logo Design Guru December 29th, 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 4th, 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 7th, 2009

nice list. i love the designs

Blogger desk January 7th, 2009

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

Vandelay Design January 7th, 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 8th, 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 12th, 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 18th, 2009

Thanks for this resource. I love Vandelaydesign!

web design iasi

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

very nice collection!

mindxstudio January 27th, 2009

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

Thanks
mindxstudio

Lane G April 28th, 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 30th, 2009

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

Logo design services May 2nd, 2009

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

Claudia June 10th, 2009

Really an interesting gallery, thanks for sharing the resources.

web tasarımı July 15th, 2009

thank you nice sharing.

Facebook applications July 16th, 2009

Excellent, All designs are full of concepts.

Dallas Web Design August 17th, 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 19th, 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 19th, 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 30th, 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.

Vandelay Website Design August 30th, 2009

MallikSEO,
They are not templates, you cannot download them.

Smashing Themes September 7th, 2009

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

Logo Designers London September 12th, 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 13th, 2009

Very good results, I really admire designers, collection .

web design hollywood December 14th, 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 29th, 2009

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

Ron Arts Web Design January 22nd, 2010

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

Webby Design Guru January 29th, 2010

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

Webdesign July 8th, 2010

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

medyum July 11th, 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 7th, 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 11th, 2010

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

Pete from gas grill reviews January 13th, 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 16th, 2011

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

carbon12 January 21st, 2011

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

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 16th, 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!….

Leave a Reply