Landing Page

Heute arbeitete ich zuerst mal die Liste für die Bilder der Dienstags und Donnerstags Produktbilder der DocCheck News von Mischa ab. Dabei handelte es sich wie üblich um Produktbilder, die ich in der Größe 180x200 erstellte.

Zwei Beispiele:

Nachdem dies getan war, setzte ich mich mit Nina zusammen und ordnete unsere Ordner auf dem Arbeitsplatz. So sortierten wir aus, verschoben, usw, sodass das Ganze mehr Sinn ergibt und Ordnung mehr Ordnung herrscht. Einen Order haben wir nun, den wir Prüfen müssen, denn da sin einfach Bilder drin ohne Namen. In nächster Zeit werden wir dann immer für ein bisschen an diesen Bildern arbeiten.

Anschließend musste eine neue CMS Seite her, eine Landing Page für Stada. Eine Landing Page ist eine speziell eingerichtete Webseite, die nach einem Mausklick auf ein erscheint.

Hier geht's zum Quartalflyer

Da unser derzeitiger Quartalflyer einige Stada Produkte enthält, wird die Seite benötigt. Ich sollte also die sieben Produkte (Stada Handschuhe, Stada Ärzterollen, Stada Waschlotion, Stada Ultraschallgel, Stada Laborbecher, einen Schwangerschaftstest und Drogentests) in diese Seite einbauen mit dem Stadalogo, das ganze sollte nett aussehen und bis Morgen fertig sein.
Das waren meine Informationen.

In Dreamweaver fing ich dann an mir die Textboxen anzulegen, eine für jedes Produkt und dann noch ganz oben für das Stadalogo.

Anschließend schrieb ich in den Header ein Verzeichnis der Produkte und fügte in jede Textbox den Titel des Produkts ein. Den Name im Verzeichnis und in der Textbox verlinkte ich dann mit einem „Anker“, somit wird man, wenn man auf den Namen im Verzeichnis klickt auf die dementsprechende Textbox geführt.

Zuerst erstellte ich, so ähnlich wie im Quartalflyer eine Grafik mit Bild, Kurzbeschreibung, Beschreibung, Größe, Stückzahl, Preis und Artikelnummer. Dieses Bild lud ich dann über das Backend hoch und fügte den Quellcode, den ich in Dreamweaver geschrieben habe ebenfalls in das Backend ein und schaute mir anschließend die CMS Seite im Shop an. Als komplette Grafik hatte mir der Artikel nicht gefallen, also beschloss ich den Artikel komplett in HTML zu bauen, nur das Produktbild sollte eine Grafik werden.

Dazu suchte ich zuerst mal die Bilder der Produke raus und speicherte sie ab.

Das war’s von heute.

Bianca

Gestern in MiH sind wir nun zu einem anderen Thema gekommen. In gruppenarbeiten sollten wir uns überlegen, was es für Kriterien für eine gerechte Entlohnung gibt. Dazu haben wir danach die Lohngruppenstruktur für die gewerblichen Arbeitnehmer, den Lohn-und Gehaltsrahmentarifvertrag für das Schreinerhandwerk sowie die analytische Arbeitsbewertung kennengelernt.

Morgens habe ich noch ein paar Studentenbanner eingefügt und war somit hatten alle Produkte, von denen es ein Studentenangebot gibt, einen Studentenbanner in den deutschsprachigen Shops.

Anschließend habe ich die Versandkostenseite bearbeitet, Links nachgeschaut, ob diese richtig waren und die Studenten-CMS Seite eines Ländershops bearbeiten müssen, da der Quellcode total "kaputt" war und daher nicht funkitonierte. Außerdem musste ich noch einige Textteile einer CMS Seite auskommentieren. Weiter erstellte ich zwei Grafiken für Zahlungsmöglichkeiten.

Für den DocCheck Newsletter erstellte ich noch zwei Produktbilder in der Größe 180x200 für Mischa.

Dazu hat er eine Liste erstellt, damit ich wusste, wann er welche Bilder er für den Newsletter benötigt und ich diese vorbereiten kann.
Wir testen nun mit der gleichen Umfrage drei Übersetzungen verschiedener Quellen.
Hierzu wurde das Anschreiben der Umfrage von diesen drei Quellen übersetzt und drei gleichgroße Gruppen werden jeweils ein Anschreiben bekommen. je nach dem wie die Resonanz ist, können wir dann herausfinden, welche Quelle am ansprechensten für die Kunden war. Dazu dublizierte ich die Frankreich Umfrage für die drei Anschreiben, damit Mischa diese einbauen konnte.

Nun geht es in MiH Englisch.

Bis Morgen.

Bianca

Die Schulferien waren vorbei und so hieß es für mich heute zuerst mal wieder in die Schule. Bei Herrn Jungwirth besprachen wir heute detailliert und ausführlich über das Präsentationsmedium Beamer. Dies hatten wir schon vor den Ferien als Gruppenarbeit angefangen und besprachen die Arbeitsblätter dazu. Nachdem wir die Vor- und Nachteile, soweit wichtige Kenntnisse durchgesprochen haben, besprachen wir detailliert, wie die Farbdarstellung und Farbseparation bei LCD (Liquid Crystal Displays) und DLP(Digital Light Prozessing) Projektoren funktioniert.

LCD Beamer, Funktionsweise: Lichtdurchlässige oder auch genannt dichroitische Spiegel teilen das Licht in die RGB Anteile/Lichtstrahlen. Da Licht fällt nun auf die drei LCD's. Das farbige Licht wird dann pro Pxel durchgelassen oder gesperrt

DLP Beamer, Funktionsweise: Weißes Licht trifft durch ein lichtdurchlässiges Farbrad, welches nacheinander Licht in RGB erzeugt. R-Licht trifft auf den Spiegelchip auf , die darzustellenden Pixel werden Richtung Leinwand projeziert, die nichtdarzustellenden Pixel werden Richtung Lichtabsorber geschickt. Danach erfolgt das Gleiche mit G-und B-Licht.

Anschließend ging es bei Herrn Böhringer weiter bei unserer Papierpräsentation. Mit dieser müssen wir nächste Woche fertig werden uns präsentieren diese dann in zwei Wochen.

In Englisch haben wir mal eine Zwischenprüfung bekommen, wie eine solche aussieht und machten dazu die Aufgaben. Außerdem besprachen wir noch, was nächste Woche in der Englischarbeit dran kommt und was wir lernen müssen.

Danach ging es zur Arbeit. Von Sebastian bekam ich alle Informationen, die ich benötigte, um dem Studibanner einzubauen. Sarah erstellte mir dazu eine Omniture-Kampagnen ID, die ich ebenfalls in den Quellcode einfügen musste. In den Link des Studentenbanners kam dann noch die Oxid Nummer des Artikels hinein. Aus diesen Infos bastelte ich mir den Selflink zusammen und musste dann für jedes Produkt, die Artikelnummer ersetzen und dann an oberster Stelle des jeweiligen Produkts in den Quellcode eingefügt wurde.

Danach wurde gespeichert und im Shop geschaut, ob die Links auch dahin führten, wo sie sollten und trug das in meine Liste. In jedem Artikel stellte ich dann noch die Sprachen um, zumindest AT, CHDE und EUDE, da diese Shops ja ebenfalls deutsch waren und ich dazu schon den Banner ebenfalls einbauen konnte.

Das war’s von heute.

Nun heißt es wieder MiH.

Bis dann.

Bianca

Eine neue Woche wartete und ich machte mich dran das PDW-Banner für Facebook zu erstellen. Diesmal entschied ich mich für das Heine Mini 3000 Dermastoskop und verwendete dazu auch unsere neue Vorlage.

Das Bild lud ich dann auf Facebook hoch.

Anschließend stelle ich eine weitere Variante des Littmann Master Cardiology ein. Hierzu fügte ich eine Varianten hinzu und füllte diese mit den Informationen wie Preis, Farbe, Artikelnummer und so weiter.

Anschließend suchte ich für den Studentenbanner alle Artikel aus, von denen es eine Studentenversion vorhanden war. Ich machte eine Exceltabelle und trug diese ein. In die weiteren Spalten fügte ich dann die sogenannten Canonical Links der Studentenversionprodukte aller einzelnen Länder ein, welche ich über das Backend herausfinden konnte oder im Frontend über die Tastenkombination Strg+U und im Quelltext den Canonical Link suchte.

Heute hatten wir ebenfalls unser erstes Marketing Wochenmeeting. So besprachen Mischa, Sarah, Nina und ich alles was anstand und welche Verbesserungsvorschläge wir doch haben, was uns glücklicher machen würde hier.

Nachdem ich dann die Exceltabelle fertig hatte, sagte mir dann Sebastian, welches Banner wir denn überhaupt nehmen. Dies war eine Kombination aus zwei Varianten, die ich erstellt hatte. Die endgültige Variante erstellte ich und lud sie zum Test in einen Artikel hoch mit der passenden Verlinkung, welches man mit folgendem Quellcode machen kann.



Leider musste Sebastian dann gehen, so wusste ich nicht, ob das dann ok war oder nicht, sonst hätte ich den Banner in alle Produkte eingebaut.

Da war’s von heute.

Bis Morgen

Bianca

Ebaybilder und Studentenbanner

Heute habe ich mich erneut um den Studentenbanner gekümmert. Dazu habe ich mir die Mütze des Akademiker Docs vorgenommen. Diese habe ich als Pfad in Photoshop übernommen und diesen Pfad dann nach meinen Vorstellungen verändert und anschließend wieder in Illustrator übernommen. Danach habe ich diesen Hut in mein Banner gezogen und mit dem Text und der Schrift herumexperimentiert und einige Versionen davon erstellt.

Für Mathias musste ich ein altes Produkt aus dem Shop nehmen und diese version erneuern, daher handelte es sich um die neue Auflage der Pocketcard. Leider hatten wir diese nicht im Lager und auch beim Hersteller gab es kein Bild von der aktuellen Version. So lud ich zumindest mal als Bild die alte Version hoch.

Anschließend benötigte Daniel noch ein paar Fotos von ein paar Produkten, die bei Ebay verkauft werden. Zusammen besprachen wir, was detailliert fotografiert werden sollte. Zunächst musste ich dazu die Lampen vom Fototisch umstellen und auch das Stativ für normale Fotos wieder zurückstellen, da wir ja gestern wegen den Stethoskopen etwas umbauen mussten. Bei den Ebaybildern handelte es sich um ein Schädelmodell, dessen Zahn etwas abgesplittert war und deshalb im Detail fotografiert werden musste. Hinzu kamen noch zwei Scheren und ein Basbinski Stethoskop, welche wir nicht mehr im Shop verkaufen. Diese Bilder habe ich dann noch zugeschnitten, ein paar Farbkorrekturen vorgenommen und verkleinert und abgespeichert. Die Bilder habe ich dann an Daniel weitergegeben.

Hier eine Auswahl der Bilder für Ebay:

Ich wünsche ein schönes Wochenende!

Bis Montag.

Bianca

Zunächst habe ich heute die neue Facebook-Vorlage erstellt, diese hat sich nicht stark von der alten Vorlage unterschieden, aber sie ist doppelt so groß. So kann man nun das PDW-Banner beim Anklicken vergrößern. Für die Vorlage habe ich die alte Vorlage um das doppelte vergrößert und die Schrift, wie auch die Formen vergrößert. Ebenfalls die Schatten waren zu ändern und zu beachten war auch, dass die Grafik auch in der kleinen Vorschau zu lesen ist. In den Vorlagen habe ich dann verschiedene Gruppen angelegt und alle Ebenen sinnvoll angeordnet. Ebenfalls für ein PDW-Banner mit Rabatt habe ich eine Vorlage erstellt.

Für die Studentenversionen verschiedener Produkte soll ein Banner erstellt werden, der dann auf die Seite des gleichen Produktes kommen und auf die günstigere Studentenversion aufmerksam machen soll. Ebenfalls werden diese Banner auf das Studentenprodukt verlinkt.

Hierzu nahm ich die Vorlage des Preisgarantiebanners, des Littmannbanners und des Weihnachtscountdowns.
Hier hinzu soll das neue Banner kommen:

Ich schaute mir die „Students Only“ CMS Seite an, für eine passende Formulierung. Hierbei fiel mir auf, dass eine verlinkte Rubrik 1. einen falschen Namen hatte und 2. falsch verlinkt war. So korrigierte ich die neue Rubrik und verlinkte diese richtig. Ebenfalls auf den anderen Ländershops schaute ich nach und verbesserte das.

Als dies erledigt war, bastelte ich an einigen Versionen für dieses Banner, mit verschiedenen Formulierungen und den Studi-Doc.

Weiter wollte mir Nina heute zeigen, wie man laminiert, ich hatte das ehrlich gesagt noch nie gemacht, doch Valerie erledigte das. Anschließend gingen Nina und ich ins Lager und holten uns einen Stapel Stethoskope zum Fotografieren. Wir benötigten neue Fotos von den gravierbaren Stethoskopköpfen für den Katalog. Zuerst mussten wir dazu die Lampe richtig aufstellen. Die Köpfe mussten von oben fotografiert werden und so kamen wir auf die Idee das Stativ der Kamera ganz einzufahren und mit auf den Fototisch zu stellen. Nach ein paar Probeschüssen liefen die Fotografien recht zügig, ganz frontal von oben. Im zweiten Durchlauf fotografierten wir alle Stethoskope nochmals einzeln etwas in der Perspektive und brachten die Stethoskope wieder zurück.

Das hier sind z.B. die alten Fotografien, die durch die neuen ersetzt werden.

Morgen werden wir die restlichen Stethoskope fotografiert und dann können wir die Bilder dazu bearbeiten.

In diesem Sinne,

Bis Morgen

Bianca

Heute habe ich zuerst die Wiki aktualisiert und zwar die Aktionen und Mails. Dazu suchte ich die Links die Vorschaubilder, Versanddatum und Name.

Anschließend fügte ich ebenfalls in der Wiki die Skype Namen unserer Mitarbeiter in die Telefonliste.

Danach habe den neuen Quartalflyer im Shop hochgeladen. Diesmal habe ich das ohne Nina gemacht. Zuerst war das Problem, dass das Passwort in Keepass in stimmte, so musste Mathias dieses erst zurücksetzen, bis ich mich auf www.issuu.com einloggen konnte. In dieser Zeit erstellte ich zunächst eine PDF Datei mit dem kleinsten Größenformats des Quartalflyers. Diesmal war der Quartalflyer sechsseitig und somit war die Reihenfolge der einzelnen Seiten verkehrt.

Im Adobe Acrobat kann man über den Button „Zusammenführen“ und anschließend „Dateien in einem einzigen PDF zusammenführen“. Hier kann man nun die Reihenfolge der Einzelseiten angeben und nochmals abspeichern.

Diese Datei wird dann auf Issuu.com hochgeladen und mit den nötigen Informationen wie den Titel „DocCheck Quartalflyer 01 2012“, Beschreibung, Schlüsslworten, Link und Veröffentlichungsdatum versehen.

Über den Menüpunkt „Embed“ auf Issuu kann man sich dann den Link des QFs kopieren, wie auch den Quellcode, bei welchem man noch die Farben zum Beispiel für den Hintergrund ändern kann. Dieser Quellcodewird dann, wenn er fertig ist, in den entsprechenden Quellcode der jeweiligen CMS Seite eingefügt und gespeichert.

Hier wie der Quartalsflyer im Shop aussieht:

Der Quartalsflyer geöffnet:

Zum Schluss habe ich heute noch angefangen einen Artikel des Quartalflyers zu erstellen.

Das war’s von heute.

Bianca