Website Design Ideas - Help A Brother Out

youtalk

Regular Member

Jul 5, 2012

353

6

• Dec 12, 2012

• #1

Ok ladies and gentleman, I need some creative juices flowing....

I'm almost done with a database website, and its time to start putting a face to it.
I need some ideas, thoughts, examples, what ever you got.
Its an aerospace website, it has a ton of part tables on the inner pages, and It will be viewed by anyone from flight mechanics to product engineers.
So it has to appeal to all.

I want the site to look very modern, almost animated (kind of), thinking of using icons as the menu and button functions, crisp high resolution, with Blue, Light Gray, Darker Gray, and White.

Does anyone have any good ideas?
Maybe some examples you've seen in the past?
Possibly a site to get some ideas?

Anything.....

 

browsing_hosts

Regular Member

Nov 12, 2010

399

368

• Dec 12, 2012

• #2

Nasa?

 

jlzandrad

Junior Member

Apr 22, 2009

164

26

• Dec 12, 2012

• #3

Do you know themeforest, I think it's nice place to start.
I always take a look there to get some ideas

 

youtalk

Regular Member

Jul 5, 2012

353

6

• Dec 12, 2012
• Thread Starter Thread Starter

• #4

browsing_hosts said:

Nasa?

Click to expand...

I wish brother

 

youtalk

Regular Member

Jul 5, 2012

353

6

• Dec 12, 2012
• Thread Starter Thread Starter

• #5

jlzandrad said:

Do you know themeforest, I think it's nice place to start.
I always take a look there to get some ideas

Click to expand...

Never heard of it, but I'm looking now.

I was looking at other template sites, but you get lost for hours and find nothing.

 

dudemike

Power Member

Jan 20, 2009

565

95

• Dec 13, 2012

• #6

just over to forest theme you'll get a lots of ideas, have fun

 

gullsinn

Elite Member

Dec 24, 2009

2,556

2,311

• Dec 13, 2012

• #7

Simple the Best - White background Black Fonts

 

dudemike

Power Member

Jan 20, 2009

565

95

• Dec 13, 2012

• #8

if you want more icons or images i just posted
http://www.blackhatworld.com/blackhat-seo/social-networking-sites/511487-get-thousands-images.html

 

A

adultwebmasterdesign

Junior Member

Mar 16, 2009

172

23

• Dec 13, 2012

• #9

Go to kickassgfx net

 

browsing_hosts

Regular Member

Nov 12, 2010

399

368

• Dec 13, 2012

• #10

gullsinn said:

Simple the Best - White background Black Fonts

Click to expand...

Even better black background with white font and yellow links.

 

youtalk

Regular Member

Jul 5, 2012

353

6

• Dec 13, 2012
• Thread Starter Thread Starter

• #11

dudemike said:

if you want more icons or images i just posted
http://www.blackhatworld.com/blackhat-seo/social-networking-sites/511487-get-thousands-images.html

Click to expand...

wow, thats very cool of you. Thank you!!!

 

J

james2012

Newbie

Mar 6, 2012

25

3

• Dec 20, 2012

• #12

Just primarily design your website from your ideas and put a screenshot of it in a forum or provide a link to achieve brilliant ideas to make it more beautiful and build as per you like.

 

olystyle

Regular Member

Jan 6, 2012

238

107

• Dec 20, 2012

• #13

Hi youtalk

How about using some black and white aero-related photographs within a slider wich are overlayed with a nice texture:

Sample photograph: http://snay1345.jalbum.net/Black and White/slides/plane.jpg
Sample of a texture: http://www.rgbstock.com/cache1nt0pt/users/s/sl/slantsixx/300/dMG42T.jpg
Some images To get the idea:
- http://pe-images.s3.amazonaws.com/photo-effects/colored-dots/photo-to-color-dots-effect.jpg
- http://3.s3.envato.com/files/1182305/preview_image.jpg
- http://static1.bigstockphoto.com/thumbs/7/6/5/small2/5673311.jpg

As for animations parallax effects might just be for you: Not to forceful/distracting for the visitor but still very stylish! As background the blue sky and on the additional layers some clouds, planes,... I'd reccomend to trigger the effect while scrolling or let it react to the mouse...

Some samples to get the idea:
- http://themeforest.s3.amazonaws.com/116_parallax/tutorial-source-files/tut-index.html
- http://stephband.info/jparallax/demos/target.html
- http://www.ianlunn.co.uk/demos/recreate-nikebetterworld-parallax/
- http://www.jquery4u.com/demos/jquery4u-parallax-demo/
- http://themespectrum.com/parallax-demo/
- http://www.sequencejs.com/themes/sliding-horizontal-parallax/

cheers olystyle

 

H

Hilton

Newbie

Dec 20, 2012

25

0

• Dec 30, 2012

• #14

if you want to look more elegant then do not wear too many colors in your site, create a simple design but interesting ..

 

srb888

Elite Member

Jul 30, 2008

3,304

5,290

• Dec 31, 2012

• #15

**edited**

 

Last edited: Jan 1, 2013

youtalk

Regular Member

Jul 5, 2012

353

6

• Dec 31, 2012
• Thread Starter Thread Starter

• #16

olystyle said:

Hi youtalk

How about using some black and white aero-related photographs within a slider wich are overlayed with a nice texture:

Sample photograph: http://snay1345.jalbum.net/Black%20and%20White/slides/plane.jpg
Sample of a texture: http://www.rgbstock.com/cache1nt0pt/users/s/sl/slantsixx/300/dMG42T.jpg
Some images To get the idea:
- http://pe-images.s3.amazonaws.com/photo-effects/colored-dots/photo-to-color-dots-effect.jpg
- http://3.s3.envato.com/files/1182305/preview_image.jpg
- http://static1.bigstockphoto.com/thumbs/7/6/5/small2/5673311.jpg

As for animations parallax effects might just be for you: Not to forceful/distracting for the visitor but still very stylish! As background the blue sky and on the additional layers some clouds, planes,... I'd reccomend to trigger the effect while scrolling or let it react to the mouse...

Some samples to get the idea:
- http://themeforest.s3.amazonaws.com/116_parallax/tutorial-source-files/tut-index.html
- http://stephband.info/jparallax/demos/target.html
- http://www.ianlunn.co.uk/demos/recreate-nikebetterworld-parallax/
- http://www.jquery4u.com/demos/jquery4u-parallax-demo/
- http://themespectrum.com/parallax-demo/
- http://www.sequencejs.com/themes/sliding-horizontal-parallax/

cheers olystyle

Click to expand...

Great ideas, what do you think about icons for buttons and such?

 

B

Bheeter

Newbie

Jan 22, 2013

11

2

• Jan 23, 2013

• #17

Hi,
Here i share a link in this post, When i was start web designing that site help me a lot. hope that is useful for you. Site link is thesitewizard.

 

olystyle

Regular Member

Jan 6, 2012

238

107

• Jan 23, 2013

• #18

youtalk said:

Great ideas, what do you think about icons for buttons and such?

Click to expand...

This sure is a tough question...

I personally prefer color compliant icons and buttons: if you were keep the colorrange within a black/white/grey/blue - you might like an iconset giving of a very minimal vibe: http://bktnagency.com/wp-content/uploads/2012/07/BKTN-contact-icons-346x300.jpg (same goes for buttons)

On the other hand with vibrant colors you can give your site some kick/sauce BUT for as you are targetting Engineers and Mechanics I'd reccomend that you go for a plain/clean design for as the most engineers I know (correct me if I'm wrong) dont really like to flashy things...

cheers olystyle