Wenn Ihr das hier lest, dann ist Euch wahrscheinlich aufgefallen, dass mein Blog einem kleinen Redesign unterzogen wurde. Irgendwann letztes Jahr hatte ich mich auf die Suche nach Designern und Programmierern gemacht, die diesen Job für mich übernehmen und ich bin fündig geworden. Die Jungs von Netzkunst24 haben sich sowohl Gedanken über das Design als auch die Umsetzung gemacht.
Vor allem sollte etwas mehr Platz im Contentbereich sein. Bildschirme werden immer größer und so wollte ich vor allem Artikeln mit Bildern etwas mehr Raum geben. Dazu wurde das ganze Drumehrum entsprechend angepasst. Noch immer gibt es zwei Seitenleisten, aber nun eine links und eine rechts. Die linke beinhaltet die Navigation und eigene Angebote, wie Links zu meinen Projekten oder Workshops. Die rechts Seite ist eher für externe Inhalte gedacht. Dort kommt Werbung rein. In Zukunft können dort die Buttons von Unternehmen direkt gebucht werden. Allerdings bedarf es noch ein wenig Zeit, bis das alles entsprechend gefüllt und umgebaut ist. Bis dahin wird das Konzept noch ein klein wenig “gedehnt” 😉
Neu ist vor allem auch der Workshopbereich. Durch die vielen Buchungen ist es oft vorgekommen, dass in meiner Abwesenheit mehrere Buchungen für einen Workshop aufgelaufen sind, obwohl gar nicht mehr genug Plätze frei waren. Das soll nun durch ein kleines Buchungssystem abgefangen werden. Auch ein kleiner Teil des Emailverkehrs soll automatisiert werden. Aber keine Angst, die Kommunikation soll so persönlich wie bisher bleiben.
Im unteren Bereich gibt es nun die letzten Artikel aus einigen ausgewählten Kategorien. Auch da muss ich ein wenig abwarten wie sich das entwickelt. Dafür werden weniger Beiträge auf der Startseite angezeigt. Ebenfalls neu ist der Footer, wo nun auch die Blogroll hin gewandert ist.
Das Logo trägt nun auch meinen Namen. Ich bin in der Zwickmühle, dass ich als Fotograf unter meinem Namen unterwegs bin, aber viele eher Neunzehn72 kennen. Das ist leider so gewachsen. Der kleine Zusatz soll zeigen, dass Neunzehn72 und Patrick Ludolph zusammen gehören.
Nun möchte ich aber noch den Jungs von Netzkunst24 die Chance geben sich hier kurz vorzustellen und selbst ein paar Worte zum neuen Neunzehn72 zu verlieren.
Ach ja: Bitte postet doch mal in den Kommentaren wie Ihr es findet und ob es Probleme gibt.
----------
Hilfe für den Relaunch von Neunzehn72 gesucht – so lautete der Aufruf von Patrick auf seinem Blog.
Das klingt nach einem spannenden Projekt dachten sich die Jungs von Netzkunst24 als sie den Aufruf lasen und Kontakt mit Patrick aufnahmen.
Nach den ersten Gesprächen stand schnell fest in welche Richtung sich das Redesign von neunzehn72.de entwickeln sollte. Bestehende Strukturen und Seiteninhalte sollen erhalten bleiben, jedoch in ein neues Gewand schlüpfen.
So begann man mit der Planung wie bei jedem Redesign-Projekt – mit einer Analyse des Ist-Zustandes. Was haben wir? Was haben wir nicht? Was ist gut? Was eher suboptimal?
Eine Hauptnavigation fehlt, da waren sich alle Beteiligten schnell einig und analysierten weiter. Netzkunst24 zerlegte den Blog in seine Einzelteile um diese anschließend gemeinsam mit Patrick nach Relevanz zu organisieren. Am Ende der Organisation stand ein Kompromiss aus der Sicht eines Blogbetreibers und der eines Webseitenbesuchers. Eine benutzerzentrierte Struktur, mit der beide Seite zufrieden sein konnten.
Auf verschiedene Skizzen folgten Mockups und ein erster Entwurf. Ein gemeinsamer Nenner zwischen Netzkunst24 und neunzehn72 war schnell gefunden. Nach wenigen Anpassungen stand das Grunddesign. Hinter den Kulissen von Netzkunst24 ging es jedoch noch weiter, denn neben einer reaktionsfähigen, mobilen Blogversion mussten auch die herkömmlichen Seiten gestaltet werden. Startseite, Unterseiten, Workshop Übersicht, Workshop Details – viele verschiedene und individuelle Unterseiten.
Einige Stunden und jede Menge Tassen Kaffee später steht das neue neunzehn72 – fast - an vielen Ecken und Kanten arbeiten wir weiterhin um das Blogsystem zu optimieren.
Was ist neu bei neunzehn72?
Sofort auffallend ist natürlich die veränderte Optik. Neues Schriftbild, verbesserter Lesefluss und eine angepasste Seitenstruktur sollen den Besucherfluss optimieren und die User-Experience verbessern. Die Hauptnavigation soll neuen Besuchern den Einstieg auf neunzehn72.de erleichtern und die Hauptnavigationspunkte mehr in den Fokus setzen.
Zudem finden alle potentiellen Workshop-Teilnehmer bereits auf der Startseite eine kleine Auswahl an Fotokursen und können diese nun über das integrierte und individualisierte Buchungssystem belegen. Neu ist auch die Platzierung der aktuellen Youtube-Videos in der Sidebar.
Die “interaktiven” Blogleser werden relativ schnell auf die neue Gestaltung der Kommentare stoßen. Durch eine optimierte Gestaltung der Kommentare ist dieser Bereich nun deutlich übersichtlicher geworden und lädt zum lesen ein. War es an dieser Stelle bisher etwas problematisch zwischen Kommentaren und Antworten auf Kommentare zu unterscheiden, schafft das neue Design hier etwas Abhilfe.
Alle Freunde des Scrollens werden zudem einen neuen Footer entdecken. Hier stellt sich Patrick kurz vor, zeigt “upcoming” Fotokurse und interessante Links zu anderen Webseiten.
Die wohl wichtigste Neuerung liegt aber eher im Detail – im Responsive Webdesign. Ob Smartphone oder Tablet, künftig kann auch mobil auf neunzehn72 gesurft werden. Und zwar mit einer für mobile Endgeräte optimierten Darstellung. Auch auf verschiedene Browsergrößen reagiert das neue neunzehn72 künftig mit einer automatischen Anpassung von Inhalt und Textbreite. Probiert es doch einfach mal aus.
Für Netzkunst24 bedeutete neunzehn72 ein spannendes Projekt mit vielen individuellen Anpassungen.
Wer ist Netzkunst24?
Wir, die Netzkunst24 Design- und Internetagentur aus Lüneburg, bieten benutzerorientiertes Webdesign und haben uns auf den Umgang mit WordPress und TYPO3 spezialisiert. Als kompetenter Partner für individuelle Gestaltung und Komplettbetreuungen planen, entwickeln und optimieren wir die Außendarstellung von Unternehmen mit Hilfe von Web- und Printprodukten. Wir schaffen einen einheitlichen und harmonischen Auftritt, indem wir gestalterische Elemente optimal mit Text- und Bildmaterial abstimmen.
Weitere Informationen und Leistungen findet ihr auf unserer Webseite www.netzkunst24.de
Also die variable mobilansicht klappt schon mal super! Sieht chic aus!
Gefällt mir sehr gut - aufgeräumt und sauber, schlicht. Einzig die Schrift könnte etwas dunkler sein, die finde ich insgesamt etwas kontrastarm.
Dem stimme ich zu, Schrift bitte etwas dunkler! Ansonsten klasse!
Da bin ich wohl nicht der einzige - bitte mehr Kontrast für die Leute ohne Retina(display).
sehr gut gelungen, wie schon andere angemerkt haben die Schrift muss dunkler werden einen besseren Kontrast zu haben, ansonsten wird das lesen von langen texten doch etwas anstrengend.
Gruß
Stefan
sehe ich genauso, übersichtlich , aufgeräumt,
aber auch grell und kontrastarm
macht zumindest mir nicht wirklich viel spaß zu lesen
stimme vollkommen zu, mehr kontrast bei der schrift und ein weniger neoartiger blauton bitte 🙂
und ich weiß nicht ob es an meinem firefox liegt, aber die schriftgröße im kommentar editor ist doch arg klein, selbst für mich.
Die Site sieht auch auf dem Handy richtig klasse aus. Da freut man sich richtig auf jeden besuch.
Na das wurde ja auch mal Zeit! Gefällt mir gut! Ich liebe schlichte Designs 😉
Total hübsch geworden, das Neunzehn72 “typische” Blau gefällt mir richtig gut. Auch die Kommentare und die Linke Sidebar sind super übersichtlich geworden.
In der rechten Sidebar habe ich nur zu meckern, dass da doppelte Links drin stehen unter “Internet Blogroll”, stehen noch einmal Link de bereits auf der rechten Seite stehen. Außerdem passt hier der Begriff “Internet Blogroll” noch nicht ganz. Aber das sind ja auch nur Kleinigkeiten.
Der Footer erschlägt einen mit dem kräftigen Blau ein klein wenig, aber dafür ist es einheitlich was ich ziemlich gut so finde!
Meiner Meinung nach also auf jeden Fall sehr gelungen und passend. 🙂
- Die Navigation funktioniert suboptimal: ändere ich bei sehr schmalem Fenster etwas (öffne Navi oder Kategorien) wirkt sich das auch auf die Darstellung bei anschließend vergrößertem Fenster aus, bspw. ist die Navigation gar nicht mehr da, die Kategorien werden ungestyled angezeigt etc.
- Internet Blogroll und Navigation ist mehr oder weniger das Gleiche, was das “Poster online drucken” darunter soll, keine Ahnung.
Ja danke, sind weitestgehend bekannte Fehlerchen.
Hi Paddy,
Glückwunsch zum neuen Design. Es sieht wirklich genial aus! 🙂
Darstellungsprobleme gibt es bei mir keine!
Viele Grüße
Dominik
- Schicke ich einen Kommentar kriege ich eine englische Danksagung, der Kommentar wird aber nicht angezeigt. Dass Kommentare moderiert werden wird nicht erwähnt. Verwirrend.
Sehr schick! Schlich und übersichtlich, das Hellblau ist zunächst etwas gewöhnungsbedürftig, aber stimmig. Die Schrift für den Artikeltext könnte mMn etwas größer sein und wie schon angemerkt etwas dunkler 😉
Hallo Paddy,
zunächst mal ein Lob an Dich und an die Bastler der Website - sieht sehr schick und funktional aus. Gefällt mir gut!
Wie bereits einige Vorredner schon angemerkt haben:
- die Schrift könnte schwärzer oder gleich schwarz sein
- die Schriftgröße finde ich etwas klein (z.B. auch wenn man einen Kommentar verfasst, wie ich es hier gerade tue, könnte das größer sein).
- Überschriften haben teils einen Unterstrich, der könnte auch einen Tick drunkler und paar Pixel an Größe/Dicke vertragen -> man überseht es schnell.
Ansonsten bislang alles Top!
Schönen Gruß nach HH
Lieber Patrick,
das Redesign finde ich absolut gelungen und die Funktionalität für den Besucher hat sich ebenfalls verbessert. Schlicht, schnörkellos, modern und auch auf mobilen Endgeräten gut zu lesen ist diese Überarbeitung ein großer Gewinn für deinen ohnehin schon ausgezeichneten Blog.
Einen kleinen “Fehler” habe ich allerdings gefunden. In der Eingabemaske für Kommentare ist die Beschriftung des Feldes Website nicht ganz korrekt. “Website (optinal):” sollte wohl “Website (optional):” heissen.
lG Dominik
Das Cyan muss man mögen 😉 passt schon!
Sieht doch klasse aus und mobil auf dem Smartphone funktioniert es auch super!
super Design und mobil funzt es auch. mir ist noch was aufgefallen. wenn ich in der mobilen Ansicht auf Navigation tippe und danach auf Kategorien, dann schließt sich die Navigation nicht und die Kategorien erscheinen nicht. man muss erst die Navigation schließen und dann auf Kategorien tippen. andersherum funktioniert es aber.
Hallo Paddy,
das Redesign gefällt mir sehr gut, aber ein paar Kleinigkeiten sind mir aufgefallen.
Das Google Plus Symbol erinnert mich mehr ans Rote Kreuz als an Google Plus. Ein g davor würde das Erkennen erleichtern.
Die Schriftgröße für das Kommentarschreiben ist ein bisschen klein.
Gruß
Ben
Hi Paddy,
das neue Design gefällt mir sehr gut und beim Logo ist mir ehrlich gesagt, erstmal nur die helle Kamera aufgefallen. Die blaue Schriftart finde ich, zusammen mit dem neuem Patrick Ludolph drunter sehr gut - auch wenn ich es erst auf dem zweiten Blick (nach dem Lesen vom Text) bemerkt habe 🙂
Super Paddy, finde ich echt toll. Auf dem Blackberry auch toll. Sehr gelungen!
Minimalism rules! Ich würde jedoch den Blocksatz nochmal überdenken. Grade bei Smartphones entstehen dadurch im Textbild doch recht unschöne Lücken. Oder einfache ne CSS-definierte Silbentrennung einbauen.
Sehr schick und übersichtlich… Das erinnert mich mal wieder daran auch an meinem neuen Gewand zu basteln…
Ich mag das Blau übrigens!
Cool - nur könnte für meinen Geschmack die Schriftfarbe etwas dunkler sein - in etwa so wie die, die jetzt hier beim Kommentar schreiben benutzt wird. Es soll Leute geben die haben was mit den Augen ‚-(
Hallo und herzlichen Glückwunsch zum Redesign!
Mir gefällt die Farbe und die aufgeräumte Struktur, aber auch für mich könnte die Schrift dunkler sein. (Also schwarz, um es gleich zu sagen.)
Viel Erfolg weiterhin!
Katrin
Sieht gut aus, besonders praktisch ist die mobile Ansicht auf iPad und co.
Aber die Schrift sollte wirklich (wie meine Vorredner schon gesagt haben) etwas dunkler sein. So sieht es zwar gut aus, aber das lesen wird unnötig anstrengend.
Schön ist, das du weiterhin einen vollen RSS-Feed anbietest!
Ich habe festgestellt das beim Surfen per Smartphone (Nexus4) ich immer die mobile Version erhalte, selbst wenn ich im (Chrome) Browser auf Desktop Version klicke…
Sieht wirklich gut aus. Ich bin aber allgemein kein Freund dieser Entwicklung, alles quasi auf 27″ Breitbildmonitore auszurichten.. Auf meinem Laptop bleibt für den Content in der Mitte gefühlt 40% und das ist dann letztendlich doch etwas wenig, oder nicht? Erhöht _für mich_ auch nicht die Lesbarkeit, wenn alle 10 Wörter ein Zeilenumbruch kommt.. Keine Ahnung wer sich diesen Quatsch mit den zwei Navs mal ausgedacht hat, aber den Nobelpreis sollte er dafür bitte nicht bekommen. Das mag auf Seiten mit unendlich viel Content Sinn machen, aber hier hört die Nav nach einmal scrollen ja quasi schon wieder auf und danach sind 60% des Bildschirms weiß..
Hallo Sebastian,
sollte der Inhaltsbereich auf deinem Endgerät etwas zu klein dargestellt werden, so kannst du das Browserfenster manuell etwas verkleinern. Ab einer gewissen Fensterbreite wird dir der Contentbereich wieder etwas größer dargestellt.
Zudem wäre es hilfreich, wenn du uns Bildschirmgröße und Auflösung nennen könntest. So können wir dein Feedback optimal nachvollziehen.
MfG.
ich habe auf dem eeePC auch probleme mit der größe, auf dem 13“Macbook ist es auch noch unschön, aber immerhin brauchbar.
wo findet man die url der mobilseite um auszuprobieren ob die vielleicht auf dem eeePC was taugt?
Hallo Paddy,
dein neues Look & Feel gefällt sehr gut. Weiterhin viel Erfolg bei allem.
Gruss aus Unterfranken.
Michael
Hi Paddy,
Deine neue Seite gefällt mir sehr gut und ich finde das Redesign sehr gelungen. Alles ist etwas übersichtlicher, besser strukturiert und angenehmer zu lesen.
Ist richtig toll geworden!
Liebe Grüße aus Mittelfranken
Jörg
Moin Moin,
sehr schick, allerdings eventuell nochmal nach “älteren” Browsern schauen. Auf der Arbeit unter XP und dem IE8 steht das Menü oben links groß und untereinander. Kann mir nicht denken, dass das so aussehen soll. ;o)
Ansonsten - cool und schick!
Moin Paddy,
lass das Design bitte nochmal für den IE8 validieren. Für mich schaut es so aus, als ob das CSS für das Hauptmenue li. nicht greift. Ansonsten schließe ich mich den Vorrednern an - Mir gefällt es ebenfalls sehr gut.
Besten Gruß, Thorsten
das Wordpresslayout gefällt mir gut, allerdings wird die Seite bei mir verschoben angezeigt. Das heißt die nackten Links sind oben und darunter kommt die neunzeh72.png
Schick… sehr schick. Gratulation.
Ich vermisse die ‘alte’ Workshopübersicht etwas… Tabelle / Bezeichnung / Datum / freie Plätze, das bot meiner Meinung nach mehr Übersicht.
Buchungssystem ist auch eine gute Idee! (obwohl es bei mir bisher auch immer ohne geklappt hat ;-))
Warum die Angabe “0/8 frei” bei einer Workshop Beschreibung links (mit dem Hintergundbildchen) grün und rechts rot dargestellt wird (und wieso da nicht einfach ‘ausgebucht’ oder -kürzer- “voll” steht) kann man evtl. auch nochmal überdenken.
Ansonsten wie gesagt: sehr hübsch!
vg
patric
ganz schön blau… aber ich kuck mir die WordPress Seite gerne mal durch. Hab selber eine WP Seite am Start, komm aber nicht wirklich weiter und bin dankbar für Impulse.
Weiter so…
Glückwunsch zur Neuen Seite…=)
gefällt mir gut
Danke für den Belichtungtip..Schnee…=)
Deine Videoworkshops finde ich klasse,hoffe ich komm mal wieder dazu bei Dir auf Lehrstunde vorbei zu kommen.
lg naddel
Sieht super aus ! Frisches Design !!
Eine Frage zum Workshop-Buchungssystem:
Die Frei / Belegt - Angaben erschliessen sich (mir) nicht auf den ersten Blick:
Was heisst bswp. 0/8 frei oder 2/2 frei - benennt die erste Zahl die freien Plätze und die zweite Zahl die gebuchten oder eine von beiden die Gesamtplätze oder was !?!?
Schlicht, schnörkellos, modern und auch auf mobilen Endgeräten gut zu lesen … nur das Grau bitte etwas dunkler.
Grüsse Daniela
Sehr schönes Layout. Sieht wirklich modern und aufgeräumt aus, aber die Lesbarkeit der Schrift, insbesondere der blau-grünen, lässt schwer zu wünschen übrig.
Hallöchen,
wollte nur sagen, dass das neue Design sehr schick aussieht. 🙂
Mit einem uralt Internet Explorer, den ich leider in der Firma habe, wird dein Menü aber nicht unter deinem Logo sondern direkt daneben in blauer Schrift angezeigt. Sieht nicht so hübsch aus, aber wie gesagt, kann auch am sehr alten IE liegen.
Schöne Grüße
Christina
Eigentlich wurde schon alles gesagt… Das Design ist klasse, auch das neue Logo. Schön dass es nun auch eine mobile Ansicht gibt.
Ich freue mich auf viele neue Beiträge.
Glückwunsch und viele Grüße aus der Mainmetropole,
Christian
… unter IE8 wird das Menu nicht richtig dargestellt.
Hallo Patrick,
das neue Outfit und insbesondere der Aufbau gefallen mir sehr! Der Hinweis Youtube aktuell ist prima. Auch die Darstellung auf dem Handy passt bestens,
viele Grüße
Olaf
Hallo Paddy, auf die Frage, wie’s mir gefällt, möchte ich mit einem klaren und entschiedenen “hm” antworten. Zum Lesen am Bildschirm fand ich die alte Version eindeutig besser. Klar sieht das hier moderner, schicker, vielleicht sogar professioneller aus, aber die Alte war angenehmer. Ich denke, das kommt daher, dass der Text bisher wenigstens zur linken Seite hin ‘frei’ war, man also beim Zeilen-Sprung mit den Augen zumindest links nicht an irgendwelchem Firlefanz hängengeblieben ist. Das stört mich persönlich massiv und verleidet mir das Lesevergnügen. Weiter unten hängt dann der Fließtext auf einer riesigen weißen Fläche mitten im Nichts… aber ich bin wohl eher nicht repräsentativ und verziehe mich leise ins RSS 😉
Herzliche Grüße
Markus
Hallo Paddy, ich schließe mich in Teilen dem Markus an.
Eigentlich ist das moderne Design natürlich schick. Allerdings es ist eben nicht mehr das Erscheinungsbild des Foto-Bloggers “Paddy”.
Das “private” ist raus. Es ist professionell und für dich geschäftlich sicher nützlich, aber es sieht aus wie ein Gemischtwarenladen.
Trotzdem - ich wünsche dir mit dem neuen “Kleid” viel geschäftlichen Erfolg. Und bleib wie du bist.
Schöne Grüße
Klaus
OK, das Responsive Design scheint zu funktionieren, das war es dann aber auch schon.
Das Babyblau gefällt mir gar nicht. Das neue Design finde ich ziemlich langweilig, da hätte ich mehr erwartet.
Natürlich ist es zeitgemäß, die Kurse mit einem Buchungssystem zu hinterlegen.
Der Footer ist auch nicht so toll, viel zu groß, zu tief - je nach Seite. Die Werbung im unteren Footerbereich geht gar nicht. Irgendwann kommt dann im Kleingedruckten “Meine Reservierungen”, was habt ihr euch denn dabei gedacht ?
Sorry, ich scheine hier die Ausnahme zu sein, aber mir gefällt es nicht besonders. Das Design der Seite spiegelt nicht die größtenteils exzellente Qualität von Paddy Fotos wieder.
Der Umbau ist dir gelungen. Schöne Seite, coole Inhalte. Ich persönlich lese gern hier. Beste Grüße nach Hamburg
Das neue, klare Gewand steht deiner Seite gut 😉
Nur dein Logo ist mir persönlich jetzt zu wenig deutlich…so dezent muss man auch wieder nicht sein 🙂
lg Annette
Zum neuen Design wurde ja schon genug gesagt. Daher habe ich nur als kleinen Tipp noch einen ebensolchen Fehler zu vermelden 🙂
Im Footertext über dich fehlt ein “mit” in folgendem Satz:
Es gibt kaum etwas schöneres als Emotionen einzufangen und (mit) Menschen in Kontakt zu sein.
Beste Grüße
Ole
Hallo Patrick,
im neuen Design vermisse ich ein wenig die Möglichkeit, alte Blogeinträge finden bzw. schnell aufrufen zu können.
Die Suchfunktion arbeitet seltsam: zum Beispiel kann ich Deinen zeitlos wichtigen Artikel zum Thema Autofokus nur mit dem Suchbegriff “Fokussieren” finden- weder “Fokus” noch “Autofokus” führen zum gewünschten Blogeintrag.
Vielleicht könntest Du bzw. Netzkunst24 ein tabellarisches Blogarchiv mit Nennung der Überschriften erstellen, oder die Suchfunktion müsste anhand von Tags besser funktionieren.
Viele Grüße, Gerd
Hallo,
beim Lesen längerer Artikel und Kommentarserien „stört“ mich, dass die Hauptspalte in ihrer Breite im Raster gefangen ist.
Das empfinde ich v.A. dann als störend, wenn die linke und rechten Spalten leer sind. Dann möchte ich den Haupttext gerne größer lesen. Zommen/Vergrößern geht zur Zeit nicht: Die Spaltengröße bleibt sich gleich – nur die Textgröße ändert sich.
Vielleicht fällt dem Team von Netzkunst dazu was ein…