Realisierung einer Website mit. Content Management System & responsive Design. Medienintegration WS 2011/12 + S012. Dokumentation

Größe: px
Ab Seite anzeigen:

Download "Realisierung einer Website mit. Content Management System & responsive Design. Medienintegration WS 2011/12 + S012. Dokumentation"

Transkript

1 Realisierung einer Website mit Content Management System & responsive Design Medienintegration WS 2011/12 + S012 Dokumentation Alisia Schäfer Anika Cerkowniak Jonas Schönauer Stefan Kalberlah Stefanie Egenhofer Tobias Jeschke

2 Inhalt KONZEPTION: Expose KONZEPTION: Treatment KONZEPTION: SCREENBOOK UMSETZUNG: Änderungen UMSETZUNG: Produktion PRODUKT: Projektstand PRODUKT: Zukunft 2

3 ToastedFILMS -Webseite + Responsive Design + CMS 3

4 KONZEPTION: Expose Ziele Webauftritt als Plattform für Referenzen und Informationen über Filmprojekte unserer Studentengruppe toasted films' mit Fokus auf Plattformkompabilität( Zentrale Datenbasis und CI-Guidelines bedienen unterschiedliche Ausgangsformate) Vereinfachung der Kommunikation zwischen Teammitgliedern und Stakeholdern (Interessierte, Sponsoren, Schauspieler) Weitere Ziele Entwicklung eines Corporate Designs speziell für den Webbereich Entwicklung plattformspezifischer Layouts / Interaktionselementen (PC, Tablet, Mobilgeräte, letztere mit touchscreenoptimiertem Interface) Besucher der Webseite können Videos/Filme/Trailer anschauen Besucher können Kontakt über ein spamsicheres Kontaktformular aufnehmen und Kommentare auf jeder Seite hinterlassen Besucher können Informationen zu Gruppe und Filmen abfragen Zu toasted films passender Auftritt, mit dem sich die Mitglieder identifizieren können Bedienungsfreundliches User-Interface Verwendete Medien selbstproduzierte Videos Bilder selbstproduzierte Animationen Text Sound (atmosphärische Hintergrundmusik) 4

5 Zusatz Features User-Interface für verschiedene Bildschirmformate (PC und mobile Endgeräte) Blog/Kommentarfunktion Kontaktformular Social-Media-Links Geplante Technik bei der Produktion Aufbau mit CMS HTML 5 / CSS 3 PHP / PHP Frameworks Javascript / Javascript Frameworks 3D-Animation mit Blender / AfterEffects Platformen Webseite normal (mit Unterstützung 1280 x 1024 bis 1920 x 1080 Pixel) Tablet-Version (Ipad/Android) Mobile-Version (Iphone/Ipad) Usability Der User soll nicht nur das Höchstmaß an Funktionalität und Inhaltsstruktur erhalten, es soll ihm Spaß bereiten, auf der Site zu navigieren. Hierzu sollen die für die jeweilige Plattform zur Verfügung stehenden Mittel optimal ausgereizt werden. Um dies zu erreichen, werden 2 Usability-Testserien durchgeführt: - interner Test innerhalb des Produktionsteams - externer Test mit unbefangenen Testern standartisierte Testszenarios (z.b. Auffinden eines bestimmten Contents) werden mittels eines Evaluationsformulars erfasst und mit einer Datenbank ausgewertet 5

6 Interaktivität Navigation (smooth, mit Effekt unterlegt) Easteregg (kleine Spielereien, bei Inaktivität des Users [tanzender Toast, Lagerfeuer]) Toastkochbuch (interaktiv zum Blättern) Memory?? verschiedene Atmosphäreneinstellungen? (seriöser Modus, verspielter Modus) Inhalte SOUND Unauffälliger atmosphärischer Flächen- oder Ambientesound oder Geräusche In Harmonie mit den visuellen Elementen und den Aktionen des Nutzers Evtl. verschiedene Soundwelten je nach gewähltem Design / Atmosphärenmodus 6

7 Skizzen 7

8 KONZEPTION: Treatment Logodesign Das Logo von toastedfilms entstand während der Projektplanungsphase. Zunächst wurden alle Wünsche der Gruppe diskutiert, um zu erfahren in welche Richtung es gehen sollte. Recht schnell kam die Idee auf, einen Toast in das Logo zu integrieren, da es einen gewissen Wiedererkennungswert hat und gleichzeitig auch den Namen widerspiegelt. Über den Namen wurde ebenfalls lange nachgedacht. Letztendlich sollte es beim Grundlogo aber bei der Namensendung FILMS bleiben, da dies der Ursprung der Gruppierung war und die Wurzeln gerne erhalten bleiben sollten. Wir haben beim dem Logonamen jedoch darauf geachtet, dass es auch für mehrere Medien einsetzbar ist, da wir uns als vielfältige Medienproduzenten betrachten. So könnte man je Arbeitskategorie das Logoende abändern in die Namen: toastedgames toastedmedia toastedgraphics... Die Farbgebung des Toast-Icons ist als Grundversion in kirschrot geplant,jedoch sollte die Farbe je Kategorie variieren können. In unserem Fall bedeutet dies, dass die Abteilung toastedgames beispielsweise einen grünen Toast erhält und das Corporate Design an dieser Farbe ausgerichtet wird. Für ältere Mediengeräte wie zum Beispiel Fax wäre auch denkbar das Logo komplett in Graustufen zu halten, sodass es zu keinem Verlust der Qualität des Logos kommen kann. 8

9 Farbgestaltung Unsere Website soll mit einem einheitlichen Farbsystem gekennzeichnet sein. Wir haben uns für folgende Farbkomposition entschieden: Das Feuerkirschrot möchten wir bereits in unserem Logo verwenden. Somit spielt es eine erhebliche Rolle in unserem Corporate Design und muss sich auch auf unserer Website wiederspiegeln. Rot ist eine sehr impulsive und Aufmerksamkeit erregende Farbe. Durch den etwas dunkleren Ton in unserem Farbkonzept wirkt es trotzdem edel. Rot assoziieren Menschen mit Leben und Liebe, weshalb diese Farbe die emotionale Ebene des Betrachters anspricht. Rot wirkt attraktiv, jung und sexy. Gleichzeitig wirkt es warm und edel. Schon den Königen war im Mittelalter das seltene und edle Rot vorbehalten. Wir möchten mit dem Feuerkirschrot edel, attraktiv und emotional auf unsere Besucher unserer Seite wirken. Auch das Anthrazit hat eine wichtige Rolle in unserem Farbkonzept. Das dunkle Grau passt zu jedem Farbton, gleichzeitig wirkt es bestimmender als weiß oder grau. Es setzt sich vor schwarz immer noch ab und wirkt im Zusammenspiel mit Rot sehr devot, aber edel. Das kühle und helle Eisblau soll einen komplementären Kontrast zum Feuerkirschrot bilden. Die beiden Komplementäre wirken zusammen sehr interessant uns frischen das Farbkonzept auf, da wir als junge Menschen erfrischend jung wirken möchten. Trotzdem soll das Eisblau nur für kleine Akzente und als Ergänzung eingesetzt werden. Schwarz wird für Fließtexte eingesetzt, weil sich schwarz am besten lesen auf helleren Untergründen lässt. 9

10 Typographie Unsere Typografie werden wir in diesem Projekt recht schlicht und klar wählen, da die Medieninhalte in Vordergrund gerückt werden sollten. Diese schlichten Schriften werden sein: Tahoma Myriad Pro Alle Schriften sind serifenlos und linear, was eine gewisse Moderne und Frische zeigen soll aber auch eine Eleganz aufweist, die sich im Design wiederspiegeln soll. Über- und Unterhöhe sind harmonisch ausgeglichen, die Strichführung auf eine gleichbleibende Stärke Arial Narrow bedacht und die Buchstabenabstände ergeben ein geschlossenes Standbild, unabhängig welches Wort sie auch wählen. Tablet-PC und Standard-PC eine große Rolle spielen wird. Der Schriftschnitt dieser drei Schriften ist gerade stehend, dies steht in der Regel für Seriösität, Organisation und Geradlinigkeit: Eigenschaften, die die Gruppe auszeichnet. Zudem sollte die Typogafie Der große Vorteil von serifenlosen, linearen Schriften ist die optimale Lesbarkeit an Bildschirmen, was in unserem Projekt durch die verschiedenen Plattformen von Smartphones, einen Gegensatz zu den kreativen Projekten bilden, sodass das Erscheinungsbild immer mit Spannung geladen ist. nicht zur Verfügung steht. 10 Myriad Pro und Arial bilden die Ersatzschriften für den Webauftritt, falls einem User Tahoma

11 11

12 12

13 13

14 Zielsetzung: Unsere Webseite soll eine Plattform zur Präsentation unserer bisherigen und zukünftigen Projekte darstellen, welche die Möglichkeit zur Kommunikation mit Stakeholdergruppen sowie Diskussion mit Interessierten und Künstlern schafft. Content Dabei ist es uns wichtig, Kompetenzen aufzuzeigen. Die Webseite soll also sowohl durch ihre Layoutgestaltung wie auch die inhaltliche Strukturierung professionell wirken. Dabei soll sie die ganze Projektpalette der toasted-gruppe zur Schau stellen. und Diskussion gegeben werden. Dies wird durch die Implementierung einer Kommentarfunktion sowie den Einbindungsmöglichkeiten in soziale Netzwerke ermöglicht. Hier wird die Möglichkeit des Internets genutzt, Inhalte zu verbreiten und durch stete Kritik zu verbessern. Den Besuchern wie auch den Mitgliedern der Gruppe soll die Möglichkeit zur Kommunikation Inhalt innerhalb als auch außerhalb des Studiums umgesetzten Projekte präsentieren. Dies bedeutet uns deshalb sehr viel, da wir einerseits eine Plattform schaffen wollen, die uns als Mediengestalter repräsentiert, aber auch die Möglichkeit zur Kommunikation und Kritik bieten wollen. Dies soll heißen, dass im Sinne von Kunst und Unterhaltung den Besuchern die Möglichkeit gegeben wird, über die Projekte zu diskutieren, d. h. festzuhalten, Die Webseite der Gruppe toastedentertainment soll die bunte Palette der bisher sowohl welche Anteile sehr gut ausgestaltet waren und wo noch Lücken oder Fehler sind. So ermöglichen wir unseren Projekten eine stete Weiterentwicklung unter Berücksichtigung der Ansprüche von Kunst und Konsument. Um diese Möglichkeiten bieten zu können, müssen die Inhalte sowohl übersichtlich und ineinander übergreifend, aber dennoch als getrennte Teile eines Ganzen strukturiert werden. Im Hauptmenü soll unterschieden werden zwischen den Punkten News, Team, Film, Bild, Games und Audio. Zusätzlich kommt zum Hauptmenü eine Kontaktfunktion hinzu, die vor allem in ihrer Wichtigkeit für Filmproduktionen (Bewerbung der Schauspieler, Interessenten an DVDs ) deutlich sichtbar und sofort zugänglich sein sollte. Während die meisten Sparten des Hauptmenüs zur Präsentation der Projektpalette dienen, grenzen sich die Bereiche News und Team davon ab. Diese sollen Information bieten, wie auch deren Verbreitung in sozialen Netzwerken wie Facebook oder Google+ unterstützen. Die News-Seite soll nach Aktualität geordnete Beiträge bieten, wie auch ein 14

15 15

16 Sound auf Webseiten erzeugt immer ein Dilemma: Einerseits erweitert er die Möglichkeiten Sound zur ansprechenden Gestaltung durch eine weitere Medienform, was der Atmosphäre beim Betrachten der Website enorm zu Gute kommt. Andererseits fühlen sich viele Leute durch unaufgeforderten Sound im Webbrowser gestört. Für die toasted-webseite versuchen wir, dem Benutzer genau jene Entscheidungsfreiheit zu lassen, um ihm ein mediales Ereignis zu bieten, wie er es bevorzugt. Der Benutzer könnte zum Beispiel die Möglichkeit haben, auszuwählen, ob er nur auf Informationssuche ist und schnell und ungehindert über ein bestimmtes Projekt informiert werden will. In diesem Fall wird das Design funktional ausfallen und Soundeffekte kaum Hierzu wird die Präsenz und Intensität der Soundeffekte an bestimmte Designs gekoppelt. oder garnicht vorhanden sein. Wählt er dagegen aus, mehr an der Gruppe selbst, ihrem Wesen und Leitlinien interessiert zu sein, wird er eine verspieltere, aufwändiger gestaltete aufzubauen. Sound als Teil der Website soll dabei - je nach technischen Gegebenheiten und Möglichkeiten der einzelnen Plattformen - wenn möglich dynamisch gestaltet sein. Das bedeutet nicht nur Vermeidung statischer (und somit auf Dauer nervender) Sound-Clips, sondern Website antreffen, die auch Klangelemente benutzt, um eine bestimmte Stimmung viel mehr die Zusammensetzung einer hörbaren Klangcollage aus verschiedenen Basiselementen, die sich dem Nutzerverhalten bestmöglich anpasst. Beispielsweise soll der Effekte gestört werden. Dagegen kann eine ereignisreicher Klangeindruck beim Navigieren zu einem neuen Projekt gleich auch auf Audio-Ebene einen Willkommenseindruck vermitteln. Abgesehen von Sound in der Website selbst, wird er auch im Inhalt eine Rolle spielen. So sind zum Fachbereich Audio tiefergehende Informationen zu Projekten, in denen Sound eine größere Rolle spielte, geplant. Dazu gehören bspw. Einblicke in die Audioproduktion des einzelnen Projektes, Kommentare des Soundverantwortlichen oder auch spezielle Hörbeispiele von relevanten Teilen. 16 Betrachter beim Lesen eines längeren, beschreibenden Textes nicht durch aufwühlende

17 Multimedia // Animationen mit der JavaScript-Erweiterung jquery Wie es bei so vielen Dingen im Web der Fall ist, lässt sich auch die Skriptsprache JavaScript über Plugins und Bibliotheken erweitern. Eine im Webdesign häufig verwendete Erweiterung ist jquery, die in ihrer Beschreibung kann mit einfachen und in den meisten Fällen kurzen Befehlen eine große Anzahl an Ereignissen und Effekten ansprechen und auslösen. Dazu zählen Eventhandler wie mouseover, bei dem ein Ereignis beim Überfahren eines Bereichs mit der Maus ausgelöst wird, das schlichte erscheinen und verschwinden lassen von Elementen, aber eben auch komplexe Animationen. Zu diesem Zweck kann jquery selbst wiederum mit Plugins mit write less, do more vorgestellt wird. Genau das ist auch das Konzept: Der Programmierer erweitert werden. An diesem Punkt setzt die Animationen auf der Startseite des Webauftritts von toasted Films an. Wir möchten dort eine animierte Navigation einbauen, die mit Roundabout for jquery (im Folgenden kurz Roundabout genannt) umgesetzt ist. Roundabout ermöglicht es, beliebige Objekte Texte, Bilder und vieles mehr in einer kreisförmigen oder ähnlich aussehenden Struktur anzuordnen. Mit einem Klick auf eines der Objekte rotiert dieses in den Vordergrund und kann dann weitere Ereignisse auslösen. So können zum Beispiel Beschreibungen eingeblendet oder das Objekt als Navigationselement verwendet werden. Diese letztgenannte Eigenschaft werden wir uns zu Nutze machen, um dem Besucher den Zugang zu unserer Seite zu eröffnen. Wie das Menü genau aussehen soll, steht bei uns derzeit noch zur Diskussion. Einen Überblick über die Möglichkeiten, die Roundabout bietet, erhält man auf der Webseite des Projekts. Alternativ lässt sich das Ganze auf der Demoseite auch interaktiv ausprobieren, 17

18 und man kann ein wenig mit den Einstellungen spielen. Dabei soll aber nicht unerwähnt bleiben, dass die dort gezeigten Darstellungen das Spektrum der Möglichkeiten von Roundabout keineswegs vollständig ausfüllen. Schließlich lässt sich jedes Detail mit ein wenig Mühe umprogrammieren. Mit jquery lassen sich ebenso faszinierende Slideshows gestalten. Auch dieses gestalterische Element wollen wir nutzen, um unsere Seite für den Besucher optisch ansprechender zu gestalten. Unsere gedrehten Filme (und eventuelle andere Kreationen) sollen in einer solchen Bildershow zu sehen sein. Auch hier wird durch einen Klick auf ein Element der jeweilige Film gestartet bzw. der Besucher zum entsprechenden Content weitergeleitet. 18

19 Technische Aspekte Gründe für die Verwendung eines Content Managementsystem Warum im Projekt toasted ein Content-Management-System (CMS) eingesetzt wird, wird klar, wenn man sich die Eigenschaften einer statischen Website vor Augen führt: Inhalte können nur von Projektmitgliedern mit Programmierkenntnissen eingepflegt werden keine Möglichkeit zur Modularisierung keine zentrale Datenbasis die verschiedenen Plattformversionen sind voneinander abgekoppelt und müssen parallel entwickelt und gepflegt werden, dies bedeutet ein erheblicher Mehraufwand Mit einem CMS hingegen ist Single Source Publishing möglich: Inhalte werden nur an einer Stelle eingestellt Grafiken werden nur einmal hochgeladen und vom CMS automatisch in plattformspezifische Grössen umgerechnet Mit sogenanntem Theming lassen sich Hauptbereiche wie auch Plattformversionen konsistent realisieren Die Wahl des CMS: warum Drupal? Da es sich bei toasted um ein studentisches Projekt handelt, kam von vorne herein nur Wiederkehrende Inhaltsstrukturen können in Content Types zusammengefasst werden ein Open-Source-CMS in Frage. Die Stärken eines Open-Source-CMS liegen klar in der Vielzahl der von der Community erstellten Modulen, die unterschiedlichsten Spezialanforderungen gerecht werden. Da Typo3 aus unserer Sicht ein überfrachtetes proprietäres System ist und Wordpress den Hauptfokus auf Lightweight Websites ohne zu große Komplexität hat, blieb nur noch die Entscheidung Joomla! oder Drupal. Für Drupal spricht, dass dieses CMS per Definition im Community-Sektor stark ist, welches eines der Hauptanliegen von toasted ist. Da Drupal speziell in den USA stark verbreitet ist, wo die Akzeptanz von mobilen Endgeräten jeder Art sehr hoch ist, finden sich in der Drupal-Community geeignete Module zur Realisierung von mobilen Websites. Zwar gibt es Software und Webservices, die eine schnelle Konvertierung von Websites für den mobilen Markt ermöglichen. Da diese meist nur für einfache Strukturen geeignet sind und nahezu keine manuellen, plattformspezifischen Modifikationen unterstützen, sind diese für unsere Zwecke nicht geeignet. 19

20 Im Projekt toasted werden wir die Eigenheiten jeder Plattform aufgreifen und gezielt Interaktionen implementieren, die die Stärken der jeweiligen Plattform ausnutzen. Modul "Mobile Tools" Exemplarisch für den Einsatz von Drupal-Modulen möchten wir ein Modul herausgreifen, welches bei der Entwicklung von mobilen Websites hilfreich ist: Mobile Tools. Dieses unterstützt: automatisches Erkennen von Gerätetyp / Betriebssystem / Browser automatische Weiterleitung zu mobiler Version anhand der o. g. Daten dynamische Anpassung der Inhaltstypen und Anzahl auf der Startseite Kontext kann / nicht kann Weitere Module werden nach erfolgreichem Testing in einer Sandbox hinzukommen. Mobile Development Einsatz von Touchscreen Frameworks Um bei der Interaktion mit mobilen Endgeräten nicht das Rad neu erfinden zu müssen, liegt die Verwendung von Frameworks nahe. Die ausgereiftesten und verbreitetsten Frameworks sind: jquery Mobile Sencha Touch jquery Mobile ist an die Grundidee und Syntax von jquery angelehnt, was ohnehin bei der herkömmlichen Browserversion unserer Webseite zum Einsatz kommt (vgl. Abschnitt jquery ). Die mobile Version von jquery ist zwar auf die Entwicklung von mobilen Apps ausgerichtet, bietet jedoch auch für unser Projekt geeignete Werkzeuge und Schnittstellen zur Realisierung von Multitouch-Interaktionen. Durch die ähnliche Syntax reduziert sich die Einlernzeit und ist aufgrund der starken Verbreitung von jquery zukunftssicher. 20 automatisches Theme Switching basierend auf Gerätetyp (iphone, Android, Blackberry )

21 Mobile Development / Einsatz von Touchscreen / Frameworks Um bei der Interaktion mit mobilen Endgeräten nicht das Rad neu erfinden zu müssen, liegt die Verwendung von Frameworks nahe. Die ausgereiftesten und verbreitetsten Frameworks sind: jquery Mobile Sencha Touch jquery Mobile ist an die Grundidee und Syntax von jquery angelehnt, was ohnehin bei der herkömmlichen Browserversion unserer Webseite zum Einsatz kommt (vgl. Abschnitt jquery ). Die mobile Version von jquery ist zwar auf die Entwicklung von mobilen Apps ausgerichtet, bietet jedoch auch für unser Projekt geeignete Werkzeuge und Schnittstellen zur Realisierung von Multitouch-Interaktionen. Durch die ähnliche Syntax reduziert sich die Einlernzeit und ist aufgrund der starken Verbreitung von jquery zukunftssicher. 21

22 Abbildung "jquery Mobile - Grundriss der Interaktionselemente" 22

23 Sencha Touch Sencha Touch kommt aus der Softwareschmiede Sencha, die mit ihrem Framework extjs die wohl professionellste Codebibliothek zur Erstellung von Bedienoberflächen anbietet. Anders als bei jquery Mobile wird hierbei in JavaScript entwickelt das Tool schreibt HTML-Code heraus. Sencha Touch basiert vollständig auf HTML5, Javascript sowie CSS3 und wartet mit einer einfachen Verwaltung für Touch-Ereignisse sowie einer umfassenden GUI-Bibliothek auf. 23

24 Unter CSS2 war es bereits möglich, bestimmte Stylesheets nur unter gegebenen Bedingungen zum Einsatz kommen zu lassen, sprich: die Ausgabe von Stylesheets einem Responsive Web Design: CSS3 Media Queries bestimmten Medientyp zuzuordnen. Die Media Queries in CSS3 greifen dieses Konzept auf und bauen es weiter aus. Statt nach einem bestimmten Medium zu schauen, können mit media queries die Eigenschaften und Fähigkeiten von Geräten und Ausgabemedien abgefragt werden. Diese Abfragen können dazu verwendet werden, verschiedene, layoutrelevante Daten zu überprüfen, so zum Beispiel: Breite und Höhe (des Browserfensters) Breite und Höhe des Geräts Position (befindet sich das Mobiltelefon im Querformat oder Hochformat) Bildschirmauflösung Wenn der Anwender einen Browser verwendet, der Media Queries unterstützt, kann der CSS-Code ganz gezielt für bestimmte Situationen entwickelt werden. So kann abgefragt werden, ob ein Anwender z. B. ein Smartphone oder ein Tablet verwendet und dann ein passendes Layout ausgeliefert werden. Dieser Ansatz, flexibel und intelligent auf die Auslieferung einer Website hinsichtlich des darstellenden Zielsystems bzw. Geräts zu reagieren, wird als Responsive Web Design bezeichnet. Da im Projekt toasted maximale Usibility und ein der jew. Plattform ideal angepasstes Layout bzw. Design eines unserer Hauptanliegen ist, werden CSS3 Media Queries eingesetzt. 24

25 PHP Die Skriptsprache PHP (PHP Hypertext Preprocessor) eignet sich in erster Linie für das Erstellen dynamischer Webseiten. PHP-Quellcode kann relativ einfach in HTML-Webseiten eingebunden werden, wie das folgende Beispiel verdeutlicht: das PHP-Skript für den serverseitig arbeitenden Interpreter ein. Dieses gibt mit dem echo-befehl in Zeile vier den Text It s toasted! aus. Das Fragezeichen mit der schließenden spitzen Klammer beendet das Skript wieder. Die öffnende spitze Klammer mit dem Fragezeichen und dem Text php in Zeile drei leitet Der Vollständigkeit halber muss hier angemerkt werden, dass die oben gezeigte Seite zu Anschauungszwecken verkürzt dargestellt wurde und daher nicht valide ist. Trotzdem ist Über die entsprechenden Befehle lassen sich so komplexe Webseiten mit einem beeindruckenden Umfang an interaktiven und multimedialen Elementen erschaffen. Viele Content-Management-Systeme, darunter Typo3, Joomla!, Wordpress und das von uns favorisierte Drupal, basieren auf PHP, weshalb sich die Verwendung der Sprache geradezu aufdrängt. Auf Grund dieser sich bietenden vielfältigen Möglichkeiten werden auch wir PHP für unsere Webseite einsetzen. 25 sie nach dem Upload auf einen PHP-Server voll funktionsfähig.

26 Projektplanung 26

27 KONZEPTION: SCREENBOOK Design Corporate Design: Logo Unser neues Logo besteht aus 2 Elementen: Schriftzug ToastedART und einem modernen Icon. Schriftzug: Für den Schriftzug haben wir die Groteskschrift gewählt. Da sie keine Serifen hat ist sie für die Darstellung auf Displays und Bildschirmen ideal geeignet. Durch den konstruierten und geometrischen Charakter wirkt die Schrift deutlich moderner als humanistische Groteskschriften. Das eckige Design und die kleinen Radien an den Überläufen a la Eurostile hebt sich von herkömmlichen Groteskschriften ab und folgt dem Design des Icons. Außerdem wirken die Kurven dynamisch, was unser Unternehmen ebenfalls charakterisier. Der Schriftteil toasted ist im Logo mit Minuskeln geschrieben. Das wirkt sehr jung und unterstreicht unsere studentische Tätigkeit. ART schrieben wir in Versalbuchstaben, was dem Logo ein Seriosität und innere Größe verleiht. Die Basis des Icons ist ein Quadrat mit drei abgerundeten Ecken. Es wirkt dadurch homogen mit der Schrift zusammen. Eine aus der Basis ausgeschnittene Kontur beschreibt die Toastform. Der Hintergrund ist an dieser Stelle die Farbe der Kontur. So kann das Logo in vielen bereichen eingesetzt werden, weil es sich ideal einpasst durch die durchsichtige Kontur. Durch den Einsatz einfacher Formen wirkt das Logo modern und prägnant. Es passt zu allen unseren Bereichen wie toastedfilms und toastedgames. Wenn mit der Zeit weitere Bereiche wie z.b.: toastedweb oder toastedsounds dazu kommen sollte, stellt es ebenso keine Gefahr dar. Das Icon wird jedem Bereich farblich entsprechend angepasst. 27 Das Icon enthält unser Maskottchen und Namensgeber den Toast.

28 Farbgestaltung Der Grundbereich ToastedART soll mit roten Akzenten versehnt werden. Rot ist eine sehr impulsive, leidenschaftliche und emotionale Farbe und beschreibt unser Verhältnis zum Thema Medienkunst. Das Logo dagegen sollte im neutralen Grau bleiben, damit es beliebig kombinierbar bleibt. Bei toastedfilms benutzen wir ein freundliches Türkis. Türkis ist eine außergewöhnliche Farbe, sie wirkt frisch und sauber. Trotzdem ist es keine kalte Farbe. Sie hebt sich von Standardfarben wie Blau, Grün, und Gelb ab, was einen frischen Akzent setzt und uns von Logos und Websites Anderer differenziert. Mit einem hellen grün möchten wir im Bereich toastedgames Akzente setzen. Die Farbe wirkt jung und modern außerdem macht sie einen freundlichen und sauberen Eindruck und harmonisiert mit dem Türkis aus dem Bereich toastedfilms und dem Rot von toastedart. Sollten wir toastedart mit neuen Bereichen, wie z.b.: toastedsounds bereichern wollen, könnten wir passend zum Rot und grün eine entsprechende Farbe aussuchen. Jeder Bereich von toastedart hat eine eigene Farbgebung. 28

29 Unsere Typografie werden wir in diesem Projekt recht schlicht und klar wählen, da die Medieninhalte in Vordergrund gerückt werden sollten. Diese schlichten Schriften werden sein: Typografie Tahoma Myriad Pro Alle Schriften sind serifenlos und linear, was eine gewisse Moderne und Frische zeigen soll aber auch eine Eleganz aufweist, die sich im Design wiederspiegeln soll. Über- und Unter-höhe sind harmonisch ausgeglichen, die Strichführung auf eine gleichbleibende Stärke bedacht und die Buchstabenabstände ergeben ein geschlossenes Standbild, unabhängig welches Wort sie auch wählen. Myriad Pro und Arial bilden die Ersatzschriften für den Webauftritt, falls einem User Tahoma nicht zur Verfügung steht. Schrift für Headlines der Webseite Schrift für Headlines der Webseite Schrift für Headlines der Webseite 078MKSDMediumCondensed 29 Als Firmenschrift wählten wir passend zu unserem Hintergrundicon eine etwas abgerundete aber dennoch schlichte Schrift, diese werden wir für alle Überschriften und Buttontexte verwenden. Diese wird den jeweiligen Farbleitsystem farblich angepasst. Der große Vorteil von serifenlosen, linearen Schriften ist die optimale Lesbarkeit an Bildschirmen, was in unserem Projekt durch die verschiedenen Plattformen von Smartphones, Tablet-PC und Standard-PC eine große Rolle spielen wird. Der Schriftschnitt dieser drei Schriften ist gerade stehend, dies steht in der Regel für Seriösität, Organisation und Geradlinigkeit: Eigenschaften, die die Gruppe auszeichnet. Zudem sollte die Typogafie einen Gegensatz zu den kreativen Projekten bilden, sodass das Erscheinungsbild immer mit Spannung geladen ist. Arial Narrow

30 Das Screendesign ist ausgelegt für einen Standardbildschirm von einer Breite mit 1024 px, somit deckt es nahezu alle PC- und Laptopbildschirme und die der Netbooks ab. Für das Smartphone wurde ebenfalls ein eingenes dem Benutzerverhalten angepasstes Screendesign entwickelt. Screendesign Für die Webseite an normalen Bildschirmen gibt es drei verschiedene Seitentypen, diese werden im folgenden visualisiert dargestellt und erläutert. Zusätzliche Features werden im Multimediakapitel ausführlich erörtert. Hier landet der Benutzer zuerst, hier werden erste Informationen preisgegeben, die sein Interesse wecken könnte um noch mehr über die Studentengruppe zu erfahren. Startseite - the landing 30

31 Über ein animiertes als menü dienendes Roundabout kann der Benutzer ein Teammitglied auswählen und mehr über die Person erfahren und zu kommentieren. Die Teamseite - das ToastedTeam stellt sich vor 31

32 Projektseite toastedfilms - toastedfilms presents... 32

33 Projektseite toastedgames Anderer Bereich andere Farbe - eigene Abteilung 33

34 Zu unserer Zielsetzung gehört die Erreichbarkeit für verschiedene Endgeräte, um eine möglichst große Zielgruppe anzusprechen und für den Benutzer flexibel zu sein. Hier für entwickelten wir ebenfalls ein Mobil-Screendesign für die Standard-Smartphone Auflösung von 480x800px. Die Inhalte können aber dynamisch aufgezogen werden, wenn eine etwas größere Auflösung möglich ist, wie etwa für das I-Phone 4 (640 x 940px). Mobil Version - klein aber fein Auf den Abbildungen ist rechts immer der Ausschnitt abgebildet, welcher sichtbar ist, das Abgedunkelte erreicht man durch scrollen. Die linke Seite zeigt die Seite komplett. Die Startseite Über die Menüleiste erreicht man die einzelnen Bereich. Die Buttons sind Fingergroß, so dass man ohne ein fat-finger-problem sehr einfach zwischen den Bereichen hin und her switchen kann Natürlich sind auch die neuesten News auf der Startseite zu finden, ebenfalls auf allen weiteren Seiten Hier bekommt der Besucher gleich die Möglichkeit die 3 aktuellsten Projekte anzuklicken. Die Teamseite ist in der Mobilversion kein eigener Tab mehr, man erreicht die Teammitglieder über Verlinkungen auf jeder Seite. 34

35 Die Teammitgliedsseiten bilden die Paralellseiten zur Startseite. Zusätzlich ist als Unternavigation ein Personenslider eingebunden, durch den man die Mitglieder antouchen kann und die Seite wechseln kann. Jederzeit ist es aber auch möglich wieder zur Startseite oder in die anderen Abteilungen zu wechseln. Die Teammitgliedseite 35

36 Projektseiten zu toastedfilms & GAMES 36

37 37

38 Multimedia Animation Roundabout - Ein Karusel als animiertes Menu Wie lässt sich der Charme eines Karussells auf moderne Webtechnologien übertragen und zum Ansteuern von Seiten in einem Webprojekt verwenden? Die anschauliche Antwort auf diese Frage liefert Roundabout for jquery (im Folgenden kurz Roundabout genannt). Auf unserer Seite steht jedes Element in dem so entstehenden interaktiven animierten Karussell für eines der Projekte von toasted. Ist ein Projekt in den Vordergrund rotiert, wird eine Beschreibung dieses Projekts angezeigt. Über einen Link kann der Besucher schließlich auf eine im Dokumentenbaum tiefer liegende Seite gelangen und dort tiefgründigere und weiterführende Informationen, wie zum Beispiel Dokumentationen zu dem jeweiligen Projekt einsehen. 38 Bei einer klassischen Navigationsstruktur im Web sind die ansteuerbaren Elemente als Text in einer meist horizontalen Reihe angeordnet. Roundabout bricht diese in die Jahre gekommene Struktur auf und ordnet die Elemente wahlweise als Text oder in Form eines Bildes kreisförmig an. Mit Klick auf eines der Elemente rotiert dieses in den Vordergrund.

Webdesign-Trends. Digital News KW 18 Stand: April 2013

Webdesign-Trends. Digital News KW 18 Stand: April 2013 Webdesign-Trends Digital News KW 18 Stand: April 2013 Webdesign-Trends 2013 Das Jahr 2013 ist in vollem Gange und es ist eine gute Zeit, den Blick auf Webdesign-Trends zu werfen die sich zwar nicht an

Mehr

«Es gibt bereits alle guten Vorsätze,

«Es gibt bereits alle guten Vorsätze, Do s and dont s professioneller Webauftritte «Es gibt bereits alle guten Vorsätze, wir brauchen sie nur noch anzuwenden.» Pascal Blaise (1623 1662) 1 Inhalt Die Wichtigkeit von Webseiten Ihr Auftritt im

Mehr

Responsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015

Responsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015 Responsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015 Agenda 1. Einführung Was ist Responive Webdesign, Media Queries und CSS preprocessing 2. Frameworks Bootstrap,

Mehr

modern - sharp - elegant

modern - sharp - elegant modern - sharp - elegant Das Konzept für Ihre Webseite Wir sind Ihnen gerne bei der Konzeption Ihrer neuen Webseite behilflich. Gemeinsam mit Ihnen analysieren wir Ihre Anforderungen, erarbeiten die Ziele

Mehr

Whitepaper Responsive Design

Whitepaper Responsive Design 76% Smartphone-Besitzer surfen täglich 69% Tablet-Besitzer surfen täglich 74% der Schweizer nutzen das Internet mobil Das mobile Internet ist mittlerweile fest in den Alltag der Schweizer integriert: 76

Mehr

Schritte zu einer guten Über mich Seite in XING.

Schritte zu einer guten Über mich Seite in XING. Schritte zu einer guten Über mich Seite in XING. 1 1. Die Wirkung der Über mich Seite in XING Im neuen XING Layout spielt die Über mich Seite von der Sichtbarkeit und Optik eine zentralere Rolle. Beim

Mehr

Checkliste Bilder im Internet

Checkliste Bilder im Internet Checkliste Bilder im Internet Bilder und Grafiken werten Ihre Website optisch auf und ziehen Besucher an. Sie bieten aber auch Stolperfallen. Lesen Sie hier, was Sie beachten sollten: Wählen Sie das richtige

Mehr

RÖK Typo3 Dokumentation

RÖK Typo3 Dokumentation 2012 RÖK Typo3 Dokumentation Redakteur Sparten Eine Hilfe für den Einstieg in Typo3. Innpuls Werbeagentur GmbH 01.01.2012 2 RÖK Typo3 Dokumentation Inhalt 1) Was ist Typo3... 3 2) Typo3 aufrufen und Anmelden...

Mehr

Dokumentation für die Arbeit mit dem Redaktionssystem (Content Management System -CMS) zur Wartung Ihrer Homepage (Website)

Dokumentation für die Arbeit mit dem Redaktionssystem (Content Management System -CMS) zur Wartung Ihrer Homepage (Website) Dokumentation für die Arbeit mit dem Redaktionssystem (Content Management System -CMS) zur Wartung Ihrer Homepage (Website) Redaktion Mit der Redaktion einer Webseite konzentrieren Sie sich auf die inhaltliche

Mehr

Eine Site für alle Geräte? 200grad GmbH & Co. KG 02.03.2014

Eine Site für alle Geräte? 200grad GmbH & Co. KG 02.03.2014 Eine Site für alle Geräte? 200grad GmbH & Co. KG 02.03.2014 Mit der zunehmenden Nutzung des Internets über mobile Endgeräte wie Smartphones und Tablet-PCs steigt die Notwendigkeit, den Internetauftritt

Mehr

KURZANLEITUNG HOMEPAGEBUILDER

KURZANLEITUNG HOMEPAGEBUILDER KURZANLEITUNG HOMEPAGEBUILDER Hochwertige Homepages selbst erstellen und ändern: 300 unterschiedliche adaptierbare Designs für alle Themen und Branchen! > Individuelle Menüführung, Logo Maker und freie

Mehr

Case Studies. TYPO3, WordPress, Mobile Anwendungen/WebApps

Case Studies. TYPO3, WordPress, Mobile Anwendungen/WebApps Case Studies TYPO3, WordPress, Mobile Anwendungen/WebApps pitcom GmbH Bahnhofstraße 61 Deutschland 08523 Plauen www.pitcom.de Telefon +49 (0)3741 71971-13 TYPO3 Kommunen : Kommunen Kunde: Stadt Oelsnitz

Mehr

Webdesign Grundlagen. Michael Kraft, M.A. WS 2012/2013 hawk@herrkraft.de

Webdesign Grundlagen. Michael Kraft, M.A. WS 2012/2013 hawk@herrkraft.de Webdesign Grundlagen Michael Kraft, M.A. WS 2012/2013 hawk@herrkraft.de Bürokratie Termine & Kursliste & http://hawk.herrkraft.de Wer bin ich? michael kraft ba ma 2006 2012 hawk tutor interaction digital

Mehr

Agentur für innovative Weblösungen

Agentur für innovative Weblösungen Agentur für innovative Weblösungen FLX Labs Zweierstrasse 129 CH 8003 Zürich Tel +41 44 461 00 77 Beratung Konzept Umsetzung Kreative Konzepte, innovative Methoden und smarte Technologien bei der Umsetzung

Mehr

FRONT CRAFT. www.frontcraft.com contact@frontcraft.com

FRONT CRAFT. www.frontcraft.com contact@frontcraft.com FRONT CRAFT Viele Menschen und viele Unternehmen haben eine Webseite. Jede neue, die dazu kommt, sollte nicht nur gut, sondern erstklassig sein. Das ist unsere Leidenschaft. FrontCraft. www.frontcraft.com

Mehr

Responsive Design & ecommerce

Responsive Design & ecommerce Responsive Design & ecommerce Kassel, 15.02.2014 web n sale GmbH Jan Philipp Peter Was bisher geschah Was bisher geschah oder: Die mobile Evolution früher : - Lokale Nutzung - Zuhause oder im Büro - Wenige

Mehr

Ihre Firmenpräsentation im Web - auf was Sie achten sollten.

Ihre Firmenpräsentation im Web - auf was Sie achten sollten. Ihre Firmenpräsentation im Web - auf was Sie achten sollten. Informationsveranstaltung ebusiness-lotse Oberschwaben-Ulm Christian Baumgartner Ulmer Cross Channel Tag, 27.04.2015 Agenda Die ersten Schritte

Mehr

USABILITY OPTIMIERUNG FÜR WEBSEITEN & ONLINESHOPS USABILITY-OPTIMIERUNG FÜR WEBSEITEN & ONLINESHOPS

USABILITY OPTIMIERUNG FÜR WEBSEITEN & ONLINESHOPS USABILITY-OPTIMIERUNG FÜR WEBSEITEN & ONLINESHOPS Aus Webbesuchern Kunden machen USABILITY OPTIMIERUNG FÜR WEBSEITEN & ONLINESHOPS Analyse & Beratung. Konzept & Design. Testing & Umsetzung USABILITY-OPTIMIERUNG FÜR WEBSEITEN & ONLINESHOPS Analyse & Beratung.

Mehr

In 10 Schritten selber eine eigene Homepage erstellen

In 10 Schritten selber eine eigene Homepage erstellen In 10 Schritten selber eine eigene Homepage erstellen Anhand dieser Anleitung können Sie einfach eine eigene Homepage selber erstellen. Registrieren Sie sich bei wordpress.com und schon können Sie loslegen.

Mehr

E-Mail Marketing Runde um Runde

E-Mail Marketing Runde um Runde Wir powern Ihr E-Mail Marketing Runde um Runde Newsletter-Optimierung für mobile Endgeräte Die Fachwelt ist sich einig, dass mit Apples iphone der Siegeszug des Smartphones begann. Mittlerweile geht der

Mehr

USABILITY OPTIMIERUNG FÜR WEBSEITEN & ONLINESHOPS USABILITY-OPTIMIERUNG FÜR WEBSEITEN & ONLINESHOPS

USABILITY OPTIMIERUNG FÜR WEBSEITEN & ONLINESHOPS USABILITY-OPTIMIERUNG FÜR WEBSEITEN & ONLINESHOPS Aus Webbesuchern Kunden machen USABILITY OPTIMIERUNG FÜR WEBSEITEN & ONLINESHOPS Analyse & Beratung. Konzept & Design. Testing & Umsetzung USABILITY-OPTIMIERUNG FÜR WEBSEITEN & ONLINESHOPS Analyse & Beratung.

Mehr

Über uns... 3 Online Marketing... 4 Programmierung... 5 Webdesign... 6 Apps... 7 Design & Print... 8 Referenzen... 9

Über uns... 3 Online Marketing... 4 Programmierung... 5 Webdesign... 6 Apps... 7 Design & Print... 8 Referenzen... 9 Über uns... 3 Online Marketing... 4 Programmierung... 5 Webdesign... 6 Apps... 7 Design & Print... 8 Referenzen... 9 ÜBER UNS UNS Wir sind eine Full-Service Werbeagentur aus Heppenheim, die deutschlandweit

Mehr

Herzlich Willkommen. Der Weg zur eigenen Homepage. vorgestellt von Frank Kullmann

Herzlich Willkommen. Der Weg zur eigenen Homepage. vorgestellt von Frank Kullmann Herzlich Willkommen Der Weg zur eigenen Homepage vorgestellt von Frank Kullmann 1. Die Planung Was soll auf unserer Homepage abgebildet werden (Texte, Bilder, Videos usw.)? Welche Struktur soll unsere

Mehr

Der Website-Generator

Der Website-Generator Der Website-Generator Der Website-Generator im Privatbereich gibt Ihnen die Möglichkeit, schnell eine eigene Website in einheitlichem Layout zu erstellen. In Klassen, Gruppen und Institutionen können auch

Mehr

Mobile: Die Königsfrage

Mobile: Die Königsfrage Mobile: Die Königsfrage - Native App,Mobile Website oder doch Responsive Design? - Native App oder Mobile Website? Wer am Boom der mobilen Anwendungen teilhaben möchte, hat im Prinzip zwei Möglichkeiten:

Mehr

Unternehmensprofil. Kalteswasser Multimedia GmbH. Unsere Leistungen und Referenzen. Web: www.kalteswasser.com. Großbeerenstraße 81 10963 Berlin

Unternehmensprofil. Kalteswasser Multimedia GmbH. Unsere Leistungen und Referenzen. Web: www.kalteswasser.com. Großbeerenstraße 81 10963 Berlin Unternehmensprofil Unsere Leistungen und Referenzen Kalteswasser Multimedia GmbH Großbeerenstraße 81 10963 Berlin Fon: +49.(0)30.59 00 33-30 Fax: +49.(0)30.59 00 33-35 E-Maill: trinkt@kalteswasser.com

Mehr

BUCHERER. station.ch/awards/bucherer

BUCHERER. station.ch/awards/bucherer BUCHERER Bucherer gehört zu den führenden Fachgeschäften für Luxus-Uhren und Schmuck in Europa. Neben der Uhrenmarke Carl F. Bucherer vertritt das Unternehmen zahlreiche renommierte Uhrenbrands und präsentiert

Mehr

Checkliste Webseiten-Relaunch

Checkliste Webseiten-Relaunch Checkliste Webseiten-Relaunch Bei der Realisierung eines neuen Internetauftritts sollten folgende Fragen bedacht bzw. Anforderungen umgesetzt werden: Fragen im Vorfeld Wer koordiniert auf Auftraggeberseite

Mehr

Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK

Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK Einführung Dieses Hands-on-Lab (HOL) macht den Leser mit dem Intel XDK und dem Responsive Webdesign vertraut. Es wird

Mehr

Die Unternehmensseite im Internet - pflegen ohne Programmierkenntnisse. Felix Kopp

Die Unternehmensseite im Internet - pflegen ohne Programmierkenntnisse. Felix Kopp Die Unternehmensseite im Internet - pflegen ohne Programmierkenntnisse Felix Kopp Orientierung Veröffentlichen und Aktualisieren ohne Programmierkenntnisse Bestehende Internet-Seite aktualisieren. oder

Mehr

sinnvoll? Wann ist der Einsatz von SharePoint als CMS How we did it: Realisierung einer Website mit SharePoint 2013

sinnvoll? Wann ist der Einsatz von SharePoint als CMS How we did it: Realisierung einer Website mit SharePoint 2013 Wann ist der Einsatz von SharePoint als CMS sinnvoll? How we did it: Realisierung einer Website mit SharePoint 2013 SharePoint Community, 12. Februar 2014 Alexander Däppen, Claudio Coray & Tobias Adam

Mehr

Joomla! Source- CMS. Joomla! Open Source-CMS

Joomla! Source- CMS. Joomla! Open Source-CMS Joomla! Open Source- CMS Joomla! Open Source-CMS Mirco De Roni, 2010 Inhaltsverzeichnis 1 Begriffe und Konzepte... 3 1.1 Content Management System (CMS)... 3 1.2 Struktur eines Web Content Management Systems

Mehr

Wölfer-ePaper. Print-Publikationen online stellen

Wölfer-ePaper. Print-Publikationen online stellen Wölfer-ePaper Print-Publikationen online stellen Ihre Dokumente interaktiv für Online- und Offline-Kommunikation Die optimale Ergänzung zu Ihren Print-Produkten Unterstützung für mobile Endgeräte wie Apple

Mehr

manager magazin online mobil (MEW)

manager magazin online mobil (MEW) Hamburg, März 2015 manager magazin online mobil (MEW) Werbeformen 2015 Mobile Sonderwerbeformen Übersicht unverbindliche Visualisierungsbeispiele 2 Content Ad 1:1 Maximale Aufmerksamkeit mit dem Content

Mehr

Homepageerstellung mit WordPress

Homepageerstellung mit WordPress Homepageerstellung mit WordPress Eine kurze Einführung in die Installation und Einrichtung von WordPress als Homepage-System. Inhalt 1.WordPress installieren... 2 1.1Download... 2 1.2lokal... 2 1.2.1 lokaler

Mehr

>hugrafik CHECKLISTE WEBSITE 1 KONTAKTANGABEN ZIELSETZUNG ZIELGRUPPEN SELBSTBEURTEILUNG

>hugrafik CHECKLISTE WEBSITE 1 KONTAKTANGABEN ZIELSETZUNG ZIELGRUPPEN SELBSTBEURTEILUNG CHECKLISTE WEBSITE 1 Diese Checkliste soll Ihnen helfen herauszufinden, was Ihre neue Website beinhalten soll und welche Schritte für die Erstellung notwendig sind. Ihre Angaben dienen als Grundlage für

Mehr

Arbeiten mit Acrobat. Vorstellung von Adobe Acrobat Bearbeitung des Dokuments Präsentationen erstellen Teamarbeit

Arbeiten mit Acrobat. Vorstellung von Adobe Acrobat Bearbeitung des Dokuments Präsentationen erstellen Teamarbeit Arbeiten mit Acrobat Vorstellung von Adobe Acrobat Bearbeitung des Dokuments Präsentationen erstellen Teamarbeit Vollbildmodus Wählen Sie das Menü Fenster Vollbildmodus. Die aktuell angezeigte Seite verdeckt

Mehr

Unternehmensprofil. Unsere Leistungen und Referenzen BERLIN SAARBRÜCKEN SOFIA

Unternehmensprofil. Unsere Leistungen und Referenzen BERLIN SAARBRÜCKEN SOFIA Unternehmensprofil Unsere Leistungen und Referenzen BERLIN SAARBRÜCKEN SOFIA Kalteswasser Multimedia WIR MACHEN INFORMATION ZUM ERLEBNIS Wir sind eine junge und sehr motivierte Multimedia-Agentur mit einer

Mehr

Leitfaden Webseitenplanung

Leitfaden Webseitenplanung Dorothee Schuster schuster@wort-und-form.de 030 / 922 51 223 Leitfaden Webseitenplanung Die nachstehende Gliederung soll Ihnen helfen, sich einen Überblick über die notwendigen Planungsschritte zu verschaffen.

Mehr

VDLUFA-Schriftenreihe 1

VDLUFA-Schriftenreihe 1 VDLUFA-Schriftenreihe 1 Wie viele Apps sind ein LIMS? J. Flekna Pragmatis GmbH, Neufahrn 1. Einleitung Seitdem mobile Endgeräte massentauglich sind, ist die Bezeichnung App fester Bestandteil unseres zeitgeistigen

Mehr

ONLINE-STYLEGUIDE www.uni-wuppertal.de

ONLINE-STYLEGUIDE www.uni-wuppertal.de ONLINE-STYLEGUIDE www.uni-wuppertal.de nhaltsangabe 1.0 Grundlagen 1.1 Ziele 1.2 Geltungsbereiche 1.3 technische Voraussetzungen 2.0 Benutzerführung 2.1 Layout 3.0 Gestaltung 3.1 Farben 3.2 Typographie

Mehr

»Mache die Dinge so einfach wie möglich. Aber nicht einfacher.«

»Mache die Dinge so einfach wie möglich. Aber nicht einfacher.« pirobase CMS 8»Mache die Dinge so einfach wie möglich. Aber nicht einfacher.«albert Einstein pirobase CMS - genial. grenzenlos.intuitiv Wir glauben, dass sich die Welt des Enterprise Content Managements

Mehr

WEBSITE DESIGN BY CANVAS

WEBSITE DESIGN BY CANVAS LOGO?? Lippenmotiv Die Zeiten, in der Internetpräsenzen der Onlineversion von Werbeprospekten glichen, sind längst vorbei. Viel mehr müssen moderne Websites als Plattform zur Kundenbindung und gewinnung

Mehr

Referenzen Frontend Typo3

Referenzen Frontend Typo3 Referenzen Typo3 und Frontend Stand: Mai 2015 Diese Referenzliste beschreibt die eigene Webseite der Internetagentur Irma Berscheid-Kimeridze. Die Webseite ist seit Mai 2015 online. Sie ist mit Typo3 erstellt.

Mehr

Corporate Design Leitfaden

Corporate Design Leitfaden Corporate Design Leitfaden Seite 1 Corporate Design Warum ist uns das Corporate Design (CD) so wichtig? In Zeiten immer stärkeren Wettbewerbs ist es notwendig und wichtig, dass wir uns durch eine klare

Mehr

VIDERICONCEPT REFERENZ BERICHT

VIDERICONCEPT REFERENZ BERICHT VIDERICONCEPT REFERENZ BERICHT BAUUNTERNEHMEN DIRK KAGE GMBH Redesign Webseite 2013-2014 Bauunternehmen Dirk Kage GmbH - Moin, moin! Das Unternehmen Im Überblick Kunde: Bauunternehmen Dirk Kage GmbH Branche:

Mehr

Einführung in das Content-Management-System TYPO3. Skript zur Schulung

Einführung in das Content-Management-System TYPO3. Skript zur Schulung Einführung in das Content-Management-System TYPO3 Skript zur Schulung www.igl.uni-mainz.de / Stand: 05.08.2005 1. Das Frontend der Internetauftritt des Instituts Der Internetauftritt des Instituts ist

Mehr

Web-Lösungen nach Mass

Web-Lösungen nach Mass Web-Lösungen nach Mass Wir realisieren Web-Projekte für unterschiedliche Bedürfnisse auf individueller Basis. Sie profitieren von einer Vielzahl ausgewählter und vorkonfigurierter Module und selbst entwickelter

Mehr

Online-Marketing für Ingenieurbüros. Wie Sie Ihr Ingenieurbüro professionell im Internet präsentieren

Online-Marketing für Ingenieurbüros. Wie Sie Ihr Ingenieurbüro professionell im Internet präsentieren Online-Marketing für Ingenieurbüros Wie Sie Ihr Ingenieurbüro professionell im Internet präsentieren Daniel Kestler Inhaber der medienreaktor Werbeagentur Komplexes Thema? CMS HTML5 MySQL Web2.0 PHP Social

Mehr

weitsichtig. cross-medial. kreativ.

weitsichtig. cross-medial. kreativ. klicken. Web & App weitsichtig. cross-medial. kreativ. // Gesamtkonzeption und Realisation neuer Medien, Websitekonzeption, -gestaltung, -programmierung und -pflege Microsites ipad/iphone Apps Soziale

Mehr

Besondere Lernleistung

Besondere Lernleistung Besondere Lernleistung Tim Rader gymsche.de Die neue Homepage des Gymnasiums Schenefeld Erstellen eines neuen Artikels Schritt 1: Einloggen Rufen Sie http://gymsche.de auf. Im rechten Bereich der Webseite

Mehr

Auffrischung jquery. jquery Mobile. Marco Francke I 24.02.2011

Auffrischung jquery. jquery Mobile. Marco Francke I 24.02.2011 Auffrischung jquery jquery Mobile Marco Francke I 24.02.2011 Mayflower GmbH 2010 write less do more Marco Francke 24. Februar 2011 24.02.11 Mayflower GmbH 2 Mayflower GmbH 2010 Was ist jquery und was kann

Mehr

»Design ist Kunst, die sich nützlich macht«c a r l o s O b e r s

»Design ist Kunst, die sich nützlich macht«c a r l o s O b e r s Design in Funktion »Design ist Kunst, die sich nützlich macht«c a r l o s O b e r s Premium. Wir finden die beste Lösung für Sie. Fantasievolle Linienführung. Edle Funktionalität. RED DOT- Design-Award.

Mehr

Cmsbox Kurzanleitung. Das Wichtigste in Kürze

Cmsbox Kurzanleitung. Das Wichtigste in Kürze Cmsbox Kurzanleitung Cmsbox Kurzanleitung Das Wichtigste in Kürze Die Benutzeroberfläche der cmsbox ist nahtlos in die Webseite integriert. Elemente wie Texte, Links oder Bilder werden direkt an Ort und

Mehr

Der eigene Internetauftritt. Die eigene Webseite für den Fotografen

Der eigene Internetauftritt. Die eigene Webseite für den Fotografen Der eigene Internetauftritt Die eigene Webseite für den Fotografen Thomas Högg, modulphoto.de, November 2013 IDEE UND VORAUSSETZUNGEN Seite 3 Was benötigt man für seinen Internetauftritt? Von der Idee

Mehr

Anita Woitonik / Vilma Niclas. Ohne HTML. zur eigenen. Website. Ihr Weg ins Web: Domain, Hoster, Installation, und IT-Recht. Verwaltung, Pflege

Anita Woitonik / Vilma Niclas. Ohne HTML. zur eigenen. Website. Ihr Weg ins Web: Domain, Hoster, Installation, und IT-Recht. Verwaltung, Pflege Anita Woitonik / Vilma Niclas Ohne HTML zur eigenen Website Ihr Weg ins Web: Domain, Hoster, Installation, Verwaltung, Pflege und ITRecht Dateien Installation einfach warum leichter 1 Eine eigene Website

Mehr

Internetauftritt: Hochschulpartnerschaften - Datenbank

Internetauftritt: Hochschulpartnerschaften - Datenbank Hochschule für Technik, Wirtschaft und Kultur Leipzig (FH) University of Applied Sciences Internetauftritt: Hochschulpartnerschaften - Datenbank Modul: Anleitung für Typo3 bzgl. Partnerhochschulen einpflegen

Mehr

Einleitung. 1.1 Für wen ist dieses Buch geeignet? 4 1.2 Für wen ist dieses Buch eher nicht geeignet? 5 1.3 Was erwartet Sie in diesem Buch?

Einleitung. 1.1 Für wen ist dieses Buch geeignet? 4 1.2 Für wen ist dieses Buch eher nicht geeignet? 5 1.3 Was erwartet Sie in diesem Buch? Einleitung 1.1 Für wen ist dieses Buch geeignet? 4 1.2 Für wen ist dieses Buch eher nicht geeignet? 5 1.3 Was erwartet Sie in diesem Buch? 6 2 1 Einleitung Digitale Magazine gibt es schon seit ein paar

Mehr

Kurzanleitung Typo3 Radio MK V1.5 vom 18.07.2014

Kurzanleitung Typo3 Radio MK V1.5 vom 18.07.2014 Kurzanleitung Typo3 V1.5 vom 18.07.2014 Typo3 Version 4.7.14 0 Inhalt Kurzanleitung Typo3 Login. 2 Seite anlegen.. 3 Inhaltselement anlegen...... 7 Dateien und Bilder verwalten... 14 Nachrichten / News

Mehr

WEBCONTENT MANAGEMENT SYSTEM (WCMS) JOOMLA!

WEBCONTENT MANAGEMENT SYSTEM (WCMS) JOOMLA! WEBCONTENT MANAGEMENT SYSTEM (WCMS) JOOMLA! 1 Definition WCMS Ein Web-Content-Management- System (kurz: WCMS, übersetzt: Inhaltsverwaltungssystem) ist ein System, das die gemeinschaftliche Erstellung und

Mehr

Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress.

Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress. Anmeldung http://www.ihredomain.de/wp-admin Dashboard Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress. Das Dashboard gibt Ihnen eine kurze Übersicht, z.b. Anzahl der Beiträge,

Mehr

KOMMUNIKATION IST ALLES

KOMMUNIKATION IST ALLES KOMMUNIKATION IST ALLES ÜBER UNS Wir sind eine Full-Service Agentur aus Mannheim, die deutschlandweit tätig ist. Unser Schwerpunkt liegt in der Entwicklung, Realisierung und Betreuung von Internetprojekten

Mehr

als Medienlieferant Medienzentrum Miltenberg Egon Galmbacher Leiter Medienzentrum 05.03.11 www.mz-miltenberg.de 1

als Medienlieferant Medienzentrum Miltenberg Egon Galmbacher Leiter Medienzentrum 05.03.11 www.mz-miltenberg.de 1 als Medienlieferant Medienzentrum Miltenberg Egon Galmbacher Leiter Medienzentrum 05.03.11 www.mz-miltenberg.de 1 Was ist überhaupt YouTube? YouTube ist ein am 14. Februar 2005 von den drei ehemaligen

Mehr

WordPress installieren und erste Einblicke ins Dashboard

WordPress installieren und erste Einblicke ins Dashboard WordPress installieren und erste Einblicke ins Dashboard Von: Chris am 16. Dezember 2013 In diesem Tutorial zeige ich euch wie ihr WordPress in der aktuellen Version 3.7.1 auf eurem Webspace installieren

Mehr

2 Whitepaper: Responsive UX Design

2 Whitepaper: Responsive UX Design Responsive UX Design Warum mobil? Eines der aktuellsten Themen in der Technischen Dokumentation ist die Bereitstellung von Inhalten für mobile Geräte. Zahlreiche Experten weisen auf die wachsende Bedeutung

Mehr

VWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer. Kommunikation I (Internet) Übung 4 PHP

VWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer. Kommunikation I (Internet) Übung 4 PHP VWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer Kommunikation I (Internet) Übung 4 PHP SS 2004 Inhaltsverzeichnis 1. PHP die serverseitige Programmiersprache...1 1.1. PHP - Bereiche in HTML definieren...1

Mehr

Starten Sie Ihr eigenes Karriereportal mit der Start-up-Site.

Starten Sie Ihr eigenes Karriereportal mit der Start-up-Site. Starten Sie Ihr eigenes Karriereportal mit der Start-up-Site. All-in-one Karrierewebseite Vorhang auf für Ihr Unternehmen: Stellen Sie sich als Arbeitgeber ins Rampenlicht. Erweitern Sie Ihren Online-Auftritt

Mehr

Homepage erstellen aber wie

Homepage erstellen aber wie Homepage erstellen aber wie Viele Möglichkeiten einen Webauftritt zu gestalten Ein kleiner Leitfaden durch den Dschungel Wege zur Internetpräsenz Idee, etwas der Öffentlichkeit mitzuteilen Webseite erstellen

Mehr

PASCROMAG PRÄSENTIERT NÜTZLICHE TOOLS UM SCHNELL UND EINFACH EINE EIGENE WEBSEITE ZU ERSTELLEN

PASCROMAG PRÄSENTIERT NÜTZLICHE TOOLS UM SCHNELL UND EINFACH EINE EIGENE WEBSEITE ZU ERSTELLEN PASCROMAG PRÄSENTIERT 8 NÜTZLICHE TOOLS UM SCHNELL UND EINFACH EINE EIGENE WEBSEITE ZU ERSTELLEN FÜR PURISTEN - ALLYOU.NET - AllYou.net wird hauptsächlich von Designern, Fotografen und Stylisten genutzt

Mehr

Die Inhalte Ihres Webauftritts werden mit einem CMS (Content-Management-System) erstellt.

Die Inhalte Ihres Webauftritts werden mit einem CMS (Content-Management-System) erstellt. RSG-LE Dokumentation (Version 2) Inhaltsverzeichnis: 1. Hinweise zur Nutzung der Website RSG-LE.de 2. Die Website im Überblick 3. Schritt für Schritt erste Schritte 4. Neue Seiten anlegen 5. Seiten-Inhalte

Mehr

Einrichten eines News-Systems in Typo3

Einrichten eines News-Systems in Typo3 Einrichten eines News-Systems in Typo3 Generelles: tt_news ist eine der beliebtesten Erweiterungen für Typo3 und wir bereits auf vielen Sites Vorarlberger Schulen verwendet: Beispiele: http://www.vobs.at/hsl

Mehr

Der Aufbau einer erfolgreichen Website

Der Aufbau einer erfolgreichen Website Bremen, 24. Oktober 2013 Der Aufbau einer erfolgreichen Website Oliver Wächter Abraxas Medien, Bremen Berlin Otto-Gildemeister-Straße 43 28209 Bremen Bismarckstraße 108 10625 Berlin www.abraxas-medien.de

Mehr

Das WordPress-Paket von sagner-heinze

Das WordPress-Paket von sagner-heinze Content-Management-System Das WordPress-Paket von sagner-heinze Was ist ein Content-Management-System (CMS)? Grundsätzlich gibt es zwei Möglichkeiten eine Internetseite aufzubauen. Bei kleinen Projekten

Mehr

Liferay 6.2. Open Source IT-Dienstleister. Ein modernes Open Source Portal System. forwerts solutions GmbH, Gabriele Maas

Liferay 6.2. Open Source IT-Dienstleister. Ein modernes Open Source Portal System. forwerts solutions GmbH, Gabriele Maas Liferay 6.2 Ein modernes Open Source Portal System forwerts solutions GmbH, Gabriele Maas Open Source IT-Dienstleister Liferay 6.2 Was ist neu? Liferay 6.2 Startseite Folie: 3 forwerts solutions GmbH 9.

Mehr

Philosophicum Lech Jährlich stattfindendes Philosophie-Forum

Philosophicum Lech Jährlich stattfindendes Philosophie-Forum Frühling 2011 4 Philosophicum Lech Jährlich stattfindendes Philosophie-Forum In Zusammenarbeit mit dem renommiertem Design-Atelier Gassner wurde die Website für das Philosophicum in Lech am Arlberg erstellt.

Mehr

HALLO. Stichwort. Zu diesem Dokument

HALLO. Stichwort. Zu diesem Dokument HALLO Stichwort Zu diesem Dokument Dieses Dokument ist nur eine grobe Erklärung des Content-Management-Systems Contao (früher Typolight). Die vorliegende Beschreibung führt Sie schnell und einfach in die

Mehr

Version 30.07.2007 - Pädagogische Hochschule Freiburg, Peter Huppertz

Version 30.07.2007 - Pädagogische Hochschule Freiburg, Peter Huppertz Babysteps Backend - Hauptmenü Neue Seite anlegen Seiteneigenschaften bearbeiten Inhaltselemente erstellen Inhaltselemente bearbeiten Übersicht der Seitenlayouts Bearbeiten von Personen Anzeigen von Personendaten

Mehr

Starten Sie Ihr eigenes Karriereportal mit der Start-up-Site.

Starten Sie Ihr eigenes Karriereportal mit der Start-up-Site. Starten Sie Ihr eigenes Karriereportal mit der Start-up-Site. All-in-one Karrierewebseite Vorhang auf für Ihr Unternehmen: Kommen Sie als Arbeitgeber ins Rampenlicht. Erweitern Sie Ihren Online-Auftritt

Mehr

Interface-Optimierung bei mobilen Endgeräten

Interface-Optimierung bei mobilen Endgeräten Interface-Optimierung bei mobilen Endgeräten Darauf sollte man achten Darstellung über CSS anpassen Durch optimierte Breiten kann man sehr einfach für Mobiltelefon oder ipad optimierte Seiten ausliefern.

Mehr

Google Kriterien für die Bewertung mobil optimierter Webseiten

Google Kriterien für die Bewertung mobil optimierter Webseiten Google Kriterien für die Bewertung mobil optimierter Webseiten Google Kriterien für die Bewertung mobil optimierter Webseiten Am 21. April hat Google damit begonnen ein neues Algorithmus Update auszurollen

Mehr

Der Typo3-Verwaltungsbereich von b artusel.net

Der Typo3-Verwaltungsbereich von b artusel.net Version: 2005-07-21 Der Typo3-Verwaltungsbereich von b artusel.net Die Homepage www.bartusel.net basiert auf dem Content Management System (CMS) Typo3. CMS-Software findet in der Regel dann Verwendung,

Mehr

Agentur für digitales Marketing und web-basierte Technologie-Lösungen

Agentur für digitales Marketing und web-basierte Technologie-Lösungen Agentur für digitales Marketing und web-basierte Technologie-Lösungen Seit über sechs Jahren widmen wir uns zukunftsorientierter Unternehmenskommunikation in digitalen Medien. Das Web ist das Umfeld in

Mehr

Responsive Web Design Graceful Degradation and Progressive Enhancement

Responsive Web Design Graceful Degradation and Progressive Enhancement Graceful Degradation and Progressive Enhancement Seminar Web Engineering für Master-Studenten (WS 2013/2014) Betreuer: Michael Krug Datum: 13.12.2013 1 Gliederung 1. Warum? 2. Konzepte zur Anpassung an

Mehr

Gründe für Accessibility («Zugänglichkeit, Barrierefreiheit»)

Gründe für Accessibility («Zugänglichkeit, Barrierefreiheit») Access-for-all-Award Merkblatt für barrierefreies Webdesign «Die Macht des Internets ist seine Universalität, der Zugang für alle, unabhängig von Behinderungen, ist ein zentraler Aspekt darin.» (frei nach

Mehr

CFM_media. web touristik design

CFM_media. web touristik design CFM_media web touristik design 03_ Touristik CFM_media 05_ Web SEO, IBE Kennen Sie das? Irgendwie lesen Sie doch überall das Gleiche: wie gut Sie als Kunde genau bei dieser Firma aufgehoben sind und was

Mehr

Fallstudie: Praxiswebseite

Fallstudie: Praxiswebseite Fallstudie: Praxiswebseite Thema: Problemstellung: Leistungen: Projektdauer: Unternehmen Budget: Durchgeführt von: Online-Marketing: Erstellung einer Webseite inklusive Texte und SEO - alte Webseite erscheint

Mehr

Samarpan P. Powels SEO, Online Marketing, Content Specialist, Webkonzepter, Frontend Expert

Samarpan P. Powels SEO, Online Marketing, Content Specialist, Webkonzepter, Frontend Expert Samarpan P. Powels SEO, Online Marketing, Content Specialist, Webkonzepter, Frontend Expert! kontakt@fyn-marketing.de (mailto:kontakt@fynmarketing.de) " http://www.fyn-marketing.de (http://www.fynmarketing.de)

Mehr

Einführung in die Cross-Plattform Entwicklung Das Intel App Framework

Einführung in die Cross-Plattform Entwicklung Das Intel App Framework Einführung in die Cross-Plattform Entwicklung Das Intel App Framework Einführung Dieses Hands-on-Lab (HOL) macht den Leser mit dem Intel App Framework vom Intel XDK vertraut. Es wird Schritt für Schritt

Mehr

Kurzanleitung Typo3 Pflege

Kurzanleitung Typo3 Pflege Kurzanleitung Typo3 Pflege 1. Vorwort Grundsätzlich kann für das CMS (Content-Management-System) Typo3 gesagt werden, dass Übung den Meister macht. Je öfter Sie mit dem System arbeiten, desto besser und

Mehr

TYPO3-ANLEITUNG FÜR REDAKTEURE Für die Ortsverkehrswachten des Landes Niedersachsen

TYPO3-ANLEITUNG FÜR REDAKTEURE Für die Ortsverkehrswachten des Landes Niedersachsen TYPO3-ANLEITUNG FÜR REDAKTEURE Für die Ortsverkehrswachten des Landes Niedersachsen Der Webauftritt wird mit dem Redaktionssystem Typo3 Version 4.0 realisiert, das eine komfortable Pflege der Seiten erlaubt.

Mehr

WIR WOLLEN BEGEISTERN UND NICHT NUR ZUFRIEDENSTELLEN.

WIR WOLLEN BEGEISTERN UND NICHT NUR ZUFRIEDENSTELLEN. ALLES AUSSER GEWÖHNLICH. Agentur für Marketing, Kommunikation und Veranstaltungen. WIR WOLLEN BEGEISTERN UND NICHT NUR ZUFRIEDENSTELLEN. WEIL ES UNS EINFACH SPASS MACHT! www.aagkommunikation.de AAG. DAS

Mehr

Einführung in das TYPO3 Content Management System. Jochen Weiland - jweiland.net

Einführung in das TYPO3 Content Management System. Jochen Weiland - jweiland.net Einführung in das TYPO3 Content Management System Dipl. Ing. Jochen Weiland jweiland.net Statische Websites upload Entwicklungsrechner Webserver Besucher Dynamische Websites Layouts Webserver Datenbank

Mehr

Stefan Bauer. Trends im mobilen Business

Stefan Bauer. Trends im mobilen Business Stefan Bauer Trends im mobilen Business Stefan Bauer Jahrgang 1969, verheiratet, 2 Kinder Diplom-Informatiker TU München Seit 1996 in Online Branche Seit 1999 selbständig Inhaber und Vorstand Dozent und

Mehr

brand new media Typo3-Komplettlösungen

brand new media Typo3-Komplettlösungen brand new media & Typo3-Komplettlösungen Typo3 - Ihr Benefit Ihr Benefit + keine Anschaffungskosten + keine Lizenzkosten + keine laufenden Kosten + kurze Einarbeitungszeit, minimaler Aufwand für Schulung

Mehr

Design-Briefing. Geschätzter Kunde. Jedes vom Atelier Sinnbild erstellte Design ist individuell und auf Ihren spezifischen Kundenwunsch zugeschnitten.

Design-Briefing. Geschätzter Kunde. Jedes vom Atelier Sinnbild erstellte Design ist individuell und auf Ihren spezifischen Kundenwunsch zugeschnitten. Design-Briefing Geschätzter Kunde Jedes vom Atelier Sinnbild erstellte Design ist individuell und auf Ihren spezifischen Kundenwunsch zugeschnitten. Um zu Ihrer vollsten Zufriedenheit arbeiten zu können,

Mehr

Responsive Webdesign

Responsive Webdesign Responsive Webdesign Anlass sind 2 Probleme: 1. Darstellung der HU-Homepage auf mobilen Geräten ist nicht optimal (Überprüfung der Anzeige mit Strg+Shift+M oder Simulatoren www.responsinator.com) 2. Summe

Mehr

TYPO3 4.4.x - Schulungsunterlagen für Redakteure TZ-COM Thomas Zimmermann Computer GmbH (Reinhard Kreitner 10.08.2010)

TYPO3 4.4.x - Schulungsunterlagen für Redakteure TZ-COM Thomas Zimmermann Computer GmbH (Reinhard Kreitner 10.08.2010) TYPO3 4.4.x - Schulungsunterlagen für Redakteure TZ-COM Thomas Zimmermann Computer GmbH (Reinhard Kreitner 10.08.2010) Wichtige Begriffe:... 2 Was ist ein Content Management System (CMS)?... 2 Die Begriffe

Mehr

Deutsche Golf Liga. Mediadaten 2014. Gültig ab Oktober 2013. (Stand 09/2013) deutsche golf online GmbH

Deutsche Golf Liga. Mediadaten 2014. Gültig ab Oktober 2013. (Stand 09/2013) deutsche golf online GmbH Deutsche Golf Liga Mediadaten 2014 Gültig ab Oktober 2013. (Stand 09/2013) Deutsche Golf Liga Auf dem Weg zur Vision Gold. Fakten und Hintergründe.! Die Einführung der Bundesliga in nahezu jeder Sportart

Mehr

User Interface Design und Icon Library

User Interface Design und Icon Library Clemens Grossmann - TouchingCode GmbH User Interface Design und Icon Library www.apmato.com Auftraggeber TouchingCode GmbH Wir sind spezialisiert auf die Entwicklung von Smartphone Apps und die dazugehörigen

Mehr