Meine neue Seite (Fliesen Handwerk)

Hmmm, zunächst mal braucht die Seite beim ersten Aufruf ziemlich lange, bis überhaupt etwas angezeigt wird. Gefühlt waren das 5 bis 10 Sekunden.

Außerdem empfinde ich reinzoomende Bilderslider als nicht gerade professionell. Die Slider sind im Web 2.0 das, was die animierten GIFs im Web 1.0 waren, aus meiner Sicht nur unnütz und nervig. Das ist aber sicher Geschmackssache.

Gruß
Ingo

- der Ken burns effekt des slider ist nix, die schrift dauert auch viel zu lange.
- die 4 bilder solltest du nicht von lo nach ru staffeln, besser etwas größer und 2/2 untereinander. dann muss man auch nicht soviel scrollen.
- Das Logo im header ist viel zu groß. Dadurch wird die Navieiste unnötig aufgeblasen und die schrift ist dadurch auch zu klein.
- der header ist zu dunkel, die Navi ebenfalls. (probiere die Nav mal in weiss)
- Insgesamt ist die Seite zu dunkel, und 3 Grautöne sind zuviel.
- "Beratung und Planung" hat rechts zuviel Platz.
- wieso hat die "Kontakt" Seite einen Slider? ist inkonsequent

Die Farbkombination mit dem Grau und dem blassen Orange ist nicht besonders schön.
Die Bilder sind hochwertig, aber das macht der Slider kaputt.
gericoach hat recht, die Navigationsleiste ist sehr aufgeblasen.

"links oben nach rechts unten", lieber 2 jeweils etwas größere nebeneinander.
Außer auf der Startseite ist nirgends ein Slider...mit Ausnahme "Kontakt" Also entweder überrall oder nirgends (außer Startseite natürlich)

>> Dein Hintergrundbild wird nicht "gekachelt" sondern maximal in Breite und Höhe gezogen, nicht schön.

Zitat

body {
background: url("../../../../themes/dt-the7/images/backgrounds/patterns/full/escheresque_ste.png") [COLOR=#b22222]no-repeat[/COLOR] [COLOR=#b22222]fixed center center / cover [/COLOR]#fcfcfc;

}

die Definition in deiner style.css ist für nen full-background, nicht für ein pattern, wie du es verwendest. kannst ja mal probeweise das Rote rausnehmen mit Strg-X. Wenn es nicht gefällt mit Strg-V wieder einsetzen.

Auch wenn es wieder nur etwas Negatives ist, der Slider auf der Startseite ist immer noch zu verspielt. Das wirkt eben nicht professionell.

Den Fehler machen (am Anfang) auch viele Hobby-Filmer/YouTuber. Das Video-Schnitt-Programm bietet ja sooo viele tolle Effekte und Blenden, da wird erstmal ins Volle gegriffen. Jede Szene wird mit einer anderen Blende geschnitten.

Genau so ist es mit den Slidern. Man muß nicht alle Effekte, die es da gibt, auch anwenden.
Such Dir eine Überblendung aus, und die ist es dann. Eine einfache Wischblende tut es in der Regel.

Auch das Einschweben der Schriften und Logos wirkt amateurhaft. Alles was nach dem Bild dazukommt, sollte sofort da stehe, wo es hingehört und vielleicht mit einer kurzen, einfachen Blende erscheinen.

Ich würde das so machen. Bild 3 Sekunden stehen lassen, dann den Text und die Logos einblenden und so lange stehen lassen, bis Du den Text zweimal gelesen hast. Dann Wechsel zum nächsten Bild.

Zum Abschluß doch noch etwas Positives: Du bist auf einem guten Weg. :-)

Gruß
Ingo

Die Liste der 'Verfehlungen' ist zu lang um sie hier zu schreiben. Die Seite ist wieder einmal ein gutes Beispiel dafür, was bei DIYS herauskommen kann.

Bei mir sähe das so aus, wenn ich Fliesen verlegen würde. Nur weil ich die im Baumarkt mit Kleber und Kelle bekomme und es eine Videoanleitung gibt, bedeutet das eben noch nicht, dass das Resultat gut wird. Für private Zwecke, also bei mir im Keller, ist das egal aber wenn ich den Showroom meiner Firma, Deine Webseite, auf diese Weise 'bastle', hat das gewaltige Außenwirkung auf die Kunden. Hier wurde am falschen Ende gespart.

Zum Design ist ja schon einiges gesagt worden, zur Sicherheit ist mir aufgefallen, dass du zwei leicht zu findende Benutzer hast:

• User ID 1 : julien
• User ID 2 : wobo

Die sind leichtes Futter für Brute Force Angriffe :/

Wobo21 wie ich schon sagte, die Liste der Verfehlungen ist ellenlang, das fängt bei der Fontgröße und dem Zeilendurchschuß an, geht über das Farbendurcheinander im Text, die falschen Proportionen, die Zusammenhanglosen Bilder, den Slider ... und hört bei der Nichteinhaltung von Richtlinien und gesetzlichen Vorgaben auf. Das ist laienhaft und so sieht die Seite eben aus.

wobo - die Nutzer ID lassen sich beispielsweise mit dem Search&replace Plugin abändern, dort gibt es das Feld UserId.

Hey,

also ich könnte einiges schreiben, aber das was du umbedingt ändern musst sind die Ladezeiten. Die sind echt zu lange. So lange, dass die Absprungrate sehr hoch sein wird.

Du musst mal gucken woran es liegt, evtl hilft auch ein Caching der Website. Obwohl dann der erste Zugriff immer noch recht lange wäre. Check mal deine Ladezeiten hier http://tools.pingdom.com/fpt/.

Grüße
Ralph

Hast du .png Bilder oder eher Format jpg/gif?

PNG ist schon recht sparsam und diese kannst du dann immer noch weiter "kleinoptimieren".

Aber 10 Sekunden sind nicht gut, wenn du an die 2 Sekunden kommst geht es in die richtige Richtung.

PS: Habe gerade noch mal nachgesehen, also

- Die Website ist zu "groß" 4,6 MB kann bei welchen mit einer kleineren Leitung oder sogar UMTS ewig dauern.
- Du hast einige PNG Bilder, nimm dir mal jedes und hau es hier rein https://tinypng.com/ ( da hast du die Möglichkeit deine PNG´s noch etwas kleiner von der Größe her zu machen. Qualität sinkt dadurch nicht so stark, dass man es erkennt.
- Deine Requests sind sehr hoch, kannst du die evtl durch Sprites oder andere Methoden kleiner halten?

Ob man für ein Bild JPEG oder PNG nimmt, hängt von der Art des Bildes ab. Für alles was Fotos sind, ist JPEG besser geeignet, für Grafiken und Logos meist PNG.

Ganz konkret:
Die Bilder Bad-mit-WT.png, Terasse.png und Visitenkarte-Crombach.png wären als JPEG deutlich kleiner. So würde Terasse (jetzt 820 kB) mit 75% JPEG-Qualität nur noch ca. 160 kB groß sein.
Bei den Logos bringt PNG allerdings nur etwas, wenn das Ausgangsbild nicht mit JPEG-Artefakten "verseucht" ist, wie z.B. [Blockierte Grafik: http://fliesencrombach.de/wp-content/uploads/2015/01/PCI.png]. Das ist eigentlich ein optimales Logo für das PNG-Format, nur eben nicht so.

Gruß
Ingo