Redesign

kaffeeringe.de im neuen Look

Kommentare

  1. Avatar von Dennis

    Na, wenn du mich schon erwähnst, dann will ich doch zumin­dest zu den Ers­ten gehö­ren, die ein paar Wor­te zum Rede­sign verlieren:
    Das neue, mini­ma­lis­ti­sche Design gefällt mir rich­tig gut. Die Ent­schei­dung, die Kaf­fee­rin­ge zu über­ar­bei­ten und in das Logo zu inte­grie­ren, hal­te ich für rich­tig, zumal du mit der sti­li­sier­ten Form jetzt auch ein biss­chen mehr machen kannst (z.B. auf 6 Meter Ban­ner drucken).
    Dadurch, dass du die zusätz­li­chen Spal­ten ent­fernt hast, fällt der Fokus sofort auf das Wesent­li­che, den Arti­kel. Das war bei dei­nem letz­ten Design nicht unbe­dingt der Fall. Ich wür­de mir viel­leicht noch mal die Lauf­wei­te des Tex­tes und den Zei­len­ab­stand etwas genau­er anschau­en, weil es auf klei­nen Bild­schir­men noch nicht ganz so ein­fach ist, in die nächs­te Zei­le zu sprin­gen, aber sonst gefällt es mir.
    Wird denn im nächs­ten Schritt noch eine Respon­se-Ver­si­on fol­gen? Dann wür­de es auf jeden Fall noch etwas leich­ter fal­len, dei­ne Arti­kel auf dem Smart­phone zu lesen.

  2. Avatar von Steffen Voß

    Dan­ke für das Lob. 😉
    Respon­si­ve-Design steht auf der Lis­te. Auch das ist sicher­lich ein­fa­cher mit einem schlich­ten Lay­out und schlan­kem CSS.

  3. Avatar von Patrick Cornelißen

    Mir gefällt das neue Design sehr gut. Es ist klar, sau­ber ohne viel Schnörkel!

  4. Avatar von Jan-Hendrik Oldag

    Schick und kon­se­quent durchgezogen—sehr gelungen!
    Eine Fra­ge zum „jus­ti­fy“: Musst du sämt­li­che soft hyphens selbst definieren?
    Und zum Logo: Ohne Schrift­zug wäre es natür­lich erheb­lich cooler 😉

  5. Avatar von Steffen Voß

    Dan­ke!
    Die Soft-Hyphen setzt WP-Typo­gra­phy. Das wie­der­um benutzt die Klas­se PHP-Typo­gra­phy.
    Das mit dem Logo ohne Schrift­zug wer­de ich ein­fach mal tes­ten, glau­be ich 😀

  6. Avatar von Moritz Avenarius
    Moritz Avenarius

    Top! Mini­ma­lizm rulesz!

  7. Avatar von Axel Guckelsberger

    Hal­lo Steffen,
    das Rede­sign gefällt mir sehr gut. Der mini­ma­lis­ti­sche Ansatz sorgt dafür, dass die ver­blei­ben­den Ele­men­te ihren ver­dien­ten Stel­len­wert erhal­ten. Die Fotos wür­de ich jedoch nicht kom­plett raus­wer­fen, denn die Bild­spra­che hal­te ich bei den meis­ten Arti­keln Dei­ner Sei­te für sehr gelungen.
    Auf der Start­sei­te gibt es ein klei­nes Pro­blem: durch das auto­ma­ti­sche Nach­la­den der Arti­kel kommt man eigent­lich nie dazu, den Foo­ter dau­er­haft zu sehen um sich die Tele­fon­num­mer abzu­tip­pen oder auf den E‑Mail-Link zu klicken.

  8. Avatar von Martin

    Hi Stef­fen,
    tech­nisch und auch zum The­ma „weg­las­sen“ bei­de Dau­men nach oben. Merk­wür­dig aber, dass der Klick auf ein Bild erst einen Arti­kel auf­ruft, in dem man dann erneut kli­cken muss, um das Bild groß zu sehen.
    In Sachen Design schlie­ße ich mich an, dass weni­ger mehr sein kann, bin aber vom jet­zi­gen Stand alles ande­re als geflasht. Der Schrift­schnitt wirkt hier sehr mäch­tig, dazu wenig Durch­schuss (Chro­me 20.0). Vor allem die Head­lines wir­ken sehr schwer. Dazu mag ich per­sön­lich das Ocker gar nicht 🙁 Sobald das Logo beim Lesen oben raus gescrollt wur­de, wirkt die Sei­te etwas „schief“, näm­lich so „fast zen­triert“, das gilt vor allem für höhe­ren Auf­lö­sun­gen. Die Rah­men wir­ken sehr sehr leicht. Ins­ge­samt wün­sche ich mir auch mehr Far­be und mehr Flä­chen. Beim Foo­ter fän­de ich es edler, wenn unter­halb der Info­zei­le noch etwas „Luft“ bliebe.
    Also im Detail viel­leicht noch Luft nach oben 🙂

  9. Avatar von Steffen Voß

    Dan­ke für das Feedback!
    Ich habe ein paar von Euren Tipps umge­setzt und ein­fach mal aus­pro­biert, wie es mit dem Logo und ohne Schrift­zug aus­sieht. Das gefällt mir ganz gut. Was meint ihr?

  10. Avatar von Axel Guckelsberger

    Ich fand den Logo mit Schrift­zug schö­ner, aber im End­ef­fekt ist es immer Geschmackssache 😉

  11. Avatar von Alex

    Also mir per­sön­lich gefiel das „alte“ Design recht gut. Anfangs dach­te ich beim neu­en Design, ich wür­de auf die mobi­le Sei­te wei­ter­ge­lei­tet wor­den sein 😉
    Ich fin­de die­ses sehr mini­ma­lis­ti­sche Design ziem­lich mutig, kann mich aller­dings gut damit anfreun­den. So wird dem eigent­li­chen Con­tent mehr Auf­merk­sam­keit geschenkt und die Usa­bi­li­ty ist nicht zu sehr eing­schränkt – auch wenn mich die feh­len­de Navi­ga­ti­on anfangs schon gestört hat – oder zumin­dest die Mög­lich­keit „wei­ter­zu­blät­tern“.
    Trotz alle dem fin­de ich das neue Design echt gelungen!

  12. Avatar von Dieter

    Moin Stef­fen.
    Jetzt bin ich hin und her geris­sen. Auf der einen Sei­te gefällt mir die strin­gen­te Reduk­ti­on aufs Wesent­li­che und die dadurch erhöh­te Les­bar­keit der Tex­te im neu­en Design sehr gut. Auf der ande­ren Sei­te dach­te ich vor ein paar Tagen noch so: »Die Sei­te vom Stef­fen sieht ja mal klas­se aus, so mit den orga­ni­schen Ele­men­ten (rea­lis­ti­scher Tas­sen­ab­druck + Papier­si­mu­la­ti­on). Ich muss ihn unbe­dingt mal fra­gen, wie er das gemacht hat und ob ich davon abkup­fern darf.« Das alte Design war ein­fach »nett«. Und ich fand es auch nicht zu über­la­den, son­dern auf gemüt­li­che Wei­se anspre­chend. Ver­gli­chen mit dem neu­en hier lie­gen natür­lich Wel­ten dazwi­schen. Mir fehlt die Papier­si­mu­la­ti­on. Das Rede­sign emp­fin­de ich als ist sehr praktisch/​funktional, aber lei­der auch als glatt/​kalt.
    Dan­ke für Dei­nen aus­führ­li­chen Text zu Dei­nen Über­le­gun­gen. Dein Gedan­ken­gang wird nach­voll­zieh­bar dar­ge­stellt und dadurch sehr lehr­reich bzw. wirkt anre­gend über die eige­ne Sei­te noch­mal nachzudenken.
    Vie­le Grüße,
    Dieter

  13. Avatar von Erinaceus
    Erinaceus

    An sich nicht schlecht, nur für klei­ne Bild­schir­me nicht geeig­net. Um Blog­ein­trä­ge lesen zu kön­nen muss ich erst nach rechts scrol­len. Wenn ich das mache, über­deckt das „Kaffeeringe“-Logo den Text.

  14. Avatar von Thorsten Panknin
    Thorsten Panknin

    Hal­lo Steffen,
    ich fin­de die Reduk­ti­on auf das Wesent­li­che sehr gut. Alle zumin­dest für mich inter­es­san­ten Meta-Daten sind auch gut zu fin­den und die Les­bar­keit der Inhal­te hat gewon­nen. Arti­kel sind klar struk­tu­riert und eine Schrift­grö­ße von 16px fin­de ich sehr angenehm.
    Die sti­li­sier­ten Kaf­fee­fle­cken wol­len mir nicht so recht gefal­len, da sie auf mich nicht mehr so orga­nisch wir­ken wie vor­her; ohne den Kaf­fee­rin­ge-Text hän­gen sie für mich zusätz­lich eher „komisch“ oben links her­um. Das als per­ma­nent sicht­ba­ren Link zur Start­sei­te zu nut­zen, ist eine gute Idee. Als Toplink fän­de ich es noch besser.
    Die dün­ne Umriss­li­nie um den Inhalt fin­de ich irgend­wie wirk­lich „dün­ne“ und erfüllt für mich kei­nen sicht­ba­ren Zweck. Im Gegen­teil glau­be ich, dass das Lay­out ohne die Kon­tur auch funk­tio­nie­ren oder sogar gewin­nen wür­de … allein durch den Block­satz wer­den kla­re Lini­en defi­niert, eine Abgren­zung nach außen erscheint mir unnötigt.
    Les­bar­keit für den Gewinn 🙂

  15. Avatar von Dirk Lerche
    Dirk Lerche

    Ein gelun­ge­nes Lay­out und ein inter­es­san­ter Artikel.

  16. Avatar von Markus

    Hal­lo,
    schö­nes neu­es Design, gefällt mir gut! 🙂
    Ich fän­de es jedoch gut, wenn es wie­der den RSS-Feed-But­ton oder wenigs­tens einen Link zum RSS-Feed gibt. Wenn mich eine Website/​ein Blog inter­es­siert, dann schau’ ich zuerst, ob es einen RSS-Feed oder einen Twit­ter-Account gibt. Das möch­te ich direkt sehen und nicht erst mei­nen Rea­der starten 😉 .
    Wei­ter so!
    Grüße,
    Markus

  17. Avatar von Steffen Voß

    @Markus: Ich habs jetzt ein­fach mal ver­sucht. Fin­dest Du die Buttons? 😉

  18. Avatar von Kai Breker
    Kai Breker

    Ich fin­de das neue Design auch sehr wer­tig und gefäl­lig. Aber mir fehlt ein Suchfeld.
    Wür­de sich so ein klei­nes unauf­fäl­li­ges Such­feld unter den Kaf­fe­rin­gen nicht gut machen? 😉

  19. Avatar von KChristoph

    Schön.
    Mei­ne Kaf­fee­rin­ge sind immer etwas klecksiger …

  20. […] altes Lay­out stamm­te aus dem Som­mer 2012. Das hat­te ich damals kom­plett selbst erstellt. Kei­ne Frameworks. […]

  21. […] altes Lay­out stamm­te aus dem Som­mer 2012. Das hat­te ich damals komplett […]

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert