[FeedBack]Meine Website

[NotEnoughForYou]

Hallo,

ich bin momentan dabei meine neue Website aufzubauen. Nun habe ich allerdings schon von einigen Leuten gehört, dass ihnen meine alte Homepage besser gefallen hat. Daher wollte ich einmal von euch (die sich ja damit auskennen) hören, was ihr davon haltet. Den Code könnt ihr gerne auch bewerten (von meiner momentanen), allerdings steht da erst das Grundgerüst.

Momentane Website:

Alte Website

 Spoiler

Würde mich über Feedback freuen

mfg

[.SeveN™]

Das neue ist Stylischer!
Finde es demnach auch besser.

Würde die Navi evt. nochmal ein wenig überarbeiten.

Mfg
Seven:*

[マルコ]

Die neue sieht aus...
kenne ich schon irgendwoher...
fast ein wenig... langweilig? Vielleicht gehts ja nur mir so?

Und naja, das Menü würd ich größer machen, und wenn du den schwarzen Hintergrund auf schwarz machst evtl so, dass man nicht die schwarzen Kanten (auf dem Hintergrund in leicht anderem Schwarz) sieht.


Nunja, deine Seite hat durchaus Ähnlichkeiten vom Aufbau mit:


(uhh, die werden dich verklagen XD)

...
kp, irgendwie spricht mich persönlich das Teil nicht so an. Geht vllt aber bloß mir so

ABER die Idee bei Services gefällt mir^^

[Hiris]

Nunja, deine Seite hat durchaus Ähnlichkeiten vom Aufbau mit:
jQuery: The Write Less, Do More, JavaScript Library
Website Design Company - Website Designers - Travel Website Designers - CSI Media - Website Design Company
Apple (uhh, die werden dich verklagen XD)

Sry, kann sein das ich schlecht sehe, hab auch ehrlich gesagt nicht so ein auge für sowas aber ich persöhnlich sehe keine Ähnlichkeiten zwischen seiner Seite und den 3 von dir genannten außer das alle ein Menü haben und übers Internet erreichbar sind, weder von den Farben, noch von den Designelementen, noch vom Aufbau ôo

[マルコ]

Nunja, vom Aufbau her

Logo - Menü
Slideshow / Content
Block mit Bild
Weitere kleine Blöcke
Footer

sowas hab ich schon öfter gesehen. Da fehlt das gewisse Etwas. Und das wird NE4Y sicher hinkriegen^^

[insaneInfinity]

Der Aufbau ist schon gut.

- Startseite: Würde noch ein wenig bei dem Blauen bereich mit anderen Mustern probieren.
- Startseite: der Slider evntl. ein wenig größer.

Würde aber wie マルコ schon sagte noch ein Individuelles Teil machen. D.h. irgendwas was einzigartig ist. Dafür eignet sich der Slider aber auch das Menü wo sich noch viel rausholen lässt.

Aufjedenfall weiter so !

[devcode]

Originally Posted by マルコ

Nunja, vom Aufbau her

Logo - Menü
Slideshow / Content
Block mit Bild
Weitere kleine Blöcke
Footer

sowas hab ich schon öfter gesehen. Da fehlt das gewisse Etwas. Und das wird NE4Y sicher hinkriegen^^

Aus diesem Aufbau besteht ca. jede 3te "Business" Seite :'D

[Zettabytes*]

Sieht aus wie ein Wordpress Design was wir auf der Arbeit haben

[NotEnoughForYou]

Hey, danke schon mal für das Feedback.


An dem Eyecatcher bin ich momentan noch dran. Mir will aber nichts gescheites einfallen ( bin sehr unkreativ, design ist auch nich von mir, hab ich mir machen lassen ).

Also tendiert ihr eher zu dem neuen Design?

[JacK le chilla]

Dann gebe ich dir mal Feedback zu deinem Code

+++ W3C Validiert

/ Unschön formatiert (Kunden interessiert das sowieso nicht ich lege aber Wert drauf falls mal jemand anderes mit meinem Code arbeitet)
/ Warum packst du ' style="display:none" ' ins jQuery script Tag? + CSS Tag

- Von sowas halte ich leider wenig.
- Der Slider hat einen Bug wenn man beim neuladen auf links klickt.

 Spoiler

<meta name="description" content="Diese Website ist ein Portfolio von NE4Y Development" /><title>NE4Y Development</title> <style type="text/css" style="display:none">@charset"utf-8";/**/ *{margin:0;padding:0;}html,body{height:100%;}body{ background:#eaeaea;text-align:center;font-family:Arial,Helvetica,sans-serif;}img,input{border:none;}/**/.clear{clear:both;}/**/#wrap{height:100%;}/**/#topLine{width:100%;height:7px;background:url("htt p://www.ne4y.de/img/topLine.png") repeat-x;}/**/#headPart{width:100%;height:141px;background:url(" http://www.ne4y.de/img/headBg.png") repeat-x;margin-bottom:30px;}/**/#conBar{width:930px;margin:0px auto;}/**/#logo{width:90px;height:80px;background:url("http://www.ne4y.de/img/logo2.png") no-repeat;float:left;margin-left:100px;margin-top:28px;}/**/ul#mainNav{list-style-type:none;width:410px;height:50px;background:url(" http://www.ne4y.de/img/mainNav.png") top center no-repeat;float:right;margin-top:35px;padding-top:8px;padding-left:5px;font-family:Verdana,Geneva,sans-serif;}ul#mainNav li{float:left;width:88px;height:36px;padding-right:11px;}ul#mainNav li:last-child{padding-right:0px;}ul#mainNav li a{text-decoration:none;color:#8d8d8d;height:36px;font-size:13px;width:88px;display:block;text-align:center;text-shadow:0px -2px 2px #000000;line-height:36px;}ul#mainNav li a:hover{background:url("http://www.ne4y.de/img/active.png") no-repeat;height:36px;color:#bad9d9;}/**/#slider{width:930px;margin:0px auto;}#sliderWrap{width:764px;overflow:hidden;posi tion:relative;margin-left:90px;height:172px;max-height:172px;min-height:172px;margin-right:0px;padding-right:0px;}.arrow{width:27px;height:45px;margin-top:50px;cursorointer;position:absolute;}#leftAr row{float:left;background:url("http://www.ne4y.de/img/arrow_left.png") no-repeat;}#rightArrow{margin-left:890px;margin-top:-122px;background:url("http://www.ne4y.de/img/arrow_right.png") no-repeat;position:absolute;}ul#sliderPics{list-style-type:none;position:relative;width:806px;}ul#slider Pics li{float:left;width:233px;padding-right:22px;cursorointer;height:172px;}ul#sliderP ics li:last-child{padding-right:0px;}ul#sliderPics li img{height:172px;width:233px;opacity:1;}ul#sliderP ics li:last-child{padding-right:0px;}/**/#midCon{width:100%;height:318px;background:url("ht tp://www.ne4y.de/img/midRepeat.png") repeat-x;margin-top:8px;}#realMid{width:930px;height:318px;margin: 9px auto;background:url("http://www.ne4y.de/img/realMid.png") no-repeat;}#mac{width:395px;height:303px;background:u rl("http://www.ne4y.de/img/mac.png") no-repeat;float:right;margin-top:25px;}#mac img{margin-top:14px;margin-left:4px;}/**/#realMidContent{width:500px;float:left;margin-top:25px;padding-left:29px;}#realMidContent h2{color:#ffffff;font-size:20px;font-weight:100;text-align:left;}#realMidContent h3{color:#ffffff;font-size:16px;font-weight:100;text-align:left;margin-top:10px;}#realMidContent p{width:500px;text-align:left;color:#fff;font-size:14px;margin-top:10px;line-height:18px;}/**/#service{width:930px;height:327px;background:#f3f3 f3;margin:0px auto;}ul#serv{list-style-type:none;}ul#serv li:first-child{margin-top:20px;}ul#serv li{float:left;width:287px;background:url("http://www.ne4y.de/img/serviceRealBg.png") top center no-repeat;padding-left:20px;margin-top:10px;padding-top:10px;}ul#serv li img{width:108px;height:94px;float:left;padding-right:5px;margin-top:2px;cursorointer;}ul#serv li p{width:270px;font-size:14px;color:#9b9b9b;text-align:justify;line-height:20px;}/**/.content{width:972px;margin:80px auto;}.content h3{color:#666;font-size:15px;font-weight:bold;padding-left:20px;background:url("http://www.ne4y.de/img/h3_trenner.png") center bottom no-repeat;background-position:15px 22px;height:23px;width:910px;}.content ul{padding-left:20px;font-size:15px;list-style-type:none;color:#bbb9b9;}.content ul li{padding-top:5px;}.content ul li a{text-decoration:none;color:#bbb9b9;}.content ul li a:hover{text-decoration:underline;}.realCon{width:967px;backgro und:url("http://www.ne4y.de/img/con_loop.png") repeat-y;text-align:left;min-height:1px;margin-top:50px;margin-left:5px;}.realCon h2{width:947px;height:54px;background:url("http://www.ne4y.de/img/con_head.png") no-repeat;font-size:18px;color:#FFF;line-height:43px;padding-left:15px;margin-top:-54px;position:absolute;}.realCon p{font-size:15px;padding-left:20px;width:670px;color:#bbb9b9;padding-top:5px;}.schluss{width:972px;height:90px;backgrou nd:url("http://www.ne4y.de/img/con_end.png") no-repeat;margin-left:0px;}ul.service{list-style-type:none;padding-bottom:80px;}ul.service li{float:left;}/**/ul#kontakt li#skype{background:url("http://www.ne4y.de/img/skypeIcon.png") 0px 5px no-repeat;padding-left:20px;}/**/#footer{width:100%;height:69px;padding-top:30px;background:url("http://www.ne4y.de/img/footer_bg.png") repeat-x;margin-top:100px;}#light_line{width:100%;background:url(" http://www.ne4y.de/img/light_line.png") repeat-x;height:46px;}#realFoot{width:930px;margin:0px auto;}#light_line address{float:left;width:500px;text-align:left;margin:0px auto;line-height:46px;color:#c5c5c5;font-size:14px;}#light_line address span{color:#00ace5;cursorointer;}#light_line address span:hover{color:#58e2ff;}/**/#light_line ul#secNav{list-style-type:none;float:right;width:320px;font-size:14px;color:#c5c5c5;line-height:46px;text-align:left;}#light_line ul#secNav li{float:left;padding-right:5px;}#light_line ul#secNav li a{color:#0089b6;padding-right:5px;}#light_line ul#secNav li a:hover{color:#58e2ff;}

SEO-Technisch hätte ich noch deine Seite noch bei Google eingetragen & meta keywords etc. verwendet.

Aufpassen falls du mal Tabellen benutzt die Leerzeichen bringen dich bei li Tags um den verstand wenn man nicht aufpasst

Grafisch:
Ich würde eine andere Font nehmen da diese nicht so mit dem Design harmoniert.
Unten im Footer die Unterstriche der Links weg damit es nicht zusehr überladen aussieht.

Das Navi ist gut umgesetzt aber schimpf mal bitte deinen Designer. Schlagschatten in nem Navi sah doch noch nie gut aus (Meine Meinung)
-> Hätte einen nach innen gehenden Schatten genommen probier mal die Größe dort zu erhöhen den Abstand auf 0 und Deckkraft runter. Probier ein bisschen sieht bestimmt gut als Hover aus wenn die Überlagerund dann noch innen heller als vorher wird und sich nach ausen abduneklt.

Der Schatten beim Apple Monitor liegt falsch. Ansonsten eine gute Idee

Eine lightbox beim Slider fehlt noch.


Ich hoffe das Feedback war ausführlich Aber da man ja sieht das du noch dran arbeitest ("lorem ipsum") hätte ich denke ich noch etwas warten sollen weil du da sicher auch selbst draufgekommen wärst

Cu JacK