DESIGNBLOG

08.11.2017: Moods - Der Eindruck stimmt

Moods sind Stimmungen oder Stimmungsbilder. Sie stützen emotional eine Botschaft. Wann braucht man das?

weiter lesen ...

under the sea, Illustration HAAG Kommunikationsdesign | Webdesign An einem aktuellen Projekt kann man nachvollziehen, was moods eigentlich sind, und was sie bewirken. Wir erstellen zur Zeit einen Webshop. Hier ist es besonders wichtig, dass die Besucher in ihrem Kaufinteresse angesprochen werden. Dazu gehören natürlich eine gute Übersicht, leichte Bedienbarkeit und eben auch die richtige Emotion zu dem Produktangebot.

Der Eindruck muss stimmen.

Ohne zuviel zu verraten - das Projekt ist gerade in Entwicklung - so können wir aber dennoch die Vorschläge schon mal herzeigen. Das sind unsere Entwürfe zu einem Key Visual für die Startseite:

under the sea,mood1, Illustration HAAG Kommunikationsdesign | Webdesign

under the sea,mood2, Illustration HAAG Kommunikationsdesign | Webdesign

under the sea,mood3, Illustration HAAG Kommunikationsdesign | Webdesign

under the sea,mood4, Illustration HAAG Kommunikationsdesign | Webdesign

under the sea,mood5, Illustration HAAG Kommunikationsdesign | Webdesign

under the sea,mood6, Illustration HAAG Kommunikationsdesign | Webdesign

under the sea,mood7, Illustration HAAG Kommunikationsdesign | Webdesign

under the sea,mood8, Illustration HAAG Kommunikationsdesign | Webdesign

Wir haben die moods auch auf der Designer-Plattform behance veröffentlicht. Und hier geht´s zum Portfolio bei behance. Dort finden Sie auch weitere Arbeiten aus unserem Haus. Viel Vergnügen!

Sabine Haag

ausblenden

03.11.2017: Whatsapp im Web, so praktisch

Whatsapp auf dem Desktop. Es geht so einfach.

weiter lesen ...

Ob man es nun braucht oder nicht. Whatsapp kann ganz schön praktisch sein. Nicht nur privat, auch geschäftlich ist whatsapp unter Umständen ein Segen. Lästig ist es vielleicht, wenn während der Arbeit am Rechner das Smartphone in der Handtasche surrt, und man nicht weiß, ist es wichtig, soll man ran gehen, oder doch nur wieder ein grüßender Sinnspruch vom Kumpel. Könnte man die eingegangene Whatsapp-Nachricht am Desktop sehen, ist die Entscheidung, ob relevant oder nicht viel schneller zu treffen.

Die App auf dem Desktop. Es geht.

Und es geht einfacher als man denkt: Whatsapp im Web aufrufen, angezeigten QR-Code scannen und schwupps ist die Verbindung mit allen Kontakten vorhanden. Schneller Datenaustausch mit dem Kunden oder Partner kann erfolgen. Und so sieht es aus:

Whatsapp im Web Screenshot HAAG Kommunikationsdesign|Webdesign München

Und hier geht´s zu Whatsapp im Web. Frohes Schaffen!

Sabine Haag

ausblenden

12.09.2017: Projektleitfaden im Webdesign

Wissen, wie es geht. So kommt man ins Internet.

weiter lesen ...

Wir haben in einer Powerpoint-Präsentation einen Projektleitfaden für Webdesign erstellt. Hier zeigen wir den Ablauf bei der Entwicklung einer Webseite.

Ich will eine Homepage. Wie geht das?

Von der Auftragserfassung bis zur online-Stellung ist hier alles erklärt. Wir nehmen unsere Auftraggeber an die Hand. Keine Sorge. Wir helfen bei der Entwicklung einer individuellen Website, immer auf das Unternehmen zugeschnitten.

Gut illustriert

Der Projektleitfaden ist durchgehend illustriert. Man kann also sehen, wie es geht.

Die Vorgehensweise ist auf dem Prinzip "Besprechen-Erstellen-Feedback-Korrektur" aufgebaut. So kann nichts schief gehen. Am Ende bekommt das Unternehmen eine Webseite, die es mitbestimmt hat. Wir erstellen nur noch responsive Seiten. Das heißt, die Internetpräsenz ist auf allen Endgeräten optimal dargestellt. Nachträgliche Erweiterungen sind jederzeit möglich.

Projektleitfaden im Webdesign illustriert HAAG Kommunikationsdesign|Webdesign München

Sie finden die Präsentation auf der kostenlosen Download-Seite. Dort kann man sich den Leitfaden zusätzlich als PDF herunterladen. Viel Vergnügen!

Noch unsicher mit der eigenen Webseite? Melden Sie sich: und nehmen Kontakt zu uns auf. Wir machen gerne Vorschläge.

Sabine Haag

ausblenden

29.05.2017: Wir können zeichnen

Eine neue Produktseite zeigt ganz viel Illustration.

weiter lesen ...

Wir haben nämlich viele unterschiedliche Illustrationen und Infografiken für unsere Kunden bereits erstellt und stellen nacheinander die Arbeiten vor.

Individuelle Zeichnungen

Ob analog oder digital. Wir können zeichnen. Das kann eine komplexe Infografik sein, oder ein sympathisches Visual. Die Anforderung des Auftraggebers wird genau besprochen. Wir beginnen mit Scribbles und können uns an die Aussagen herantasten. Dann wird ein Style definiert und es geht an die Umsetzung.

Illustration HAAG Kommunikationsdesign

Es geht los mit einer kleinen Story bei: Illustration und Infografik. Viel Vergnügen.

Apropos, kennen Sie Illuster? Da gibt es bereits einiges an Illustrationen aus unserem Haus zu sehen.

Wenn es etwas gibt, das Sie illustriert haben möchten, dann nehmen Sie doch Kontakt zu uns auf. Wir machen gerne Vorschläge.

Sabine Haag

ausblenden

21.04.2017: Papiergrößen im Überblick

Alle international wichtigen Standards bei Papiergrößen.

weiter lesen ...

Da hat sich jemand Mühe gemacht und Papiergrößen auf einer Website zusammen getragen.

Den Überblick mit PaperSizes

Zwei Engländer (Designer und Developer) haben aus Eigeninteresse mal sämtliche internationalen Standards an Papierformaten gesammelt. Auch Briefumschläge, Billboards und Zeitungen. Man kann wählen zwischen mm, cm, m, inches. Großartiges Projekt, mit Liebe erstellt. Man kann sogar eine Farbe wählen.

Papierformat Blog HAAG Kommunikationsdesign

Und hier geht es zu PaperSizes

Sollten Sie jetzt noch ein professionelles Design für Ihre Printmedien oder Homepage benötigen, dann nehmen Sie doch Kontakt zu uns auf. Wir stellen gerne ein passendes Paket zusammen.

Sabine Haag

ausblenden

03.04.2017: Kostenlose Tools für Gestalter

Die kleinen Helferlein. Wir haben hier einige kostenlose Tools zum Thema Design und Gestaltung zusammengestellt.

weiter lesen ...

Hin und wieder brauchen wir kleine Helferlein zur Gestaltung von Web oder Printmedien. Über einige nützliche Tools sind wir in letzter Zeit „gestolpert“. Das ein oder andere könnte auch Sie interessieren.

Hier ist unsere Liste von Gestaltungs-Tools:

  • Bildergrößen für facebook und Co. Bei t3n gibt es ein übersichtliches Cheatsheet: t3n.de/news
  • Testen Sie Ihre Website bei Google mit Bericht zur Auswertung. Sie werden weinen: testmysite.withgoogle.com
  • Und immer wieder Google Fonts. Diese Schriftarten sind kostenlos: fonts.google.com
  • Wer sich für Informationen hinter einer Schrift interessiert, hier eine neue Browser-Anwendung Font Drop: fontdrop.viktornuebel.com
  • Der Text für einen Flyer liegt noch beim Chef. Man muss aber schon mal mit dem Layout anfangen und braucht Blindtext. Sehr amüsant, der Blindtext-Generator in Pseudo-Bayrisch bei Bavaria Ipsum: bavaria-ipsum.de
  • Man arbeitet heutzutage mit Icons, um Texte zusätzlich aufzuwerten. Das richtige Icon zum Thema finden mit iconspider: iconspider.com
  • Eigene Designs erstellen, wer sich traut, kann Canva probieren: https://www.canva.com/de_de/

Und hier noch was für Entwickler:

Gutes Gelingen!

Wünschen Sie ein professionelles Design für Ihre Printmedien oder Homepage, dann nehmen Sie doch Kontakt zu uns auf. Wir stellen gerne ein passendes Paket zusammen.

Sabine Haag

ausblenden

22.03.2017: Reines CSS und Animation

Animationen erhöhen den Sympathie-Wert auf einer Website.

weiter lesen ...

Auf unserer Startseite von HAAG Kommunikationsdesign befindet sich eine kleine Animation eines Autorennens. Diese Darstellung ist aber kein Video, kein Clip, kein animiertes GIF. Nur mit CSS geformt und bewegt.

So gut wie keine Ladezeit

Ohne groß ins Detail zu gehen. Die Fahrzeuge sind Code, die Bewegung ebenfalls.

Die Anregung dazu fand ich in einem der vielen Tutorials und Blogs zu diesem Thema. Die eigenen Anpassungen machen es dann zu dem, was es ist. Als Herausforderung erwies sich die notwendige Flexibilität für responsive Darstellungen. War etwas knifflig, aber machbar. Die Umsetzung von festen Pixel-Breiten in skalierbaren Einheiten ist immer eine spezielle Angelegenheit.

Animation Rennen Blog HAAG Kommunikationsdesign

Ist doch nett! Wie gesagt, auf der Startseite zu sehen.

Der nächste Schritt: Marketing! Wie lässt sich eine Animation in ein Marketing-Tool verwandeln?

Sabine Haag

ausblenden

08.03.2017: Powerpoint auf die eigene Website

Wie geht das? Eine kleine Gebrauchsanweisung, wie man eine PP-Präsentation auf der Webseite einbindet.

weiter lesen ...

Das kommt vor: Der Auftraggeber/Chef will seine Firmenpräsentation auf seiner Website wissen. Dann ist Know How und Geduld gefragt. Die Recherche beginnt nämlich mit dem übereinstimmenden Suchergebnis: Geht nicht.

Und es geht doch.

Über einen „embedded Link“ von Powerpoint-online (vergleichbar mit Google-Map einbinden) kann man seine PP-Präsentation auf die eigene Website einbinden. So geht´s:

  1. Erstelle dir eine Outlook Mail-Adresse bei www.outlook.de. Man muss lediglich das Formular ausfüllen. deinname@outlook.de ist kostenlos.
  2. Mit dieser E-Mail-Adresse erstellst du ein Konto bei (Microsoft) OneDrive.com. Folge den Anweisungen zur Konto Erstellung. OneDrive ist ein Speicherort, kostenlos bis 5 GB.
  3. Hochladen der PP-Präsentation läuft über „Upload“ oder „Drag and Drop“. Je nach Umfang der Präsentation dauert es ein Weilchen.
  4. Von deinem Konto bei OneDrive kannst du diverse MS Anwendungen nutzen. Wähle powerpoint-online, öffne dort deine hochgeladene Präsentation. Nach Bedarf kannst du sie online auch noch bearbeiten.
  5. Öffne das Menu rechts oben (kleine Punkte) und wähle „einbetten“. Es werden dir verschiedene Größen angezeigt. Wähle die passende Größe für deine Website oder Blog.
  6. Im Feld darunter findest du den generierten Code. Kopiere diesen Code-Schnippsel und füge ihn zunächst in einen Editor (Notepad, Wordpad, oder so) ein. Vorzugsweise solltest du diese txt-Datei speichern. Füge den kopierten Code in dein HTML-Dokument ein.
  7. Die Powerpoint Präsentation ist nun auf deiner Website. Die Besucher können sich durchklicken. Bei der Ansicht Vergrößerung gelangt man zu powerpoint-online. Dort findet man zusätzlich die Optionen, Präsentation abspielen, als PDF speichern oder Herunterladen.

Anwendungsmöglichkeit

Erstelle Deine Imagebroschüre oder ein Portfolio in PP. Oder du gibst Workshops mit Powerpoint. Stelle deine Präsentation als kostenlose Serviceleistung deinen Besuchern zur Verfügung. Viel Spaß und gutes Gelingen!

Nebenwirkungen

Du kannst deinen neuen OneDrive-Account jetzt nutzen, um Dokumente und Bilder auszulagern. Und du hast Zugriff auf die kostenlosen (etwas abgespeckten) Online-Tools der MS Office-Produkte.

Sabine Haag

ausblenden

26.01.2017: Ausstellung in Wien

Am 01. Februar um 19.00 h beginnt meine Vernissage in der Stilgalerie in Wien.

weiter lesen ...

Es ist mal wieder soweit. Meine nächste Ausstellung steht vor der Tür. Ich freue mich auf Wien. Ausstellungsort ist die Stilgalerie in der Auerspergstraße 2, gleich neben dem Museumsquartier.

Der Titel der Kunstausstellung lautet: "Die Leichtigkeit der Illusion." Die Auswahl der Exponate ist erlesen. Sujets und Techniken sind sehr unterschiedlich gewählt. Jedes Werk verdeutlicht individuell den künstlerischen Ansatz von Illusion.

Zum Einstimmen: Was bedeutet in der heutigen Zeit "Illusion" für jeden Einzelnen. Wo ist die Grenze zur Täuschung? Ist es Fluch oder Segen? Mein persönliches Statement: Illusion ist der Ursprung der Zukunft.

Weitere Informationen dazu gibt es auf der Website der Stilgalerie. Liebe Kunstfreunde, ich freue mich auf euer Kommen. Dank an Hans-Peter Zobl, mein Galerist. Er hat mal wieder ein zauberhaftes Ambiente geplant.

Anfahrt zur Stilgalerie in Wien:

Sabine Haag

ausblenden

17.01.2017: facelift myPOWERPAGE

Die Eigenmarke myPOWERPAGE erhält ein Facelifting. Wir sind mitten im Redesign.

weiter lesen ...

myPOWERPAGE ist feines webdesign und macht natürlich neugierig. Hier sind die Mockups dazu:

Logo / Geschäftsausstattung

branding myPOWERPAGE Logo Briefpapier Visitenkarte Stempel HAAG Kommunikationsdesign

Website fully responsive

responsive webdesign mockup my POWERPAGE by HAAG Webdesign

Broschüre

Mockup Broschur myPOWERPAGE by HAAG Kommunikationsdesign

Plakat

Mockup Plakat myPOWERPAGE by HAAG Kommunikationsdesign

Karte / Flyer, Cover

Mockup Karte / Flyer Cover myPOWERPAGE by HAAG Kommunikationsdesign

Wir finden Design macht schön und erfolgreich. Bei Interesse einfach Bescheid geben: Kontakt zu HAAG Kommunikationsdesign München Wir freuen uns über jede Kommunikation.

Sabine Haag

ausblenden

Mehr zum: Datenschutz.

Diese Webseite verwendet nur technisch notwendige Cookies.

Verstanden ✖