Warum Content King und Webdesign Queen ist - 5 Strategien, Webdesign und Inhalte aufeinander abzustimmen

Warum Content King und Webdesign Queen ist - 5 Strategien, Webdesign und Inhalte aufeinander abzustimmenSollte Content tatsächlich King und professionelles Webdesign Queen sein? Und wenn das so ist, wie setzt man das am besten um? Fakt ist - und darüber sollten wir uns einig sein - das harmonische Zusammenspiel von Content und Webdesign ist maßgebend für den Erfolg einer Webseite. Der suchmaschinenoptimierte Content kann und wird Besucher über die Suchmaschinen "anlocken". Doch was nutzt der beste (und vielleicht auch teuerste) Content, weiß die Website den Inhalt nicht über professionelles und barrierefreies Webdesign zu pushen? Doch wie in allen Lebensbereichen gibt es logischerweise Strategien, kleine Kniffe, wie man eine Page dahingehend optimieren kann, damit der Content durch das Webdesign exponiert wird und die gewünschten Konversionsraten erreicht werden (können).

 (weiter)

Die besten deutschsprachigen Webdesigner Magazine

Die besten deutschsprachigen Webdesigner MagazineWebdesign-Magazine - Vor, während und auch nach der Veröffentlichung meines neuen Webdesign Buches gab es immer wieder Fragen nach alternativen Informationsquellen für interessierte Webdesigner & Webentwickler. Unabhängig der zahlreichen Bücher zu diesem Themengebiet, möchte ich euch heute hier vier verschiedene deutschsprachige Webdesigner Magazine etwas näher vorstellen. Diese haben es sich zum Ziel gemacht, auch offline lesenswerten und informativen Content anzubieten. Da nicht weniger Leser, die täglich mehrere Stunden am Tag vor einem Monitor sitzen und gern auch mal ein paar gedruckte Seiten lesen, können die folgenden vier verschiedenen deutschsprachigen Magazine, auf eine stetig steigende Leserzahl verweisen. Bedarf ist also vorhanden.

 (weiter)

HTML5 explained by Flickr-Images - Header, Dialog, Section, Video, ...

HTML5 explained by Flickr-ImagesHTML5 - Analog zum hier kürzlich veröffentlichten Artikel CSS3 explained by Flickr-Images, befasst sich das heutige Posting mit dem immer mehr in den Fokus rückenden Thema HTML5 und den zu erwartenden neuen HTML-Tags, die diese Version zum Vorschein bringen wird und an die sich der oder die ein oder andere alteingesessene Anwender(-in) vielleicht erst noch gewöhnen muss. Wie im ersten Teil dieser kleinen Serie "Webstandards explained by Flickr", soll die folgende kleine Auswahl an Abbildungen auf unterhaltsame und hoffentlich inspirierende Weise bildhaft beschreiben und somit den zukünftigen Anwendern leicht verständlich machen, was diese neuen HTML-Elemente bedeuten und womit wir es in naher Zukunft zu tun bekommen werden.

 (weiter)

CSS3 explained by Flickr-Images - Multi-Column Layout, Opacity, ...

CSS3 explained by Flickr-Images - Multi-Column Layout, Opacity, ...CSS - Die Vielfalt der Eigenschaften und ihrer Werte die diese deklarative Stylesheet-Sprache bietet, war bereits bei den Vorgängerversionen von CSS3 groß. Bereits vor 10 Jahren wurde beim W3C mit der Entwicklung von CSS3 begonnen, wobei im Gegensatz zu den Vorgängern diese Version modular aufgebaut ist. Was diese Module bzw. einzelne dieser Eigenschaften können, wird Euch im weiteren Verlauf des Beitrags von Fotografien der Flickr-Community, wie dem vom oseillo, aufzeigt. Die folgenden Abbildungen sollen auf unterhaltsame Weise bildhaft beschreiben und somit leicht verständlich machen, was diese Elemente bedeuten ( können ).

 (weiter)

Inspiration Auto - Vom Interior zum Farbschema einer Webseite

Inspiration Auto - Vom Interior zum FarbschemaEin neues Jahr ist nicht selten ein Anlass, um (s)eine Webseite einem Redesign zu unterziehen. Eine der ersten Fragen die einem dabei in Sinn kommen sollten, ist die nach der farblichen Gestaltung des neuen Designs ( Stichwort: Farbschema ). Da nicht jeder weiß wo oder wie er oder sie man sich inspirieren lassen kann, anbei nun die Vorstellung einer etwas anderen "Inspirationsquelle". Denn als Quelle der Inspiration kann nahezu alles verwendet werden was einen vor die Augen kommt und warum sollte man nicht auf das zurückgreifen, was einem täglich in großer Vielfalt begegnet? Autos ( siehe Ausschnitt der Abbildung des Mercedes Benz 220S von stephenhanafin )! Die folgende kleine Sammlung an Flickr-Motiven beinhaltet allerdings nicht einfach nur ein paar Abbildungen von "außen", sondern bietet "interessante und sehenswerte Einblicke" wie bspw. in den eines Aston Martin, Bentley Continental GTC oder auch Cadillac Eldorado!

 (weiter)

Webdesign Portfolios - Be inspired!

Webdesign Portfolios - Be inspired!Auch für die Bereiche Webdesign und Webentwicklung gilt, ebenso wie in anderen Lebenslagen, immer noch der Spruch - es ist noch kein Meister vom Himmel gefallen. Oftmals ist es harte Arbeit, der jahrelange Erfahrung in mehreren Bereichen zugrunde liegt. Der ein oder andere kann aufgrund vorhandener Kreativität oder Möglichkeit diese je nach Anforderung "abrufen" zu können, leichter Arbeiten abliefern die den Betrachter beeindrucken. Als Beleg dafür präsentieren wir Euch die folgende Zusammenstellung, eine kleine Auswahl an Portfolios von Webdesigner(-innnen) mit verschiedenen Stilen aus aller Welt, darunter aus Ungarn, Kroation, Holland, Kolumbien, Ukraine, Bolivien, u.v.a.m. darstellt.

 (weiter)

Advertising - Sport-Shoes

Advertising - Sport-ShoesWerbung & Sport! Zwei Begriffe, die bei fast allen Lesern sicherlich mindestens eine ganz bestimmte Werbekampagne eines Produktes aus den grauen Zellen hervor kriechen lassen. Und warum? Weil sie sich entweder aufgrund eines recht eindeutigen Slogans ( wie bspw. "Just do it!" ) oder aufgrund einer besonders kreativen Umsetzung dort eingenistet haben! Die folgenden, hoffentlich inspirierenden Kampagnen, beziehen sich allesamt auf Sport-Schuhe von verschiedenen Herstellern - von Nike, über Addidas bis hinzu New Balance, vom Fussball-Schuh, über den Laufschuh oder Basketball-Schuh. Alle haben eines gemeinsam - eine kreative Idee als Grundlage die Emotionen weckt und damit die mögliche Grundlage für den Erwerb eines dieser Produkt - Kaufinteresse. Aber seht selbst!

 (weiter)

Werbung - Inspiration und Unterhaltung

Werbung - Inspiration und UnterhaltungInspiration und ein wenig Unterhaltung wird gewünscht! Einige der Leser haben im Laufe der letzten Monate immer mal wieder den Wunsch nach Vorstellung von Werbekampagnen zwecks Inspiration oder Unterhaltung geäußert und da ich den Blog nicht für mich, sondern für Euch betreibe, komme ich diesem Wunsch natürlich gern nach. Aus diesem Grund präsentiere ich daher heute Werbekampagnen aus dem In- und Outdoor-Bereich, die eines gemeinsam haben. Sie bleiben bei den Betrachtern hängen und wecken bei Ihnen Emotionen, wenn auch recht unterschiedlicher Natur ;o) In diesem Sinne, gute Unterhaltung!

 (weiter)

Top-5 Photoshop Magazines for creative inspiration

Top-5 Photoshop Magazines for creative inspirationViele von Euch sind trotz oder insbesondere wegen der täglichen Arbeit am Monitor Freunde des, nennen wir es einmal "Offline-Lesens". Aber auch weil viele ihr Wissen und ihre Inspiration nicht nur aus dem Web ziehen, sondern auch aus Büchern oder Zeitschriften, werden hier euch heute fünf der empfehlenswertesten Print-Magazine zum Thema Photoshop etwas näher vorgestellt. Sicherlich gibt es auch andere Magazine die sich mit der Adobe Software befassen, allerdings konzentrieren sich die hier vorgestellten englisch und deutschsprachigen Magazine ausschließlich auf die Adobe Software. Ob neue Features oder Anwendungen, Photoshop-Techniken, kreative Tutorials oder Step-by-Step Workshops, die folgende Auswahl stellt für Photoshop-Einsteiger und -Profi gleichermaßen, Pflichtlektüre dar.

 (weiter)

Best of Parallax-Effect

Parallax EffektDas Parallax Scrolling ein interessanter Effekt ist, der es ermöglicht Bewegung in Eure Webseiten zu bringen, ist durchaus bekannt. Auch das für diesen Effekt lediglich einige Grafiken, ein wenig CSS, etwas (X)HTML und je nach Anforderung auch etwas JavaScript ( ist keine Voraussetzung, denn es geht auch ohne! ) notwendig sind, überrascht vor allem die fortgeschrittenen Anwender wenig. Aber was kann man nun alles mit diesem Parallax-Effekt machen? Die Anwendungsmöglichkeiten sind vielfältig und aus diesem Grund habe ich für Euch an dieser Stelle mal eine kleine aber hoffentlich feine Übersicht an Webseiten herausgesucht, die den Parallax-Effekt für ihre Webseite nutzen.

 (weiter)

Lass dich inspirieren. Es kann so einfach sein!

Inspiration durch InnenarchitekturInspiration zu begegnen und diese dann auch als Ansatz für etwas Neues, wie einem Screendesign für eine neue Webseite nutzen zu können, ist eigentlich nicht schwer. Dennnoch werden wir ab und zu von Lesern kontaktiert und gefragt, wie man eine solche Quelle der Inspiration denn auch wirklich nutzen und in eine Idee umsetzen kann. Auf desiretoinspire gibt es regelmäßig Bilder zu den Themen Innenarchitektur & -einrichtung. Die dort gezeigten Bilder dürften so ziemlich für jeden inspirierend sein. Aber wie kann man eine Idee aus solch einer Fotografie für sich aufgreifen und umsetzen? Die folgenden Schritte, dürften interessierten Lesern bei der Beantwortung dieser Fragen behilflich sein.

 (weiter)

JavaScript explained by Flickr

"Webstandards explained by Flickr". Dieser bisher aus zwei Beiträgen bestehenden Artikel-Serie, wird mit dem heutigen Beitrag, auch aufgrund des großen Interesses, ein weiterer hinzugefügt. Die bisherigen durch Flickr erklärten Themen CSS und HTML bekommen Zuwachs durch den Begriff JavaScript. Dieser dritte Teil der Serie trägt daher den Titel "JavaScript explained by Flickr". Ob Ereignisse wie "open", "onclick" oder "captureEvents" die ausgeführt werden oder Bedingungen wie "if -else" die erfüllt werden müssen, Flickr gibt ihnen ein Gesicht. Wer auf weitere interessante Regeln, Funktion, Variablen oder Operatoren von JavaScript stößt, kann mit einem Link zu dentsprechenden Fotos gern dazu beitragen diese Übersicht umfangreicher werden zu lassen.

 (weiter)

Werbung die Emotionen weckt

Werbekampagnen im AlltagDamit Werbung bei potentiellen Kunden registriert wird, muss zu allererst die Aufmerksamkeit des Betrachters gewonnen werden. Wenn diese "Hürde" genommen ist, kann die Botschaft der jeweiligen Werbung an den Betrachter gebracht werden. Da wir Werbung allerdings immer relativ schnell vergessen, werden wir mit Werbung in fast allen Lebenslagen konfrontiert. Ein wichtiges Mittel um daher im Gedächtnis des Betrachters "hängen zu bleiben", ist das Erreichen der emotionalen Ebene. Ein Schritt der unserer Meinung nach den folgenden Werbe-Kampagnen durchaus eindrucksvoll gelingt.

 (weiter)

HTML Elements explained by Flickr

Nach dem Erfolg des Artikels CSS explained by Flickr, haben wir uns dazu entschlossen diesem weitere folgen zu lassen. Somit wird aus dem bisherigen Beitrag eine Serie mit dem Titel "Webstandards explained by Flickr". In der heutigen Folge, werden daher die HTML-Tags in Ihrer elementaren Bedeutung, dem Betrachter etwas näher gebracht. Von Tabellen, über sortierte und unsortierte Listen, bishin zum Laufticker, werden HTML-Elemente diesmal auf die etwas andere Art und Weise präsentiert.

 (weiter)

CSS explained by Flickr

CSS vermitteln. Eine Aufgabe die auf verschiedenste Weisen gelöst werden kann. Man kann diese Möglichkeiten in einem Blog thematisieren oder aber ein CSS-Buch darüber schreiben. Man kann aber auch Bilder für sich sprechen lassen. In diesem Falle viele wunderschöne Fotografien von Flickr. Ziel dieses Artikels ist es, dem Betrachter CSS Eigenschaften First-Letter, Border-Radius, Width und Height anhand von unterschiedlichsten Motiven näher zu bringen. In erster Linie soll dieser Beitrag natürlich unterhaltend sein und aufzeigen, wo überall man im Alltag auf "CSS-Eigenschaften" stoßen kann.

 (weiter)

Wie gute Ideen zu erfolgreicher Werbung führen können

Werbekampagnen die begeisternDie folgende Auswahl an Werbekampagnen von Pampers, Harley Davidson, über kleine Beiträgli der schweizer Versicherung CSS, bishin zu Tipp-Ex, bieten einen kleinen Ausblick darauf, wie unterhaltsam Werbung sein kann. Vor allem die Kampagne "Be there when themarket turns" von Dagens Industri entbehrt unter Anbetracht der aktuellen Wirtschaftslage im Finanzsektor, nicht einer gewissen Ironie. Manchmal sind es aber auch nur kleine Details, die wie in der Orbit Werbung, den gewissen Unterschied ausmachen. Voraussetzung ist aber immer eine gute Idee und hiervon sehen wir einige ;o)

 (weiter)

Top Photoshop, CSS + JavaScript Tutorials

Sie geben oftmals den entscheidenden Anstoß für ein Design oder eine Idee zur Umsetzung eines besonderen Effektes. Gemeint sind Inspirationen. Im Laufe der letzten Wochen sind uns immer wieder interessante und vor allem nützliche Links in Sachen "Inspiration" untergekommen, die wir Euch selbstverständlich nicht vorenthalten wollen. Ob Photoshop-Tutorials zur Erstellung eines Posters im Grunge-Style oder eine Liste mit über 300 Navigationsvarianten, die folgende Liste enthält wirklich eine Menge sehenswertes.

CSS-Design - Das Buch

300 jquery, css, mootools and javascript navigation menus

300 jquery, css, mootools and javascript navigation menus

 (weiter)

Werbekampagnen die man nicht so leicht vergisst!

Von Hewlett Packard, über den VW GTI, bis hin zur Kampagne von Video-Telefonie, der heutige Beitrag in Sachen "Werbung die begeistert" enthält wieder kreative Ergüsse vom Feinsten. Wie in den Kampagnen zur Kamera der Firma Leica und dem Zoom-fähigen Fernglas von Olympus, ist die kreativste und oft ansprechenste Idee zu einer Werbekampagne, sprichwörtlich weniger fern als man denkt.

Werbeplakate für Hewlett Packard

 (weiter)

Top-5 der Webdesigner Magazine

Print MagazineWebdesign-Magazine lesen. Eine Art der Weiterbildung, die einem, je nach Qualität der Inhalte eines Magazines, offline mehr Vergnügen bereitet als online. Nur, was soll man lesen? Wer sich diese Frage stellt und sich somit noch auf dem Wege der Beantwortung dieser Frage befindet, wird in diesem Artikel 5 Vorschläge von Magazinen erhalten, die für jeden Web- & Screendesigner interessante, nützliche und vor allem inspirierende Artikel bereithalten. Hauptaugenmerk wurde hierbei insbesondere auf die Bereich Webdesign und Frontend-Entwicklung gelegt. Bis vor einiger Zeit wäre vielleicht auch noch die c't in dieser Auflistung erschienen, aber die Inhalte der letzten Monate, haben uns zu dem Entschluss kommen lassen dieses Magazin nicht mit in die Top-5 aufzunehmen.

 (weiter)

Visitenkarten - Kleine Inspirationsquellen, ganz gross! Teil 2

Jeder kennt sie und beinahe hat welche. Die Rede ist von Visitenkarten. Üblicherweise werden sie meist zur Aufbewahrung einer meist dienstlichen Anschrift und den damit verbundenen Kontaktmöglichkeiten genutzt. Was aber, wenn man mehr damit erreichen möchte? Wenn man potentiellen Partner oder Kunden einen Ausblick auf seine fachliche Fähigkeiten gewähren möchte, um somit Interesse zu wecken, welches vielleicht in einer Kooperation oder einem Auftrag endet? In solchen Fällen dürftet ihr dann Inspirationsquellen, wie die folgenden in den Händen halten.

 (weiter)

Kreative und unkonventionelle Werbung die begeistert!

Über herkömmliche Werbung, die ein Produkt oder einen Dienstleistungs-Service anpreist, stolpert man allerorts ( zumindest in Berlin ) und zu jeder Zeit. Kreative und unkonventionelle Werbekampagnen für Produkte wie die folgenden sind seltener, obwohl wesentlich ansehnlicher und unterhaltsamer. Auch haben diese Kampagnen mindestens eines gemeinsam - einen zweiten Blick und damit wesentlich mehr Aufmerksamkeit des Betrachters.

Advertising

 (weiter)

Pool- und Gartenlandschaften als Quelle der Inspiration für kreatives Webdesign

Seit Menschengedenken lässt sich unsere Spezies von der Natur inspirieren. Ob beim Bau von Autos, bei der Erstellung von Kleidung oder den alltäglichen Gebrauchsgegenständen. Aber auch die Bereiche Screen- & Webdesign können sich, bspw. für ein entsprechendes Farbschema, durch die Vorgaben der Natur inspirieren lassen. Auch wenn die folgenden Abbildungen zugegebenermaßen nicht ganz ohne menschliche Zusatzleistung entstanden sind, haben sie alle eine gewisse Natürlichkeit, die zum Relaxen einlädt. Die wunderschönen Aufnahmen stammen diesmal im übrigen von Landart Landscapes aus Australien.

ColorSchema no.01

 (weiter)

Produkt- und Verpackungsdesign als Inspirationsquelle für Screen- und Webdesigner

Produkt- und Verpackungsdesign als InspirationsquelleVerpackungsdesign als Inspirationsquelle für die Gestaltung von Webseiten? Wenn Architektur und Innenarchitektur zur Inspiration beitragen können, sollte Produkt- und Verpackungsdesign in seiner unglaublichen Vielfalt erst recht dazu in der Lage sein. Die Produkte bzw. deren Verpackungen sind in ihrer Form oft denkbar einfach, schließlich haben sie ja auch einen Zweck zu erfüllen, aber das Verpackungsdesign macht die Produkte vom Popcorn bis hin zum Fruchtdrink, zu wahren Eyecatchern. Und alle Produkte haben aufgrund ihrer Aufmachung, bis auf Produkt no.4 und no.11, eins gemeinsam - man will mehr! Und damit hat das Produkt das erreicht, was es erreichen sollte - Bedürfnisse beim Kunden wecken.

 (weiter)

Von der Innenarchitektur zum Farbschema der eigenen Webseite

Genau die Inspiration zu finden, die den entscheidenden Anstoß für das eigene Farbschema gibt, liegt oft näher als man denkt. Grundlage dieses Artikels und den damit zusammenhängenden Anregungen für eine Farbwahl, sind dem Thema "Innenarchitektur" entnommen. Die Farbschemata im rechten Bereich der Bilder zeigen ein starkes Übergewicht von Braun-, Beige- und Grüntönen. Die wunderschönen Aufnahmen stammen im übrigen von desire to inspire.

ColorSchema no.01

 (weiter)

Architektur als Inspiration für kreatives Webdesign

Zentrale Inhalte der Architektur sind u.a. der Entwurf und die Gestaltung von Bauwerken. Wenn man den Begriff von dieser Warte aus betrachtet, liegen die Aufgabengebiete in Bezug auf Webdesign nicht allzu weit auseinander. Wenn man sich wie hier bereits in früheren Artikel beschrieben von der Natur oder gar von Visitenkarten inspirieren lassen kann, warum also nicht von der Architektur? Ob Formen oder Farben, die folgenden verlinkten Bilder sollen einen Ausblick darauf geben, dass Inspiration für kreatives Webdesign auch die nächste U-Bahnstation oder ein Treppengeländer bedeuten kann, wenn man sie aus dem "richtigen Blickwinkel" betrachtet.

 (weiter)

Die besten 5 CSS-Seiten

Webseiten rund um das Thema CSS gibt es viele, aber nicht alle erfüllen auch den Anspruch kreativer Lösungsansätze. Die nun folgenden fünf Seiten erfüllen dieses Aspekt, denn sie präsentieren regelmäßig interessante und lesenswerte Artikel und Tutorials. Von Formularen, über dekorative Bilder-Galerien, bis hin zur Umsetzung von Elementen mit "rounded corners". Die Betreiber dieser Blogs, bieten für die Eigenarten der Browser im Umgang mit CSS Lösungsansätze, die allemal einen Besuch wert sind.

cssglobe.com
cssglobe

 (weiter)

20 kreative Webseiten mit Designelementen aus der Natur

Zu ansehnlichen und effektiven Webdesign gehören bekanntlicherweise mehrere Aspekt. Einer davon ist ein auf die Zielgruppe ausgerichtetes Seitenlayout. Eine nicht unerhebliche Aufgabe hierbei übernimmt die Hintergrundgrafik. Ein Trend der unverkennbar ist, basiert auf Holz(furnieren), die in sämtlichen Variationen in zahlreichen Webseiten präsent werden und deren "Anhängerzahl" zusehends steigt. Webdesign goes nature. Wer die folgenden 20 Beispiele dafür sieht, weiß warum dies der Fall.

www.chamadigital.com
www.chamadigital.com

 (weiter)

20 Beispiele für kreative und clevere Werbekampagnen

Warum ist Offline-Werbung oftmals umso viel kreativer als Online-Werbung? Ob das Plakat an der Bushaltestelle, die Plane eines Trucks oder die simple Einkaufstüte, Kreativität ist keine Grenzen gesetzt. Die folgenden Beispiele sollen Einblick darüber geben, wie und vor allem wo man Produkte oder Service-Leistungen präsentieren kann. An einem ganz normalen Tag sieht man mehrfach Werbung, aber wie oft bleibt sie einem in Erinnerung? Das gilt leider für offline und online, gleichermaßen. Bei den nun folgenden Kampagnen sieht das ein wenig anders aus.

Brantano Shoe City

 (weiter)

Visitenkarten - Kleine Inspirationsquellen, ganz gross!

Visitenkarten als InspirationsquelleKürzlich rief Manuela Hoffmann von Pixelgraphix Ihre Leser dazu auf, wie und wo die Leser beim Gestalten auf neue Ideen kommen? Fast folgerichtig gab es Antworten, wie Blogs, CSS-Galerien, Zeitschriften, Natur, etc. Eine Quelle der Inspiration die bei vielen so nahe liegend sein kann, ist die Visitenkarte. In zahlreichen Blogbeiträgen der letzten Monate sind uns hierbei wirklich unglaublich interessante und inspirierende Arbeiten über den Weg gelaufen, die wir Euch natürlich nicht vorenthalten möchten.

 (weiter)