Auf der Suche nach einem Snack Inspiration sind wir auf vieles interessantes, kreatives, innovatives und anspruchsvolles gestossen. Einfach Web-Snacks die wir gerne mit euch teilen wollen. Viel Spass und bon appétit!

 Public Class

Jessica Caldwell

Deux Huit Huit

Burton

redirect

La Wine

La Moulade

Hermetik

Christopher Clark

Games we played

360 Grad Langstrasse

Kenneth Cachia

Hanging up the moon

Paul Smith Jeans

Vlog

Kantt

The art of reuse

Lola New York

Shaw and Shaw

Kommi Graphics

Reverse Büro

Loyel’s Toy

Herokidstudio

Hungrig nach Inspiration haben wir uns auf die Suche nach frischem Design und kreativen Ideen gemacht. Gefunden haben wir einzigartige Seiten welche oftmals ihre Wirkung beim Entdecken der Seite entfalten. Besonders die tollen JavaScript Umsetzungen flashen uns!

Enjoy!

BokicaBo

Emile-Victor Portenart

Studio Sweet Studio

Junges Blut

Mark Dearman

Twoto

Nizo

Deda

Absolute

Two Fish Illustration

F360

árbol

ala

Muziekpark

Ray’s Lab

Jon Montenegro

Nora Rose Travis

Sellected

Yuna

Always with Honor

The Kennedys

Go Live!

Creature Tales

Matthew Mcclatchie

Ed Nacional ist ein Graphic Designer und Illustrator aus Brooklin. Er inspiriert uns mit verspielten Illustrationen, schönen Farbkombinationen und frischen Schriften.

Weitere Informationen:
Website
Twitter
Dribble
Flickr

Wir sind angetan von den Bildern des New Yorker Fotografen Nikola Tamindzic. Besonders die Farbgebungen der Fotografien inspirieren uns zu neuen Farbpaletten welche wir für zukünftige Designs nutzen möchten.

Diese möchten wir euch kurzerhand als Adobe Swatch Files zur Verfügung stellen. Diese können nach dem Abspeichern im Photoshop unter “Window/Swatches” ganz einfach importiert werden. Wenn ihr von eigenen Bildern Farbpaletten erstellen wollt, können wir euch das Tool Pictacolous ans Herz legen.

Counting the Ways to Fall Without Landing

Download Adobe Swatch File

The Living Room

Download Adobe Swatch File

Nº133

Download Adobe Swatch File

Tide

Download Adobe Swatch File

Nº218

Download Adobe Swatch File

Waiting for the Night

Download Adobe Swatch File

Ian Spiegelman vs. Doug Dechert

Download Adobe Swatch File

Nº132

Download Adobe Swatch File

Nº234

Download Adobe Swatch File

Mala, Salton Sea

Download Adobe Swatch File

Augmented Reality steckt noch in den Kinderschuhen, doch immer mehr Marken entdecken die Möglichkeiten der erweiterten Realität und setzen Kampagnen um die verblüffen. So lassen sich Produkte plötzlich dreidimensional entdecken oder man wird gewollt oder ungewollt zum Teil der Geschichte.

Augmented Reality kurz erklärt

Dieses Video von Common Craft zeigt kurz und einfach wie Augmented Reality funktioniert.

Was sind die Möglichkeiten von Augmented Reality?

Erweiterte Realität könnte in praktisch allen Bereichen des Alltags zum Einsatz kommen. Monteure könnten sich den nächsten Arbeitsschritt direkt in ihr Sichtfeld einblenden lassen; Soldaten oder Katastrophenhelfer könnten sich Ziele und Gefahrenzonen im Gelände anzeigen lassen und Designer könnten mit tatsächlich und virtuell anwesenden Kollegen am selben dreidimensionalen Modell arbeiten.

Mit fortschreitender Technologie lassen sich futuristische Anwendungsszenarien erschließen: Elektronische Geräte, die nur virtuell existieren, aber auf echte Berührungen reagieren, künstliche Sinneserweiterungen wie den „Röntgenblick“ und Computerspiele in freiem Gelände.

Ein Beispiel für eine AR-Anwendung sind die in Echtzeit eingeblendeten virtuellen Marken bei Sportübertragungen: Verschiedene Entfernungen der Konkurrenten beim Ski-Springen, Weitwurf, usw.

Wie funktioniert Augmented Reality?

Was dem Benutzer die Bedienung vereinfachen soll, stellt Entwickler vor neue Herausforderungen. Die Programmierung von Augmented Reality Apps ist höchst anspruchsvoll.

Grundvoraussetzung für jede Art von Augmented Reality App ist eine Kamera, die die Wirklichkeit auf dem Display anzeigt. Die Applikationen benötigen zudem Zugriff auf das Kamerabild, um Ebenen darüber zu legen.

Beispiele

Nachfolgend haben wir euch Beispiele von Augmented Reality Applikationen und Kampagnen zusammengestellt. Was sicher ist, diese Technologie wird uns in Zukunft immer mehr begegnen.

Lynx Excite Angel Ambush London Victoria

Engel fallen dank Augmented Reality vom Himmel. Tolle Kampagne an der Victoria Station in London.

junaio on iPad 2 – Augmented Reality 2.0

Junaio, welche auch das App für die Galileo Sendungen umgesetzt hat, stellt ihr neues iPad App vor.

Esquire’s Augmented Reality Issue

Das Esquire Magazin hat in seiner letzen Ausgabe die Möglichkeiten der Augmented Reality integriert. So können Promis und Werbung interaktiv mit dem Leser kommunizieren.

WWF Tiger

Die WWF-Kampagne für die bedrohten Sibirischen Tiger machte sich die Augmented Reality zu nutze um Käufer von T-Shirts in die Rolle der gejagten Tiere zu transportieren.

New BMW Z4 in 3D

Mit einem Code welcher auf der BMW Z4 Website ausgedruckt werden kann, lässt sich der neue BMW Z4 im eigenen Wohnzimmer rumfahren.

Tissot Augmented Reality

Warum bei einem Juwelier Zeit verschwenden, wenn man sich zu Hause in aller Ruhe die Wunsch-Uhr anprobieren lässt.

adidas Originals – Augmented Reality Sneaker Experience

Adidas verbindet Realität und Internet mit dem “Augmented Reality” Pack. Die Schuhe haben einen AR – Code auf der Zunge mit welchem sich Spiele steuern lassen.

Mini Augmented Reality

Mini stellt sein neues Mini-Cabrio mit Augmented Reality vor. In diesem Make-Of sieht man hinter die Kulissen der Produktion.

Augmented Reality Olympus

Ab mitte März werden auf Facebook Pages keine FBML-Anwendungen mehr unterstützt. Das ganze wird ersetzt durch sogenannte iFrame-Anwendungen. Dies hat viele Vorteile, jedoch auch einige Nachteile. Wir haben uns das ganze mal im Detail angeschaut und bieten euch unser Template mit vielen Features zum kostenlosen Download an.

Vor- und Nachteile von Facebook iFrame-Apps

Vorteile:

• HTML, CSS und JavaScript können uneingeschränkt genutzt werden. Auch Libraries wie jQuery, Mootools, etc. können problemlos eingebunden werden
• Tracking-Tools wie Google Anayltics können problemlos integriert werden. IP-Adressen und Browserinformationen sind nun also auch verwertbar.
• Bei den bisherigen FBML Apps konnte in Fan Pages kein Autoplay genutzt werden, was nun funktioniert (YouTube Videos, Flash Animationen, etc.)
• Die Nutzung aller Social Media Plugins wird unterstützt (Comment Box, Like Button, Freunde einladen, etc.)
• Cookies können beim Benutzer hinterlassen werden, beispielsweise für die Speicherung der Sprachauswahl
• Facebook nimmt kein Caching mehr vor, sodass z.B. Bilder keinen Cache Breaker mehr beim Update benötigen.

Nachteile:

• Für den Hobby-Facebook-Admin wird es komplizierter, da man “richtige” Website entwickeln muss
• Der Traffic wird auf eigenen Servern generiert, so entstehen je nachdem Mehrkosten
• Static FBML App war bisher sehr einfach und ohne Hosting einer eigenen Seite möglich
• CSS Styles werden nicht mehr von Facebook übernommen, will man also konsistent mit dem Facebook Layout bleiben muss kräftig gestylt werden
• Die Standard-Höhe der iFrame Tabs ist auf 800px beschränkt, will man mehr muss man einen Scrollbalken in Kauf nehmen oder sich mit Facebook Funktionen drum kümmern. Beispielsweise mit FB.Canvas.setAutoResize(); und/oder FB.Canvas.setSize({ width: x, height: y });
• HTML/CSS und JS kann aus dem Quelltext des IFrames kopiert/geklaut werden.

Trotz einigen Nachteilen überwiegen die Vorteile klar. Die Möglichkeiten sind, abgesehen von der fixen breite von 520px fast unbegrenzt. Natürlich wollten wir das ganze mal testen und haben dafür eine kleine aber feine Facebook iFrame-App umgesetzt.

Das Ergebnis findet ihr hier: http://facebook.com/Webdesignlovers.

Achtung: Falls ihr “sicheres durchstöbern” über https aktiviert habt, wird die App nicht angezeigt, da wir unsere App nicht über https anbieten.

Facebook Page Template

Unser Template mit HTML, CSS, JS und allen Facebook Funktionen stellen wir euch kostenlos zur Verfügung.

Features

• HTML, CSS, JS Template
• Integrierte Like Buttons
• Share Funktion
• Invite Friends Funktion
• Kommentare
• Integriertes Youtube Video
• Google Adsense
• Google Analytics

DOWNLOAD

Das ganze wurde nur auf Firefox getestet und dient ausdrücklich zum erweitern. Ladet es euch hier herunter und gebt uns Feedback was ihr damit angestellt habt.

Wie lege ich eine iFrame-App an?

Dann gehen wir mal zum praktischen Teil. Um eine iFrame-App zu erstellen sollte als erstes die App erstellt werden. Also eine einfache Website welche dann per iFrame integriert wird. Meine Website habe ich unter http://webdesignlovers.ch/fb erstellt. Wie ihr seht, kein Rocket-Science sondern kurz und knackig umgesetz.

Zu Testzwecken könnt ihr mein Template hier herunterladen und auf eurem Server wieder hochladen. Die Files können auch später noch problemlos eurem Content und Design angepasst werden.

Wie integriere ich die iFrame-App auf meiner Facebook Page?

Das ist etwas umständlicher als bisher mit FBML. Als erstes browst ihr die Developers Seite an: http://www.facebook.com/developers/ . Erstelle dort eine neue Anwendung. Gib der App im nächsten Schritt einen Namen und stimme den AGB’s zu.

Nachfolgend kann nun ein Icon und ein Symbol definiert werden, sowie die Sprache, den Link zu AGB’s, etc. definiert werden.

Die wichtigen Einstellungen findet man im Menüpunkt “Facebook-Einbindung”.  Folgendes kann dort definiert werden:

Canvasseite : Hier geben wir eine Adresse ein, über die die Anwendung später direkt aufrufbar ist.
Canvas URL : Dies ist der absolute URL zu dem Anwendungsordner auf unserem Server. In diesem Beispiel also : http://webdesignlovers.ch/fb/
Canvas-Typ : Hier muß in jedem Fall “iFrame” ausgewählt werden.
iFrame-Größe : Die iFrame Grösse soll sich automatisch anpassen. Das funktioniert nur begrenzt, jedoch helfen wir hier mit Facebook Funktionen nach.
Name des Reiters : Hier kommt der Name hinein, den man später auf der Facebookseite im linken Menü sehen wird (neben dem Icon). Man hat hier 16 Zeichen zur Beschreibung zur Verfügung.
URL des Reiters : Dies ist der Name der Datei, die die Inhalte auf unserem Server beinhaltet. In unserem Fall also : index.html

Nach dem Speichern sieht man die Anwendung nochmal im Überblick:

Nun soll diese App natürlich auf unserer Facebook Page angezeigt werden. Das geht nun ganz fix. Einfach die Anwendungs-Profilseite anklicken, dann kommt man auf die Detailseite der Applikation.

Hier kann einerseits getestet werden ob die Facebook-Funktionen korrekt funktionieren (Zur Anwendung anklicken) oder man kann die App einer Facebook Page hinzufügen mit “Zu meiner Seite hinzufügen”.

Und Boom! – das Ding läuft!

Hier der Link zu unserer App: http://facebook.com/Webdesignlovers

Achtung: Falls ihr “sicheres durchstöbern” über https aktiviert habt, wird die App nicht angezeigt, da wir unsere App nicht über https anbieten.

Facebook-Template Download

In der Serie “Agencies We Love” wollen wir euch Agenturen vorstellen welche uns mit Ihrem Portfolio, kreativen Fähigkeiten, Ideen und Stil begeistern. Anfangen wollen wir mit einem Design Studio aus Zürich über welches wir bei der Recherche von “Best of Swiss Webdesign” gestolpert sind. Gegründet wurde das Studio von den etablierten Designern Sonja Schneider, Reto Gehrig und Donovan Gregory.

Details zu den Gründern

Sonja Schneider machte ein Studium der visuellen Kommunikation in Vancouver am Emily Carr Institute of Art & Design. Danach blieb sie in Kanada und durchlief bei Kaldor Design Group den klassischen Werdegang zum Senior-Art-Director. 2004 Gründung von Sonja Schneider Design und enge Zusammenarbeit mit Jane und Stephen Cox, (www.causeandaffect.com). Zusammen wurden sie verantwortliche Creative Directors für Interior Design und Kulturmessen, immer mit strategischer Entwicklung und beratender Funktion. Seit 2007 lebt sie wieder in der Schweiz, hat die beratende Funktion für den Designer’s Club behalten und arbeitet an Markenaufbau-Strategien, Markt Positionierungen und deren Umsetzung ins Visuelle.

Reto Gehrig arbeitete nach seiner grafischen Ausbildung zunächst als freier Künstler, bevor er als Initiator und Art Director stilbildender Zürcher Musik-Clubs in Erscheinung trat (u.a. Atelier Milvus, LUV-Club, Alte Metzg, St.Pauli Bar). Seine konzeptionellen und grafischen Arbeiten waren viele Jahre prägend für Zürichs Club-Kultur. Früh folgten Aufträge wie die Neugestaltung des Züri-Tipps, oder der KITAG Kino Theater Zürich AG und bald Design-Anfragen für nationale und internationale Kunden. Als Partner und Creative Director gründete er CODE. Werkstatt für Grafik. Seit 2008 firmiert er wieder unter eigenem Namen: retogehrig.ch. Das Schwergewicht seiner Arbeit liegt im Markenaufbau, Konzeptentwicklung und Logo-Design.

Donovan Gregory gründete 1999 die Raffinerie, die bald zu den führenden Grafik-Agenturen der Schweiz gehörte. Während dieser Zeit gestaltete er Marken, Schrift-Fonts, Image-Kampagnen, Verpackungen, Bücher, Ausstellungen, Erscheinungsbilder für Events, Bekleidung, Snow- und Skateboards, rief Lifestyle-Magazine ins Leben, arbeitete für Theaterhäuser oder Künstler und wurde dafür international ausgezeichnet. Er war ebenfalls von der Gründung an, sechs Jahre Designer und Geschäftsleiter des Word-Magazins sowie der Wordless-Ausstellungsreihe. Er gestaltete das internationale Kunstmagazin Modart und war mitverantwortlich für das Design des Magazins der Swiss International Air Lines AG. Daneben verfasste er Beiträge in Fachzeitschriften zu Themen und Techniken des Grafik-Designs und bildete Grafiker aus. 2007 nach acht Jahren als geschäftsführender Teilhaber der Raffinerie AG, trat er aus der Firma aus, um sich wieder mehr Raum für Forschungsarbeiten rund um Design-Fragen zu schaffen. Mit seiner 2007 gegründeten Firma Donovan GmbH werden Kunden interdisziplinär und medienübergreifend mit Design-Leistungen betreut und strategisch beraten, immer mit grösstem Einsatz und fliessend Herzblut.

Arbeiten

Markenaufbau

Zurich Film Festival

Flame

Corporate Design

Amboss Bier

Indigo Lotus

Bars und Clubs

Alte Börse

Härterei

X-Tra

Magazine und Bücher

Swiss Magazine

The skin i’m in

Modart Magazine

Nature of Snowboarding

Verpackungsdesign

Tauer Parfüm

Café Noir

Plakate

Anti-Hass-Plakate

Mavericks

Lithographie

Alkestis

Fumetto

Wordless Ausstellung

Straightahead Rec

Illustration

Airflow Skateboards

Amateur Magazin

Freie Arbeit

Weiterführende Links:

Website: http://www.designersclub.ch

Welche Agenturen gehören zu euren Favoriten? Sagt es uns im Kommentar und wir werden diese zukünftig vorstellen.

Im Jahr 2010 wählten sich rund 16% der Internetnutzer über das Handy ein. Nach Angaben des Statistischen Bundesamtes hat die mobile Internetnutzung damit im Vergleich zum Vorjahr um 78% zugenommen: 2009 lag der Anteil der Internetnutzer per Handy noch bei 9%. Der Nutzen ist stark altersabhängig. Den höchsten Anteil an Internetnutzern hatten im Jahr 2010 die 16- bis 24-Jährigen mit 98%. Insgesamt nutzten drei Viertel (75%) aller Personen ab zehn Jahren das Internet (2009: 73%).

Websites die für mobile Geräte konzipiert sind, werden somit immer wichtiger. Zurzeit investieren viele Marken in Apps, jedoch wird dies bei steigender Anzahl von Betriebssystemen und Gerätehersteller immer aufwendiger und teuerer alle Geräte abzudecken. Deshalb denken wir, dass die Zukunft mobilen Websites gehört welche für dessen Gebrauch konzipiert sind. Die Aufwände für die Entwicklung und Maintenance können stark reduziert werden. Zudem sind die Möglichkeiten welche HTML5, CSS3 und JavaScript bieten enorm (Offline Modus, Embedded Content, Video, etc. ). Bei der Recherche zu diesem Artikel ist uns aufgefallen, dass die mobilen Websites noch sehr rar gesät sind. Doch wir sind optimistisch dass sich dies in den nächsten Jahren ändern wird.

Um die Websites in diesem Artikel anzuschauen, lohnt es sich diesen Artikel über unsere Mobile Website aufzurufen oder allenfalls einen Mobile Phone Emulator zu verwenden, da die meisten mobilen Websites das Betriebssystem erkennen und den Benutzer auf die entsprechende Seite umleiten. Nachfolgend findet ihr eine Auswahl von mobilen Websites die uns ziemlich beeindruckt haben.

Eine Website kann übrigens ganz einfach als Icon dem Bildschirm hinzugefügt werden. Einfach im iPhone Safari Browser auf das Plus-Zeichen tappen und “Zum Home-Bildschirm” anwählen. Name geben und hinzufügen. Am besten gleich ausprobieren.

Was ist eure Meinung zu der Zukunft des mobilen Webs? Wer macht das Rennen, die Apps oder Mobile Websites? Sagt es uns im Kommentar.

Toi Soldier

Diesel

Sevnthsin

Threadless

Jet Films

Please fix the iPhone

Eroi

Tumblr

Mail Chimp

M1K3

Victoria Secret

DPTO

Auxiliary Design

Zootool

MOS Creative

Yiibu

Vimeo

Analogue

Hugetype

Schokolade, Matterhorn, Uhren, Taschenmesser, schweizer Garde im Vatikan, Pünktlichkeit ja und schließlich Kurt Felix und Paola, dass alles verbindet man mit der Schweiz. Auch Design-Highlights und -Grössen kann die Schweiz bieten. Vor allem die Schweizer Typografie um 1955 mit bekannten Namen wie Max Bill, Adrian Frutiger, Karl Gerstner, Hans Eduard Meier und Max Miedinger klingen in den Ohren. Doch wie sieht es mit dem Webdesign in der Schweiz aus? Die Schweizer Typografie mit ihrer sachlichen Darstellung, Groteskschriften und extremen Weissräumen haben den Weg ins Schweizer Webdesign gefunden, aber wie? Unsere Neugier war geweckt und so haben wir uns auf die Suche nach der schönsten Webdesigns der Schweiz gemacht – und sie gefunden.

Die Suche nach den schönsten Webdesigns der Schweiz gestaltete sich als schwierige Aufgabe. Nur wenige Websites fanden den Weg in Showcases und Blog-Artikel. Deshalb haben wir viele Schweizer Webagenturen und Webdesigner direkt angefragt und sie gebeten uns ihre Perlen der Schweizer Web-Landschaft mitzuteilen. Herausgekommen ist eine bunte Mischung von Corporate Sites, trendige Agentur- und kreative Portfolio-Websites. Wir sind absolut stolz in diesem kleinen aber kreativen Land das digitale Bild mitzugestalten.

Welche Schweizer Websites gehören zu deinen Favoriten? Teile es uns im Kommentar mit.

Agenturen

Station

Spoiled Milk

Amazee Labs

Reinhold

Department

Smiroka

Notch Interactive

Zurich Tokio

Contexta

Hinderling Volkart

Fugu

Kikk Studio

Chragokyberneticks

Designer’s Club

Ginetta

Pixelfarm

Grand Studio

Source

Büro 4×4

Never Crew

Malik Arts

Nemuk

Menagea 3

Hochspannung

ibl und partner

Büro Destruct

Business

Lost in Val Sinestra

Umsetzung Contexta / Hinderling Volkart

Plaza

Umsetzung bei Designer’s Club

Rock Resort

Umsetzung bei Assai Dialog + Digital AG

Heineken

Umsetzung bei Station

Jeremy Gleave

Umsetzung bei Astina / Hinderling Volkart

Riders Palace

Vivi Kola

Umsetzung bei Hinderling Volkart

Skill Bill

Rocking Chair

Alte Börse

Bligg

Umsetzung bei Station

Zimtstern

Umsetzung bei Square und Unic

Helveticons

Zeitraumaargau

Umsetzung bei Hinderling Volkart

Tri-Hub

Umsetzung bei Nemuk

Eleven

Umsetzung bei Fortyone

Zai for Bentley

Umsetzung bei Rod Kommunikation AG

Flockstreet

Umsetzung bei Ginetta

Exil

Ste Haltiner

Umsetzung bei 099

Dini Mueter

Yello

Umsetzung bei Hinderling Volkart

Rohstofflager

Kiff

Umsetzung bei MySign

Club Bonsoir

Openair St. Gallen

Personal

Loïc Dupasquier

Facundo Almeyra

Jürg Lindenberger

Masha Sedykh

Alberto Russo

Gianni Maranzano

Marc Bally

Jonas Kamber

Ruben Feurer

Achilles Greminger

Patric Sandri

Florian Brunner

Lopetz Gianfreda

Miurama

Anne-Charlotte Boizel

Valentin Monteleone

Eliott Ilano

Stefan Künzler

Severin Fischer

Gaël

Filippo Nugara

Rodja Galli

Yves Bachmann

Simone Joerg

Simon Balua

Melanie Blaser

Julian Jamardo

Guillaume Chabot

Thierry Blancpain

Max Henschel

Daniel Bär

Pablo Wünsch Blanco

Niko Kitsakis

Jérôme Détraz

Roger Burkhard

Uns fasziniert das Design der alten Tage. Die Symbiose aus Illustration und Fotografie, gezeichnete Schriften und analoge Bilder. Farbkombinationen und Texturen die heute wieder hipp sind. Was uns die Geschichte lehrt ist, dass sich alles wiederholt. Lasst euch inspirieren.

Eraserhead

Ocean’s 11

Butch Cassidy & The Sundance Kid

Born Reckless

Seven Year Itch

Lolita

Le Mans

Ride the Wild Surf

Viva Knievel

Charlie Chaplin

Funny Face

Dial M for Murder

You Only Live Twice

Barbarella

Attack of the 50 Ft. Woman

Batman

The Ghoul

Dragstrip Riot

The Invisible Boy

I Was a Teenage Frankenstein

Faster Pussycat! Kill! Kill!

The Deer Hunter

The Good, The Bad, and the Ugly

Get Carter

The Enforcer – Israel 1sh

Pumping Iron

Mike Kus, einer unserer Vorbilder was Webdesign angeht. Er beeindruckt mit einzigartigen illustrativen Designs und wurde berühmt mit der Website von Carsonified. Wir konnten ihn exklusiv interviewen und möchten euch das Gespräch nicht vorenthalten.

Zuerst mal vielen Dank dass du dir die Zeit für dieses Interview von Webdesignlovers nimmst. Du wurdest weltweit bekannt mit dem Design der Website von Carsonified, kannst du uns näheres zu diesem Projekt erzählen?

Es war ein sehr anstrengendes aber lohnenswertes Projekt. Ich nahm es mir zur Aufgabe etwas einzigartiges zu entwerfen, welches die Persönlichkeit und den Charakter von Carsonified optimal zum Ausdruck bringt. Ich versuchte eine Unmenge von Ideen aus, bevor es zur endgültigen Umsetzung kam. Die Idee hinter der finalen Version der Seite war es, die Passion für die Arbeit und die Liebe zum Web auszudrücken.

Wo findest du die Inspiration für deine Designs?

Inspiration erhalte ich von meinem Umfeld, und manchmal auch von anderen Websites. Spannender jedoch finde ich Inspirationen von alten Flyern oder coolen Verpackungen. Die Inspiration der Carsonified Website kam beispielsweise von einem Verkaufsplakat von einem GAP-Kleiderladen.

Könntest du uns deinen typischen ‘Start to Finish-Workflow’ beschreiben wenn du an einem Design arbeitest?

Am Anfang des Prozesses setze ich mich meistens hin und überlege mir alles zu dem Thema, dann wird gescribblet, dann Suche ich Inspiration in Magazinen und schaue mir andere Websites an. Weiterdenken. Im Photoshop wird die Seite designt. Danach erstelle ich das HTML/CSS um die Seite komplett umzusetzen.

Wie überwindest du kreative Blockaden?

Leider habe ich dagegen auch keine Abhilfe. Ich habe es von Zeit zu Zeit und hasse es! Ich habe es beispielsweise gerade bei einem Projekt, an welchem ich arbeite. Ich denke das wichtigste ist, einfach ruhig zu bleiben und die Dinge nicht zu überdenken. Entdecke deine Ideen, auch wenn du sie noch nicht so richtig fühlst.

Versuchst du einen grundlegenden Stil in all deinen Werken beizubehalten oder versuchst du diesen stets zu variieren?

Wenn ich eine Seite designe, erfülle ich den Auftrag des Kunden. Ich bin also total dafür, ständig die Stile zu wechseln. Wenn man sich mein Portfolio anschaut, erkennt man auch viele verschiedene Stilrichtungen. Der Grund warum viele Illustrationen zu finden sind liegt daran, dass diese oft in Auftrag gegeben werden. Es ist also weniger ein grundlegender Stil, sondern eher Anforderungen eines Projekts die erfüllt werden. Es ist halt eine dieser Sachen, man wird bekannt durch etwas und erhält dann auch immer wieder Aufträge in diesem Stil.

Welche Programme benutzt du für deine Arbeit?

Ich benutze Stift, Papier und Photoshop.

Inwiefern wirst du in deinem Leben beeinflusst durch deinen Job als Künstler und Designer?

Ich beobachte immer wieder gute Designs um mich herum. Wenn ich unterwegs bin mache ich ständig Photos von Verpackungen, Beschilderungen und Gebäuden mit meinem Phone. Einfach Dinge, welche mich inspirieren. Ich denke ständig an Design. Oftmals finde ich auch Lösungen und Ideen während meines Alltags und in meiner Freizeit.

Wie promotest du deine Arbeit? Wie wichtig ist bei diesem Prozess das soziale Netzwerk?

Um ehrlich zu sein, hasse ich diesen Part von meinem Beruf. Ich bin nicht wirklich gut darin mich selbst zu promoten. Mir ist bewusst dass ich mehr darum kümmern sollte. Ab und zu benutze ich Twitter, jedoch eher selten. Ich versuche zu bloggen, oftmals fehlt mir jedoch die Zeit dafür. Ich denke der beste Weg sich als Designer zu promoten, ist ein bestmögliches Portfolio zu haben… und es aktuell zu halten. Ich erhalte so viele Aufträge von Leuten welche andere Arbeiten von mir gesehen haben. Ich denke darum auch, dass besonders die Web-Galleries eine sehr wichtige Rolle spielen. Wenn man seine Arbeit auf diese Seiten bringt, hilft das definitiv an mehr Aufträge zu kommen.

Was sind deine zukünftigen Projekte?

Zurzeit habe ich eine Menge offener Projekte. Ich designe gerade eine iPhone-App für ein paar coole Jungs aus den USA. Ausserdem arbeite ich an einem coolen Design Projekt für Joe Stump (SimpleGeo) und Chris Lea (Mediatemple) wobei ich euch dazu noch nicht mehr verraten kann. Joe beschreibt es nur so: “Es wird eine Neuheit, was die Verwaltung von Code anbelangt”. Ausserdem arbeite ich ständig an tollen Projekten für Carsonified.

Vielen Dank für das Interview Mike. Zum Schluss, hast du noch Tipps für angehenden Künstler und Designer?

Ich denke das wichtigste ist, hart zu arbeiten und sicherzugehen, dass man sich ein grossartiges Portfolio aufbaut, auch wenn dies bedeutet, einzigartige Projekte kostenlos umzusetzen. Reiche alle deine Arbeiten bei Web-Galleries ein, damit sie gesehen werden und entwickle dich und deinen Stil steht’s weiter.

Weiterführende Links:
Website
Twitter

Wir sind auf Entdeckungsreise in Berlin mit Andreas Levers aka 96 dpi. Begeistert sind wir von seiner gradlinigen Art Motive auszuwählen, zu fotografieren und mit Bildbearbeitung zu verfeinern. Besonders Architektur hat es ihm angetan.

An einem normalen Tag arbeitet Andreas am Schreibtisch als Mediengestalter. Fotografie ist seine Freizeit. Auf die Frage nach seiner Inspiration meinte er:

Meine Inspiration sind vor allem die unzähligen Talente im Web, von denen ich einige im realen Leben kennenlernen konnte. Um Motive zu finden, ist es für mich am besten eine Tageskarte für die S-Bahn zu lösen und mich durch die Stadt treiben zu lassen.

Wir sind der Meinung dass Andreas selbst zu den unzähligen Talenten gehört und möchten euch gerne eine Auswahl seiner zahlreichen Entdeckungsreisen vorstellen. Ein Blick in sein Flickr Profil und sein Blog mit Tutorials zu Bildbearbeitung und Fotografie lohnt sich sehr.

Thorn

Corner

Moderne

Hotel

Stairs

Tempelhof

Joachimstaler Ecke Augsburger

Corner

Bahnhof

Block

Corner

Ceiling

Grau

Holocaust Mahnmal

ICC Tunnel 1

Pattern

Fassade

Airduct 2

Bogen

Dry

Minus Crowd

ICC-2

ICC-1

Darkness falls

Construction

Hard shadows

Swissôtel Berlin

Dark sunlight

Autobahndreieck

Charlottenburg

Thorn

Shell-Haus

Berlin-Tempelhof

Where’s my plane?

Berlin

Web Heroes sind für uns die Helden welche das Internet zu dem machen was es heute ist. Wahre Erfolgsgeschichten unserer Zeit. Doch was waren die Beweggründe solche Projekte ins Leben zu rufen, wie erreichten sie solche Nutzerzahlen und was sind Ihre Ansichten zum digitalen Leben. Wir haben recherchiert und können euch interessante Interviews und Berichte zu Personen wie Matt Mullenweg (WordPress Gründer), Jack Dorsey (Twitter Gründer), Mark Zuckerberg und weiteren interessanten Persönlichkeiten vorstellen.

Matt Mullenweg, WordPress Gründer

Matthew Mullenweg (27 Jahre) ist Initiator und leitender Entwickler des weit verbreiteten Web-Publishing-Systems WordPress und arbeitet an weiteren Open-Source-Projekten mit. Ende 2005 gründete Mullenweg das Unternehmen Automattic, welches unter anderem das Blog-Portal WordPress.com betreibt, das WordPress-Plugin Akismet entwickelt und den im August 2007 gekauften Dienst Gravatar bereitstellt.

Website: http://ma.tt
Twitter: http://twitter.com/mattmullenweg

Jack Dorsey, Twitter und Square Gründer

Jack Dorsey (35 Jahre) ist ein Softwareentwickler und Unternehmer. Dorsey studierte an der Webster University. Seine bekannteste Entwicklung ist der Nachrichtendienst Twitter, welcher im März 2006 als ein Forschungs- und Entwicklungsprojekt innerhalb der San Franciscoer Podcasting-Firma Odeo entstand. Im Mai 2009 präsentierte er den mobilen Bezahldienst Square der Öffentlichkeit.

Twitter: http://twitter.com/JACK

Mark Zuckerberg, Facebook Gründer

Im Jahr 2004 gründete Mark Zuckerberg (27 Jahre) als Student Facebook, nachdem er sich erfolglos an einigen anderen Internetprojekten versucht hatte. Verschiedene Quellen schätzen den Gesamtwert des Unternehmens auf 3 bis 15 Milliarden US-Dollar.

Website: http://www.facebook.com/markzuckerberg
Twitter: http://twitter.com/finkd

Dries Buytaert, Gründer von Drupal

Dries Buytaert (33 Jahre) ist ein Programmierer von Open Source-Software und der Gründer und Chefentwickler des CMS Drupal. Buytaert verteidigte seine Dissertation in Informatik am 27. Januar 2008 an der Universität Gent in Belgien.

Website: http://buytaert.net/
Twitter: http://twitter.com/dries

Kevin Rose, Digg Gründer

Kevin Rose ist Gründer des Social Bookmark Dienst Digg, der sich auf jede Art von Nachrichten spezialisiert hat. Verweise auf Neuigkeiten werden von Benutzern mit Titel, Beschreibung und Kategorie eingestellt und von anderen Benutzern mit Hilfe des Verweises „digg it!“ als positiv bewertet.

Website: http://kevinrose.com
Twitter: http://twitter.com/KEVINROSE

Dennis Crowley, Foursquare Gründer

Dennis Crowley ist ein US-amerikanischer Internet-Unternehmer, der vor allem als Mitbegründer der populären Internet-Portale Dodgeball und Foursquare bekannt geworden ist. Crowley ist Bachelor-Absolvent der Syracuse University’s S.I. Newhouse School of Public Communications.

Website: http://denniscrowley.com
Twitter: http://twitter.com/dens

Pete Cashmore – Mashable Gründer

Pete Cashmore ist CEO und Gründer des populären Blogs Mashable. Er gründete Mashable in Aberdeen, Schottland 2005 im Alter von 19 Jahren.

Twitter: http://twitter.com/petecashmore

David Karp, Gründer von Tumblr

David Karp ist Unternehmer und lebt in New York City. Er ist Gründer und CEO der populären Microblogging Plattform Tumblr.

Website: http://davidslog.com
Twitter: http://twitter.com/davidkarp

Bei Minimal werden wir animalisch und ich glaube es geht nicht nur uns so. Der Trend des reduzierten Designs bleibt auch im 2011 bestehen und würdigen wollen wir dies mit Inspirationen der schönsten Minimal-Websites der letzten Monate.

Thrivesolo

Sinclair Brook

Nythan James

SouthSouthWest Design

Design Bureau – Lundgren + Lindqvist

The Butcher and The Crow

Soulellis

Marie Saint Pierre

Cornerstone

RoAndCo Studio

Atomized

Modernista

Arias

The Heads of State

Cow&Co

Claire Coullon

Appreciate It

JDC

Dark Sky Magazine

Micaela Valin

im

Nice Device

Good Fucking Design Advice

Tumblr ist ein echtes Leichtgewicht unter den Blogging-Plattformen. Die Einfachheit wie man Texte, Photos, Zitate, Links, Musik und Videos direkt aus dem Browser, Phone, Desktop oder per E-Mail veröffentlichen kann, lässt unser Web 2.0 Herz höher schlagen.

Der grosse Unterschied zu Plattformen wie LiveJournal oder Blogger liegt in der extremen Einfachheit. Sobald ein Benutzer etwas interessantes im Web-Dschungel entdeckt kann er lediglich auf das “Share on Tumblr” Bookmarklet klicken und schon wird das ganze getumblet. Das Resultat ist ein Webblog welcher mit wenig Zeitaufwand mit Text, Links und Multimedia gefüttert werden kann.

Die Lernkurve ist steil und der Einstieg fällt einfach, hier ein Einführungs-Video um euch den Einstieg schmackhaft zu machen:

Grossartig ist auch die grosse Auswahl an Tumblr-Themes, schnell & einfach lässt sich der Blog seinen kreativen Ansprüchen anpassen. Wir haben gesucht, gefiltert und euch eine Liste von Tumblr-Themes zusammengestellt die rocken!

langer.tumblr

Preview
Installieren

Inkhorn

Preview
Installieren

Pink Touch

Preview
Installieren

Cmpndm

Preview
Installieren

Atonement

Preview
Installieren

Xtreme Minimalism

Preview
Installieren

Black Diamonds

Preview
Installieren

Revista

Preview
Installieren

Boundless

Preview
Installieren

Sarah’s Theme

Preview
Installieren

Mstly

Preview
Installieren

Boston Polaroid

Preview
Installieren

Callisto

Preview
Installieren

Chunk

Preview
Installieren

Random Daze

Preview
Installieren

Frontier Mustard

Preview
Installieren

Cuddle Fuddle

Preview
Installieren

Rockstar

Preview
Installieren

Adaptation

Preview
Installieren

The Fisherman’s Friend

Preview
Installieren

Pablo Alfieri ist ein Grafikdesigner und Illustrator aus Buenos Aires, Argentinien. Nachdem er als Art Director in verschiedenen lokalen Studios arbeitete, entschloss er sich dazu, seine ganze Passion für Graphic Design, Illustration und Typografie in sein eigenes Projekt “Playful” zu investieren. Seine Werke charakterisieren eine konstante Suche nach Einfachheit in geometrischen Formen. Eine Mischung aus Chaos und Ordnung sowie ein gelungener Mix von analogen und digitalen Elementen.

Seine Arbeiten begeistern nicht nur uns, er setzte bereits Kampagnen für Nike, MTV, Snickers, Chevrolet und vielen nationale- und internationale Agenturen um und erntete damit grosse Aufmerksamkeit in diversen Magazinen und Fachbücher. Lasst euch inspirieren von der wunderbaren Welt des Pablo Alfieri.

Mehr Informationen zu seinen Arbeiten findet ihr auf seiner Website http://www.pabloalfieri.com

Die Flut an Informationen und Daten steigt. Das merken wir täglich – immer mehr Feeds und Tweets, Informationen und Statistiken welche es zu sortieren, verstehen und priorisieren gilt. Doch deren positive Effekte dürfen nicht unterschätzt werden. Denn mit den Daten und ihren sinnvollen Visualisierungen lassen sich Phänomene, Zusammenhänge und Entwicklungen aufzeigen, die wir so anschaulich wie noch nie zuvor zu sehen bekamen.

Ein komplett neues Terrain für Designer und Entwickler. So haben unlängst Verlage wie “The Times” oder “The Guardian” spezialisierte Agenturen angeheuert um gemeinsam die konzeptionellen, technischen und gestalterischen Herausforderungen zu lösen.

Nachfolgend haben wir euch einige kreative Lösungen, wie aus nackten Zahlen spannende und leicht verständliche Infografiken entstanden sind.

Which Countries are the happiest

Details

The Earth’s Oldest Trees

Details

Mayan Interdimensional Star Map

Details

Prime Number Circle

Details

The Celtic Zodiac

Details

Ancient Hebrew Cosmology

Details

Kukulcan Pyramid

Details

The map of the future

Details

The Most Dangerous Cities for Walking

Details

Only The Good Die Young

Details

Bus Ride 37 Minutes

Details

Environment

Details

Visions of academic design research in Italy

Details

Research – Royal College of Art

Details

Heat Effects on NYC Marathon Runners

Details

What People are Doing Online

Details

Political Nascar

Details

Who’s not washing their hands

Details

How Kids Are Having Sex

Details

Wir lieben CodeIgniter! Das schlanke PHP Framework, welches lediglich 1.6 MB auf die Waage bringt ist ausserdordentlich gut dokumentiert und bietet mit seiner Technologie gar die Grundlage des erfolgreichen CMS Expression Engine. Wenn ihr auf PHP programmiert, objektorientiert oder nicht – wir können euch dieses Open Source Framework wirklich nur ans Herz legen. Neben der Dokumentation stehen viele Tutorials und Plugins zur Verfügung, diese möchten wir euch nachstehend vorstellen, damit ihr einen flüssigen Start in die Welt von CodeIgniter findet.

Official Links
Offizielle CodeIgniter Website
User Guide
Wiki

Offizielle Codeigniter Tutorials

Diese offiziellen CodeIgniter Video Tutorials bieten eine optimale Einführung in die Welt von CodeIgniter. Anhand von einfachen Beispielen wird das MVC Prinzip erklärt und Datenbankabfragen und Scaffolding vorgestellt.

Hello World! Introduction to CodeIgniter
Create a Blog in 20 minutes

Nettuts Codeigniter Tutorials

Nettuts haben eine imposante Serie von CodeIgniter-Tutorials ins Netz gestellt. Sie bieten eine umfassende Einführung in das Framework und gehen Stück für Stück ins Detail. Wirklich sehr empfehlenswert.

Day 1: Getting Started With the Framework
Day 2: Database Selecting Methods
Day 3: Sending Emails
Day 4: Newsletter Signup
Day 5: CRUD
Day 6: Login
Day 7: Pagination
Day 8: AJAX
Day 9: File Uploading and Image Manipulation
Day 10: The Calendar Library
Day 11: File and Directory Operations
Day 12: Shopping Cart
Day 13: Extending the Framework
Day 14: Security
Day 15: Profiling, Benchmarking & Hooks

Social Media mit Codeigniter

Elliot Haughin liebt CodeIgniter und hat bereits mehrere Anleitungen und Libraries in CodeIgniter geschrieben damit auf einfachste Weise Social Media Plattformen wie Facebook Connect, Twitter, Vimeo und Flickr integriert werden können.

Facebook Connect CodeIgniter Library
Twitter API CodeIgniter Library
Flickr CodeIgniter Library
CodeIgniter Vimeo API Library

Pynotech Codeigniter Tutorials

Pynotech ist bekannt für seine umfassenden Tutorials im Bereich CodeIgniter und Kohana. Sie bieten eine breite Palette von Themen rund um CodeIgniter.

Helpful CodeIgniter Libraries
Pagination with CodeIgniter
CodeIgniter and The HTML Base Tag
Automatically Get the Base URL for CodeIgniter
CodeIgniter: Route Everything, except these Controllers
Code Completion with Codeigniter using Netbeans
Does CodeIgniter Automatically Prevent SQL Injection?
How to Debug Queries with CodeIgniter
How to Rename when File Uploading using CodeIgniter
How To Set-Up CodeIgniter
CodeIgniter FAQ: Loading a View within a View
CodeIgniter AJAX Helper
CodeIgniter Image Manipulation Class: How to Resize
Using Mercurial to Get CodeIgniter 2.0
How To Turn Off Displaying of MySQL Errors in CodeIgniter
Multiple Applications with Codeigniter with one installation
How to put an Image in an Anchor in CodeIgniter
Add SESSIONS to Profiler in CodeIgniter
Using strings for URI Segments in CodeIgniter

99 Points Codeigniter Tutorials

99 Points bieten ebenfalls eine Vielzahl von Tutorials zu CodeIgniter mit jeweils sehr interessanten Themen, unbedingt reinschauen.

How To check Username/Email availablity using jQuery in CodeIgniter?
Upload and Convert video to FLV using FFmpeg.
Simple class to encrypt url data
How to Create Ajax Pagination using CodeIgniter?
How can We Integrate the Authorize.Net Payment Gateway in CodeIgniter?
30 Top CodeIgniter best Tutorials You must want to know.
How To: Use Re-Captcha in CodeIgniter based website?
CodeIgniter 2.0 ?? Whats Great in New version
How can We verify Captcha with Ajax in CodeIgniter?
Send Email from your Gmail account Using CodeIgniter.
MySQL, PHP, CodeIgniter, CSS and JQuery working tips.
How to Upload files in CodeIgniter. A simple way for beginner of CI
Learn CodeIgniter PHP framework: Basic working Structure
Configuring CodeIgniter framework on your localhost.

Okada Design Blog Tutorials mit Codeigniter

Auf dem Okada Design Blog erhaltet ihr ein aufwendig produziertes Tutorial wie ihr ein Portfolio CMS auf der Grundlage eines Templates programmiert, wirklich sehr gelungen, sowie einen Eventkalender der nicht nur chic aussieht, sondern auch funtkional ist.

Creating a Portofolio CMS with CodeIgniter
Create an Event calendar using Codeigniter and jQuery
jQuery Quicksand on CodeIgniter
Ajax Todo List system with CodeIgniter
Zend framework Flickr class on CodeIgniter with jquery
Zend Framework on CodeIgniter: Youtube
How to implement Zend Framework with CodeIgniter
How to delete index.php from CodeIgniter in localhost
Automatically Loaded Class/Library List of CodeIgniter
Naming conventions for CodeIgniter

Newschool goes Oldschool heisst ihre Defise. Zumindest was das Design angeht lassen sich die nachfolgenden Webdesigns von Schriften, Photos und grafischen Elementen der wilden 60er und 70er Jahre inspirieren. Uns gefällt besonders der gelungene Mix zwischen Retro und modernem Minimalismus. Lasst euch inspirieren und lasst den Rock n’Roll wieder aufleben!

Hipstery

Allstarlanes

Superhero Supplies

Telegramme

Mailchimp

Poster Roast

Unbornink

The Waiting Room

Irrational Games

Living Design

DNA to Darwin

Mom & Popcorn

Bullet PR

Web-O-Matic

Kerve

Puma Talk

Eighty Two Design

What is your problem

Dollar Dreadful

ZZZ Drinkzzz

The Archer Group

Team Fannypack

Onetwentysix

Team Fortress

Annyas

Analog

Singularity Concepts

The New York Moon

Freelenz

Kinky Micks

Birdie // Birdie

Upload Pie

Supereight Studio

The Specials

Death cab for cutie

Barley’s Greenville

Emil Kozak’s Designs sprühen vor Energie und laden ein sich in sie zu verlieben. Inspiriert durch die Skateboard-Szene begann Emil schon früh seine Skills aufzubauen. Nun ist der gebürtige Däne 30 Jahre und konnte bereits für Kunden wie Vans, Element, Graniph, Eastpak, Burton, Channel Islands, Nike, Lab Skateboards & Uniqlo Designs entwerfen. Es lohnt sich die Bilder genau anzuschauen da die Details das Bild erst zu einem vollkommenen Kunstwerk entstehen lassen. Wir sind begeistert von seinen Arbeiten und wollen euch deshalb einiges aus seinem Repetoire vorstellen.

One Day

Dell

Ramones

Nike

Kelly Slater

Vans

LAB Kindergarten

Element

Wallcollection

Manual

Instant Winner

Flow

Hulger

Mehr Informationen zu Emil Kozak

Website
Blog
Photo Diary
Twitter
Facebook