Archiv für die Kategorie ‘Konzeption’

Markendesign für Markenschuhe

Mittwoch, 24. August 2011

Sommerpause? Nööö, natürlich war Pixxelpassion auch in den letzten Wochen nicht untätig. Die aktuellen Projekte drehen sich unter anderem um Schuhe – ganz viele Schuhe! Aber dafür welche der ganz besonderen Art: leicht, beschwingt und mit einer Sohle, welche dem Barfuß-Laufen Konkurrenz garantiert – das sind die bequemen Treter von Senmotic Shoes. Das darauf basierende Branding sollte zudem noch eine wertige und moderne Wirkung haben. Unten seht ihr nun eine kleine Gallerie, was daraus bisher entstanden ist.

Ihr dürft auf weitere Ergüsse gespannt sein, denn das noch junge Franchise-Unternehmen ist in stetiger Wachstumsphase. Da wird sicherlich noch so einiges kommen.

Die neue Internetseite von Senmotic Shoes - Webdienst Pixxelpassion

Die neue plakative und edle Website von Senmotic Shoes - mit den Produkten im Mittelpunkt

Flyer und Werbematerial - Pixxelpassion, Webdesign aus Leipzig

Auf diesem Farb- und Gestaltungskonzept beruhen auch die Flyer und weiteres Werbematerial

Packaging Design für Schuhkartons und Tragetaschen

... auch das Packaging Design für Schuhkartons und Tragetaschen hat Charme und Wiedererkennungswert

Plakate und Leuchtreklame für die Shoe-Stores

Plakate und Leuchtreklame für die lokalen Shoe-Stores

Diese kleine Gallerie wird bestimmt bald mit weiteren Produkten gefüllt – schaut einfach mal wieder rein.

Eine neue Identität für I2SE

Montag, 31. Januar 2011

Pixxelpassion freut sich besonders über einen neuen Kunden: I2SE – Dienstleister und Entwickler rund um hochwertige Mikrocontroller-Systeme möchte einen Relaunch der ursprünglichen Website.

Die Anforderungen dabei waren recht schnell klar: die Unternehmenspräsentation sollte zum einen technischer wirken und die Produkte dominanter in den Vordergrund rücken. Zum anderen war auch eine Neustrukturierung und visuelle Gliederung nötig um den Interessenten geschickter von Interest-Spot zu Interest-Spot zu führen.

Optische Komplettrestaurierung

Das Ergebnis ist eine komplette Umkrempelung der Website. Die sowieso zweitrangigen Informationen zur Firma selbst rücken dezent in den Hintergrund und die einzelnen Dienstleistungen und Produkte werden dagegen fast ausschliesslich auf der Startseite aufgezeigt. Clean und übersichtlich! Doch macht euch besser selbst ein Bild von den Entwürfen und lasst den ein oder anderen konstruktiven Kommentar dazu hier.

Homepage von I2SE, Pixxelpassion - Webdesign aus Leipzig

Homepage-Entwurf für I2SE - technisch und strukturiert soll es wirken

Unterseite von I2SE, Pixxelpassion - Webdesign aus Leipzig

Unterseite für I2SE, Produkt- und Galleriebilder werden natürlich noch ausgetauscht





UPDATE [01.03.2011]: Das Produktportfolio zu I2SE ist dieses Wochenende nun endlich fertig geworden. Die Kunden können nun bequem zwischen den einzelnen Platinen wählen und sich über deren Beschaffenheiten und Funktionen informieren. Neben einem ganzheitlichen Layout sind für die kommenden Messeauftritte auch ein Triple an Rollups im Corporate Design enstanden. Pixxelpassion wünscht I2SE maximale Kampferfolge.

Rollups für I2SE - Pixxelpassion, Webdesign aus Leipzig

Druckfrisch: Messe-Rollups für I2SE - Designed by Pixxelpassion, Webdesign aus Leipzig

PS.: Neben der bald fertigen Website wollen noch weitere Produkte in Zukunft im neuen I2SE-Corporate Design glänzen. Natürlich stelle ich diese dann zu gegebenen Zeitpunkt hier auch zur Diskussion für euch. Schaut am besten regelmäßig hier vorbei.

Warum ich bei (fast) jeder Website auf Blueprint schwöre

Freitag, 07. Januar 2011

Zunächst erst einmal zur Klärung: Blueprint ist ein CSS-Framework. Dank vorgefertigter Klassen für die gängisten Layouts und die nötigsten grafischen Elemente, reduziert sich die Entwicklungszeit und der Aufwand erheblich.

Webdesign mit sofort-loslegen

Das erste was dir auffallen wird: die verblüffende Einfachheit! Blueprint offeriert dir eine solide Basis für deine Website. Dank eines kinderleicht zu bedienenden Blueprint-Generators erstellst du dir das benötigte Gitterlayout. Gesamtbreite, Anzahl der Spalten, Zwischenräume – alles lässt sich pixelgenau und mit wenigen Klicks festlegen. Heraus kommt am Ende eine recht schlanke blueprint.css, welche als Grundlage für dein Projekt dient.

Der nächste Vorteil: Hast du diese CSS einmal in deine Website eingebunden und schaust sie dir genauer an, wirst du festtellen, dass die Selektoren für einen Browserreset bereits enthalten sind. Somit hast du browserübergreifend eine solide Ausgangsbasis und legst sofort ohne mühselige Vorbereitungen los.

Hast du dir im Generator zusätzlich die Gitter-Grafik heruntergeladen, kannst du dir dein Gestaltungsraster bequem mit der CSS-Klasse “showgrid” im Hintergrund anzeigen lassen und deine Elemente bequem anhand dessen ausrichten und positionieren. Alle Befehle dazu gibt es übersichtlich in diesem Cheatsheet.

Blueprint Gestaltungsraster - Pixxelpassion, Webdesign aus Leipzig

Die restlichen Entdeckungen und Aha-Effekte möchte ich dir überlassen. Und da gibt es noch einige! Nur soviel: das leidige und zeitintensive Thema “verschobenes Layout im IE6″ gehört dank Blueprint auch der Vergangenheit an. Denn die Blueprint-Konstrukte sind nicht nur valide und ermöglichen geordnete, semantische Strukturen sondern halten auch browserübergreifend.

Vorteile im Überblick

  • Anders als andere CSS-Frameworks offeriert Blueprint eine schlanke – auf Wunsch auch komprimierte – CSS-Datei
  • CSS-Reset, dass die Abweichungen in verschiedenen Browsern beseitigt.
  • Eine festes Raster, welches in seinen Maßen komplett konfigurierbar ist.
  • Voreinstellungen für professionelle Makro- und Mikrotypographie
  • Styles für Formulare und Feedbackmeldungen
  • Druckansicht deiner Websites
  • Browserübergreifende Layouts
  • Modifikationen für fluide Layouts
  • Plugins für Schaltflächen, Registerkarten und Sprites.
  • Großer Support durch Tools, Editoren, Cheatsheets und Vorlagen für beinahe jeden Schritt im Workflow.



Wer jetzt von CSS-Frameworks zum ersten Mal Blut geleckt hat, aber gerne über den Tellerrand nach Alternativen Ausschau halten möchte, dem leg ich diesen Artikel ans Herz. Hier werden neben Blueprint noch über zwei dutzend weitere CSS-Frameworks verglichen und mit ihren Vorzügen aufgelistet.

Und welches CSS-Framework nutzt du?

Die leipziger Zapfen bekommen einen Relaunch

Freitag, 31. Dezember 2010

Auch alteingesessene Urgesteine brauchen mal einen Tapetenwechsel und frischen Wind. Dabei versteht sich die sieben Mann starke Band als eine der ältesten in der leipziger Musikszene. Zurecht, denn 1979 gegründet haben sie doch so manchen Zenit von Künstlern wie die Beatles, Eric Clapton und den Stones miterlebt, die sie heute in ihrem eigenen Programm unter anderem neu interpretieren. Allerdings sind die Zapfen mitnichten eine reine Coverband und auch nicht nur allein im Rockbusiness unterwegs. Die musikalische Klangbreite reicht von Rock über Soul bis Blues und glänzt auch mit etlichen Eigenkompositionen.

  • Aber macht euch am besten selbst ein (Klang)bild – auf der Zapfen-Website gibt es ein kleines Archiv mit Songs direkt zum Download.

Urig und rustikal

Womit wir beim Thema wären. Ebenso liebevoll zeitgemäß aufbereitet wie manch altgediegener Song, sollte die Website werden. Eine Neuinterpretation der Band. Nach ein paar Gesprächen haben wir die wichtigsten Merkmale der Zapfen auf ein paar wenige aber definierende Begriffe runtergebrochen: urig muss das neue Design rüberkommen. Rustikal, alteingesessen und gemütlich. Wie so manch typische leipziger Kneipe, in denen sie ihre Gigs runterbrechen.

Webdesign-Entwurf für die Rockband Zapfen - Pixxelpassion, Webdesign aus Leipzig

Erster Webdesign-Entwurf für die Rockband Zapfen

Und genau auf dieser Basis sind auch die ersten Entwürfe entstanden. Grob gemasertes Holz dominiert den Hintergrund und verleiht dem ganzen Set eine rustikale Note. Aufgelockert durch kunstvoll geschwungene Formen und Instrumente, die das Raster durchbrechen.

Webdesign-Entwurf für die Rockband Zapfen - Pixxelpassion, Webdesign aus Leipzig

Zweiter Webdesign-Entwurf für die Rockband Zapfen

Ein gemeinsames Review und eine Entscheidung für einen Entwurf steht noch aus, jedoch wurden die obigen Konzepte positiv aufgenommen. Diese wollte ich euch natürlich nicht vorenthalten und gleichzeitig – mit Einverständnis der Zapfen – zu einer kleinen Diskussion anregen. Wie findet ihr die Entwürfe?! Vielleicht sieht man sich ja mal auf einem Event der Zapfen. Momentan ist da noch nichts angekündigt, aber der nächste Auftritt im Anker folgt bestimmt.