[seeedsoundjunkie | Onlineshop] Websitenkritik

[seeedsoundjunkie | Onlineshop] Websitenkritik | PSD-Tutorials.de

Erstellt von seeedsoundjunkie, 26.04.2012.

  1. seeedsoundjunkie

    seeedsoundjunkie Noch nicht viel geschrieben

    Dabei seit:
    08.01.2011
    Beiträge:
    14
    Geschlecht:
    männlich
    Software:
    Photoshop CS5, Dreamweaver CS5, Illustrator CS5, Flash CS5
    [seeedsoundjunkie | Onlineshop] Websitenkritik
    Hallo liebe Freunde,

    ich baue gerade meine Website auf und mein bisheriger Versuch setzt auf ein absolut schlichtes Design. Ich würde mich über Feedback bezüglich des Designs freuen (und auch bezüglich des Codes, falls sich jemand die Mühe macht). Dass es sich nicht um reine Werbung handelt, soll nur noch einmal festgehalten werden.

    www.riff-lifestyle.de

    mfG
    Tristan
     
    #1      
  2. TutKit

    TutKit Vollzugriff

    Vollzugriff auf sämtliche Inhalte für Photoshop, InDesign, Affinity, 3D, Video & Office

    Suchst du einen effektiven Weg, um deine Geschäftsideen aber auch persönlichen Kenntnisse zu fördern? Teste unsere Lösung mit Vollzugriff auf Tutorials und Vorlagen/Erweiterungen, die dich schneller zum Ziel bringen. Klicke jetzt hier und teste uns kostenlos!

  3. Myhar

    Myhar Hat es drauf

    Dabei seit:
    01.11.2007
    Beiträge:
    2.278
    Geschlecht:
    männlich
    Ort:
    Ö
    [seeedsoundjunkie | Onlineshop] Websitenkritik
    AW: [seeedsoundjunkie | Onlineshop] Websitenkritik

    Enter Pages sind so 1990 ;) Damals war so etwas sicher modern. Heute macht man so etwas nicht (mehr).
    Klassische Anfängerfehler:
    Menü mit Listen umsetzen und Trennstriche ( '|' ) mit border umsetzen.
    position:absolute vermeiden
    Fixe Größen für (nicht nur) div Container (also in höhe und Breite) unterlassen. Eine Beschränkung ist ausreichend und erlaubt ein skalieren von Elementen
    onload Event im Body lieber durch onDOMReady im JS ersetzen
     
    #2      
  4. Pionierbrigade70

    Pionierbrigade70 Developer

    Dabei seit:
    25.07.2010
    Beiträge:
    1.858
    Ort:
    Nur auf persöhnliche Anfrage
    Software:
    PS CS5, Illustrator Cs5, Fireworks Cs5, Corel X5
    Kameratyp:
    Nikon D90
    [seeedsoundjunkie | Onlineshop] Websitenkritik
    AW: [seeedsoundjunkie | Onlineshop] Websitenkritik

    Interessante Taschen. Mir gefällt die Aufmachung.
     
    #3      
  5. seeedsoundjunkie

    seeedsoundjunkie Noch nicht viel geschrieben

    Dabei seit:
    08.01.2011
    Beiträge:
    14
    Geschlecht:
    männlich
    Software:
    Photoshop CS5, Dreamweaver CS5, Illustrator CS5, Flash CS5
    [seeedsoundjunkie | Onlineshop] Websitenkritik
    AW: [seeedsoundjunkie | Onlineshop] Websitenkritik

    Vielen Dank für die fixe Antwort. Ich habe nur eine Frage: was genau meinst du mit Beschränkungen? Ein Tag wie maxwidth oder ähnliches existiert doch nicht, oder?
     
    #4      
  6. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    [seeedsoundjunkie | Onlineshop] Websitenkritik
    AW: [seeedsoundjunkie | Onlineshop] Websitenkritik

    Also Myhar hat die Listen schon angesprochen. Außerdem braucht man für die Galery keine schweres Flash, was die Seite auch ziemlich ausbremst - geht alles mit entsprechenden Plugins für Javascriptframeworks wie jQuery..
     
    #5      
  7. seeedsoundjunkie

    seeedsoundjunkie Noch nicht viel geschrieben

    Dabei seit:
    08.01.2011
    Beiträge:
    14
    Geschlecht:
    männlich
    Software:
    Photoshop CS5, Dreamweaver CS5, Illustrator CS5, Flash CS5
    [seeedsoundjunkie | Onlineshop] Websitenkritik
    AW: [seeedsoundjunkie | Onlineshop] Websitenkritik

    Ich habe überlegt, ob sich die Gallery vielleicht besser lösen lässt, indem die Vorschaubilder via js das große Bild in einem iframe steuern. Hat da einer Erfahrung?

    Edit: Damit würde man das (zugegebenermaßen) sehr große js-script vermeiden...
     
    #6      
  8. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    [seeedsoundjunkie | Onlineshop] Websitenkritik
    AW: [seeedsoundjunkie | Onlineshop] Websitenkritik

    Also bisher habe ich mit fertigen jQuerylösungen nur gute Erfahrungen gemacht.. Zu iframes kann ich nichts sagen..

    http://www.twospy.com/galleriffic/example-2.htmlDokumentation
     
    #7      
  9. Myhar

    Myhar Hat es drauf

    Dabei seit:
    01.11.2007
    Beiträge:
    2.278
    Geschlecht:
    männlich
    Ort:
    Ö
    [seeedsoundjunkie | Onlineshop] Websitenkritik
    AW: [seeedsoundjunkie | Onlineshop] Websitenkritik

    wieso willst du das in einem iframe anzeigen?
    Bzw. bevor du diesen Punkt angehst würde ich lieber die code-struktur komplett überarbeiten.
    Einen Tag maxwidth gibt es nicht, aber ein CSS Attribut sehr wohl.
     
    #8      
  10. seeedsoundjunkie

    seeedsoundjunkie Noch nicht viel geschrieben

    Dabei seit:
    08.01.2011
    Beiträge:
    14
    Geschlecht:
    männlich
    Software:
    Photoshop CS5, Dreamweaver CS5, Illustrator CS5, Flash CS5
    [seeedsoundjunkie | Onlineshop] Websitenkritik
    AW: [seeedsoundjunkie | Onlineshop] Websitenkritik

    Ach, das schreit ja nach Neubearbeitung. Wie ist denn die beste Lösung eines Menüs gewährleistet? Jedem Punkt ein eigenes div zuordnen?
     
    #9      
  11. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    [seeedsoundjunkie | Onlineshop] Websitenkritik
    AW: [seeedsoundjunkie | Onlineshop] Websitenkritik

    Nein, wie Myhar schon gesagt hat: Mit listen. (genauer: ungeordnete Liste)
     
    #10      
  12. Pamparotzi

    Pamparotzi Guest

    [seeedsoundjunkie | Onlineshop] Websitenkritik
    AW: [seeedsoundjunkie | Onlineshop] Websitenkritik

    Die Navigation mit einer Liste zu realisieren war für mich bis vor Kurzem auch neu. Diese Methode hat einige Vorteile und ist nebenher sogar noch Barrierefrei. Ich habe eine ganze Weile dafür gebraucht das Prinzip zu verstehen, aber jetzt geht das ganz gut. Umgesetzt siehst du das in der Navigation bei meinem Übungsprojekt.

    Vielleicht hilft auch dieses Tutorial weiter.
     
    #11      
  13. Ingo1976

    Ingo1976 Noch nicht viel geschrieben

    Dabei seit:
    18.05.2012
    Beiträge:
    21
    Geschlecht:
    männlich
    [seeedsoundjunkie | Onlineshop] Websitenkritik
    #12      
  14. patrick_l

    patrick_l Hat es drauf

    22
    Dabei seit:
    11.05.2008
    Beiträge:
    7.629
    Geschlecht:
    männlich
    Ort:
    NRW
    Software:
    Adobe CC, Figma, Atom, VS Code, PHPStorm
    Kameratyp:
    Canon DSLR [...]
    [seeedsoundjunkie | Onlineshop] Websitenkritik
    AW: [seeedsoundjunkie | Onlineshop] Websitenkritik

    HTML:
    1. <ul>
    2. <li><a href="#">Punkt 1</a>
    3. <li><a href="#">Punkt 2</a>
    4. </ul>
    Eben! Die Liste anschließend mit CSS gestalten. Auch sollte die Hauptnavigation oben, links oder rechts stehen. Da man diese eigentlich auch an dieser Stelle suchen würde. Unten im Footer nur eine zusätzlich Navigation für Hinweise (Nutzungsbedingungen, Impressum etc.)

    Das Enterpages altbacken sind wurde ja bereits gesagt. Ansonsten finde ich die Website auch zu schlicht. Ein Shop sieht anders aus. Und das der Shop online ist, sollte klar sein. Muss also nicht nochmal extra in der Navigation erwähnt werden.

    Grüße Patrick
     
    #13      
  15. pascal.k

    pascal.k Basinga

    Dabei seit:
    12.09.2006
    Beiträge:
    177
    Geschlecht:
    männlich
    Ort:
    Reinheim
    Software:
    Adobe Creative Cloud
    Kameratyp:
    Canon EOS 5D Mark II
    [seeedsoundjunkie | Onlineshop] Websitenkritik
    AW: [seeedsoundjunkie | Onlineshop] Websitenkritik

    Habe nur mal schnell drüber geschaut. Das Design finde ich Ansprechend. Eine Sache zur Bestellabwicklung ist mir jedoch aufgefallen. Du schreibst "Absenden" statt "Kaufen" oder ähnlichem. Weiß nicht, ob du es auf z.B Folgeseiten beachtest, da ich nicht weiter geklickt habe. Trotzdem mal der Hinweis.
    - www.golem.de | Button Lösung bei Onlineshops
     
    #14      
Seobility SEO Tool
x
×
×