Drupal-Site für einen Büromöbelhersteller
am 08.06.2006 - 09:31 Uhr in
lindemann.de ist einer der größten Büromöbelhersteller in Berlin. Wir haben die Site in den letzten 6 Wochen mit der CVS-Version entwickelt und Anfang Juni mit dem 4.7-Release veröffentlicht (an dieser Stelle nochmals ein riesengroßes Dankeschön an die Entwickler dieses hervorragenden CMS).
Das Design sollte den Imagewechsel vom "Nur"-Hersteller u. Verkäufer zum Raumkonzepter verdeutlichen. Wir haben uns für ein einfaches und klares, zweispaltiges Design mit einer kraftvollen Bild-Komponente entschieden, um besonders kreative Zielgruppen - wie Innenarchitekten - anzusprechen.
Wir haben folgende "third party modules" verwendet (die meisten leicht modifiziert über die template.php): CCK, Event, Front page, Image, Sign up, Simple news, Taxonomy context, Weight.
Die primäre und sekundäre Navigation wurden per include mit eigenem Code realisiert, um Bild-Links und Access-Keys zu verwenden und die Entfernung des Menü-Links auf der jeweils aktiven Seite zu erreichen. Leider haben wir keine Möglichkeit gesehen, dies mit den Default-Menus von Drupal zu realisieren.
Es war wirklich eine Freude, diese Site mit Drupal zu bauen, und eure Feedbacks (positiv wie negativ) werden gerne gelesen!
- Anmelden oder Registrieren um Kommentare zu schreiben
Sehr schön
am 08.06.2006 - 10:26 Uhr
leider wird oben sehr viel Platz verschwendet.
Zur Navigation: die Default-Menus oder auch neu angelegte, lassen sich per CSS doch beliebig stylen.
Eine Navigation, die nicht übers CMS zu pflegen ist, wird immer irgendwann zum Problem.
Meinolf
--------------------
http://www.mdwp.de
http://drupal.mdwp.de
http://www.go-with-us.de
vg
md - DrupalCenter.de
mdwp* Drupal Consulting & Services
Danke für das Feedback
am 08.06.2006 - 11:00 Uhr
Hi Meinolf, danke für Dein Feedback :-)
Es stimmt, viel Platz wird dem Eyecatcher-Bild eingeräumt. Bei der anvisierten Zielgruppe und dem Thema "Raumkonzept" soll ein wichtiger Part der Information über das Bild transportiert werden - deshalb sehe ich es nicht als "Verschwendung" von Platz. Die Designkomponente ist hier sehr wichtig und erhält dementsprechend Platz zugewiesen.
Bei der primary u. secondary navigation sind wir auch lange in uns gegangen, ob wir hier das CMS verlassen sollen. Da bei einer eventuellen Menüänderung sowieso neue Grafiken angefertigt werden müssen, haben wir uns letztendlich doch für eine kompromisslose Navigation mit Access keys und url-abhängiger Linkentfernung per include entschieden. Mit dem Kunden wurde dies abgestimmt, und die Haupt-Navigation wird/sollte sich eh nicht so schnell ändern. Hoffentlich ;-)
Danke,
René
Daumen drücken
am 08.06.2006 - 11:15 Uhr
Mit dem Kunden wurde dies abgestimmt, und die Haupt-Navigation wird/sollte sich eh nicht so schnell ändern.
Dann drück ich euch dafür die Daumen. Hab ich auch schon oft gehört.
Auf jeden Fall ist die Site ein gelungenes Beispiel einer Corporate Site die zeigt, dass man mit Drupal auch hochwertige Layouts umsetzen kann.
Und: das auch bildlastige Sites standardkonform und nahezu barrierefrei sein können!
Meinolf
--------------------
http://www.mdwp.de
http://drupal.mdwp.de
http://www.go-with-us.de
vg
md - DrupalCenter.de
mdwp* Drupal Consulting & Services
Imageseite ;-)
am 08.06.2006 - 19:22 Uhr
doch, jetzt kriegt Ihr auch nen Kommentar:
Bild und Platz find ich ok (auch die Stufe in der Menüzeile finde ich gelungen), aber ich hab 2 Probleme:
- Die feste Breite führt bei mir zu einem rechts breiten braunen Rand, der den Gesamteindruck "herunter zieht", wenn man schon optisch argumentiert (beim Notebook würde mir das wohl weniger auffallen) ... Vorschlag: vielleicht hilft seitliches Zentrieren etwas, oder ein Rand mit neutralerer Farbe. Noch besser vielleicht ain background-repeat im CSS "nur für die rechte Spalte" mit einem angepassten Bild? Oder alles zusammen?
- das "Hausmachermenü" kennt (bei mir) kein Maus-over ("a:hover" und so), im Gegensatz zu den Drupalinternen Links. Ich solpere mit sowas bei der Benutzung, ich erwarted daß sich Links mir verraten, wenn ich mich mit der Maus nähere. Das sollte doch keine Affäre sein, das im CSS richtig zu machen ...
ich hoffe Euch ist die Rückmeldung recht ...
Übrigens: Eine genauere Beschreibung für das Menü-Modul, was für Euer Anliegen fehlt, fände ich auch interessant. Ich hab den Eindruck, daß die Mächtigkeit von CSS oft unterschätzt wird. Andererseits habt Ihr vielleicht ideen, die auch in das existierende Modul reinpasssen würden, wenn die Anregung nur die richtigen Leute erreicht ...
(Camino/JS immer off)
--
http://amazonas.the-dot.de
https://amazonas-box.de
https://muenchen.social/@Franz
Re: Imageseite ;-)
am 10.06.2006 - 13:56 Uhr
Hi Franz, auch Dir danke für Dein Feedback!
Die feste Breite führt bei mir zu einem rechts breiten braunen Rand, der den Gesamteindruck "herunter zieht", ...
Mit diesem Kompromiss müssen Seiten, die auf 800px gefixt sind, leben. Wir haben durch den weichen Übergang des Bildes in den Body-Background versucht, dennoch einen ganzheitlichen Eindruck auch bei Vollbild-Surfern zu hinterlassen. Die gleichen Vollbildsurfer hätten als Alternative (bei einem flexiblen Design) mit überlangen Sätzen zu kämpfen. Die primäre Zielgruppe ist web-technisch nicht so versiert, um auf die Idee zu kommen, das Fenster dann kleiner zu ziehen.
das "Hausmachermenü" kennt (bei mir) kein Maus-over ("a:hover" und so), im Gegensatz zu den Drupalinternen Links. Ich solpere mit sowas bei der Benutzung, ich erwarted daß sich Links mir verraten, wenn ich mich mit der Maus nähere. Das sollte doch keine Affäre sein, das im CSS richtig zu machen ...
Wir verwenden hier "Bild-als-Text"-Links. Um bei gleicher Typo diesen Hover-Effekt mit CSS zu bekommen, müssten wir reine Text-Links mit Background-Images nehmen und mit Visibility/Display-Tricks arbeiten - die allesamt ihre Nachteile bei der Usability haben. IMHO ist hier die Verwendung von Images mit Alt-Attribut die sicherste und zugänglichste Lösung. Wenn es nicht gerade um die Navigation geht, arbeite ich hingegen auch gerne mal mit Background-Images...
Sofern Du übrigens JavaScript aktivierst, bekommst Du auch hier einen Hover-Effekt angeboten. Wenn JavaScript deaktiviert ist, sollte der veränderte Mauszeiger ausreichend Information darüber geben, dass es Links sind.
Vielleicht probiere ich noch eine Lösung mit CSS-Border als Hover-Effekt. Dann können wir bei den Images bleiben und würden auch User mit deaktiviertem JavaScript ein Hover anbieten.
ich hoffe Euch ist die Rückmeldung recht ...
Selbstverständlich :-) Aber kannst Du mir noch erläutern, was "Hausmacher-Links" sind? Der Begriff ist mir noch nicht untergekommen.
Vielen Dank und ein schönes Wochenende,
René
Ich habe mir die Seite in
am 10.06.2006 - 16:17 Uhr
Ich habe mir die Seite in einer 1280x Auflösung angeschaut, und mich stört der Rand an der rechten Seite nicht. Im Gegenteil, es ist sehr gut, daß der Rand so unauffällig ist - so wird man nicht verleitet, ihn sich anzuschauen, sondern nimmt eben das Bild bzw. den eigentlichen Inhalt in Fokus. Was mich da schon mehr gestört hat (aber nicht zu vermeiden ist), ist der Farbwechsel je nach Bild. Da kommt man plötzlich von einer hellen, braunen Seite auf eine dunkelst blaue.
Schwierig zu lesen wegen Kontrastproblemen sind die Texte bei dem abgesetzten Menü auf der linken Seite, da hier helle Schrift auf das helle Hintergrundbild fällt. Einzige Ausnahme ist 'Produktion', da das Hintergrundbild an der Stelle dunkel ist. Auf der rechten Seite wurde das bei den Menüpunkten News/Download/Kontakt gelöst, indem dieser Text mit einer leicht dunkleren Variante der Hintergrundfarbe hinterlegt wird. Vielleicht kann man auf der linken Seite ja auch zu diesem Mittel greifen. Gleichzeitig haben aber die Menüpunkte News/Download/Kontakt das Problem, wenn sie aktiv oder per Mouseover gehighlighted sind, daß der Text sich so stark der Hintergrundfarbe annähert, daß er wieder sehr schlecht zu lesen ist. Es wird nicht gehighlighted, sondern blass.
WAS MICH SONST NOCH STÖRT SIND SÄTZE DIE DURCHGEHEND IN GROSSBUCHSTABEN GESCHRIEBEN SIND (oder per CSS so erscheinen). Insbesondere der Satz 'Lindemann ist eine der bedeutendsten Büromöbelfabriken Berlins.' wirkt in diesem Stil auf mich großkotzig, angeberisch, negativ. In Webforen und Chats wird diese Schreibweise auch gerne als 'Geschrei' interpretiert. Auf dieses Mittel der Hervorhebung ist daher besser zu verzichten.
Allgemein, eine sehr schöne Seite. Würde ich selbst ohne weiteres so nicht hinbekommen.
Re: Ich habe mir die Seite in
am 10.06.2006 - 21:41 Uhr
Hallo frostschutz, vielen Dank für Dein Feedback! Du sprichst hier ein paar Punkte an, für die ich Dir danke und die ich gerne annehme.
Schwierig zu lesen wegen Kontrastproblemen sind die Texte bei dem abgesetzten Menü auf der linken Seite, da hier helle Schrift auf das helle Hintergrundbild fällt.
Das werden wir wohl so belassen, weil gemäß Designkonzept die Schrift hälftig über Sidebar-Balken und Background-Image liegen soll. Wenn es nicht immer optimal zu lesen ist, halte ich das nicht für schlimm, weil der Rubrik-Standort auch an anderen Stellen deutlich gemacht wird. Wir sehen die Schrift über der Sidebar tatsächlich mehr als stilistisches Mittel statt als unbedingt lesbaren Location-Hinweis an.
Gleichzeitig haben aber die Menüpunkte News/Download/Kontakt das Problem, wenn sie aktiv oder per Mouseover gehighlighted sind, daß der Text sich so stark der Hintergrundfarbe annähert, daß er wieder sehr schlecht zu lesen ist. Es wird nicht gehighlighted, sondern blass.
Das stimmt. Das ist definitiv nicht optimal und wir werden uns die Secondary-Nav auf jeden Fall nochmal vornehmen!
WAS MICH SONST NOCH STÖRT SIND SÄTZE DIE DURCHGEHEND IN GROSSBUCHSTABEN GESCHRIEBEN SIND
Ich sehe dies hier nicht so eng. lindemann.de ist eine Marketing-Site und keine Newsgroup. Ich denke, Hervorhebungen sind hier durchaus angebracht, nicht nur für Suchmaschinen. Und Großschrift am Beginn eines Themas/Absatzes ist ein nicht unübliches stilistisches Mittel (man hätte es auch fett machen können). Nichtsdestotrotz stimme ich Dir dahingehend zu, dass wir dies etwas dezenter tun sollten (gerade auch bei dem von Dir genannten Beispiel). Die Hervorhebungen sollen mehr als stilistisches Mittel wirken und nicht unbedingt so, als ob man es nötig hätte, etwas zu betonen.
Es freut mich, wenn Dir die Site ansonsten gut gefällt und ich danke Dir für Deine Kritik, die in unseren Augen zwei Mankos nochmal deutlich gemacht hat, an denen wir noch schrauben werden!
Viele Grüße und schönes Wochenende,
René