Sebastian Gabler Design & Code PORTFOLIO
01 UI/UX DESIGN & DEVELOPMENT
Portfolio UI/UX Design & Development About Mobile View Products Desktop View Dimi z Hairstylist Projekt Website Layout & Screendesign Entwicklung & Umsetzung Features Startseiten-Animation Zweisprachig (Deutsch & Englisch) Instagram-Feed Responsive Technologien Drupal, HTML, CSS, JavaScript, PHP www.dimiz-hairstylist.com Collections Desktop View 05
Portfolio UI/UX Design & Development Profil Desktop View Vita Desktop View Laurenz Lerch Projekt Website Layout & Screendesign Entwicklung & Umsetzung (HTML & CSS) Features Onepage Responsive Technologien HTML, CSS, JavaScript, PHP News & Kontakt Desktop View www.laurenz-lerch.de 07
Portfolio UI/UX Design & Development Menu Desktop View Sommersperger Malerei GmbH Projekt Website Layout & Screendesign Entwicklung & Umsetzung (Drupal) Textgestaltung & Übersetzung Features Technologien Home Mobile View Menu & Button Animationen Zweisprachig (Deutsch & Englisch) Responsive Drupal, HTML, CSS, JavaScript, PHP Service Desktop View www.sommersperger.de 09
Portfolio UI/UX Design & Development About Desktop View Destination Asia [eigenes Projekt] Projekt Weblog Layout & Screendesign Entwicklung & Umsetzung (Drupal) Textgestaltung Features Responsive Technologien Drupal, HTML, CSS, PHP www.destination-asia.de Blogeintrag Desktop View 11
Portfolio UI/UX Design & Development Beim Grainer Projekt Landing Page Layout & Screendesign Entwicklung & Umsetzung (HTML & CSS) Features Responsive Technologien HTML, CSS, JavaScript, PHP Landing Page Desktop View www.beim-grainer.de 13
Portfolio UI/UX Design & Development Das Mutter Kind Haus Desktop View Mutter Kind Haus e.v. Projekt Website Layout & Screendesign Entwicklung & Umsetzung (Drupal) Features Barrierefrei Text-Vorlesen-Funktion Facebook-Feed Responsive Technologien Drupal, HTML, CSS, JavaScript, PHP Geschichte Mobile View www.mutterkindhaus-verein.de 15
02 EDITORIAL & GRAPHIC DESIGN
Portfolio Editorial & Graphic Design Flyer Max-Planck-Institut für biologische Kybernetik Broschüre, Anzeige, Plakat, Banner, Flyer Layout Bildbearbeitung Druckdaten Plakat Flyer 19
Portfolio Editorial & Graphic Design Einladung Wir trauen uns, ja zu sagen! 22.07.2017 Diesen besonderen Moment möchten wir gerne mit euch gemeinsam feiern. Hochzeitseinladungng & Lisa Sepp Programm 13.00 15.00 Trauung in der Klosterkirche Niederviehbach Klosterstraße 12 84183 Niederviehbach Hochzeitsfeier im Landgasthof Räucherhansl Oberteisbach 2 84180 Loiching Über Eure Zusage bis 01.05.2017 würden wir uns sehr freuen. Übernachtungsmöglichkeiten sind im Gasthaus gegeben. Falls ihr ein Zimmer benötigt, reserviert bitte rechtzeitig. Hochzeitseinladung Lisa & Sepp Hochzeitseinladung & -menü, Liedblatt, Dankeskarte Layout Bildbearbeitung Druckdaten Hochzeitsmenü 21
Portfolio Editorial & Graphic Design Inhalt Vorwort 4 Definition 6 Was wollen wir erreichen? 8 Privat vs Job oder Privat & Job? 10 Netiquette 12 echion in den sozialen Netzwerken 14 Inhaltsverzeichnis VORWORt Das Internet ist aus unserer Gesellschaft nicht mehr wegzudenken. Die wachsende Beliebtheit von Social Media ist auch für uns von großer Bedeutung. Social Media Guidelines Was sind eigentlich soziale Medien? Was bringt es mir, wenn ich mich einer Online-Gemeinschaft anschließe? Wie kann ich sie optimal nutzen? Diese Fragen lassen sich nur auf eine Art beantworten: durch Ausprobieren. Wir haben das getan und sind seit einiger Zeit auf Facebook aktiv. Die Erfahrungen und Erkenntnisse, die wir dort gewonnen haben, möchten wir gerne mit Ihnen teilen, um Sie neugierig zu machen. Wir meinen, die Mitmach-Medien bringen nicht nur Spaß, sondern lohnen sich auch, entdeckt zu werden. Diese Social Media Guidelines dienen als Orientierungshilfe für Ihr Online-Leben. Wer sich in einem sozialen Netzwerk anmeldet, wird nämlich schnell feststellen, dass dort Berufs- und Privatleben stark verschwimmen. Schließlich tauschen die Online-Nutzer sich über persönliche Interessen genauso aus wie über Arbeitsthemen. Das alleine ist zwar noch nichts Besonderes immerhin sprechen wir auch im echten Leben mit Familie und Freunden über unseren Beruf. Der große Unterschied liegt aber in der Zahl der Mithörer : Die ist online um ein Vielfa- ches höher und lässt sich auch kaum überprüfen. Eine unbedachte Äußerung, die im echten Leben schnell vergessen wäre, kann sich so im Netz leicht verselbständigen und Ihrer Kontrolle entziehen. Wir möchten Ihnen helfen, sich und andere vor diesen Gefahren zu schützen. Deshalb finden Sie in den Social Media Guidelines Tipps, die Ihnen helfen, im Netz auf der sicheren Seite zu bleiben. Damit das Projekt Social Media bei echion läuft, ist jeder Einzelne gefragt, witzige Begebenheiten, Einblicke in den arbeitsalltag oder häufig gestellte Fragen weiterzugeben. nur so kann das netzwerk leben und für die Follower interessant sein und bleiben. Ihr Michael Kimmich CEO/Founder 4 5 Vorwort PRIVat VS JOB ODER PRIVat & JOB? Eine eindeutige Unterscheidung zwischen Ihnen als Privatperson und als Mitarbeiter der echion AG ist im Netz eigentlich nicht möglich, die Grenzen verschwimmen immer mehr. Dadurch wird jeder User vor ganz neue Herausforderungen gestellt. Wie geht man zum Beispiel mit einer Freundschaftsanfrage eines n, Kollegen oder Vorgesetzten bei Facebook um? Wie immer wenn es um die Aktivität in sozialen Medien geht, heißt die richtige Antwort Verlassen Sie sich auf Ihr Bauchgefühl. Eine Möglichkeit ist den Anfragenden nett drauf hinzuweisen, dass Sie das private und geschäftliche Netzwerk voneinander trennen möchten und hier auf Verständnis hoffen. Oder Sie machen einfach mit! echion AG Broschüre Layout Bildbearbeitung Druckdaten 10 11 Inhaltsseite 23
Portfolio Editorial & Graphic Design CD-Cover Oberpfälzer Kulturbund e.v. Plakat, Roll-Up, CD-Cover, Buchcover Layout Bildbearbeitung Druckdaten Festschrift Roll-Up 25
Portfolio Editorial & Graphic Design Flyer Zurueckspulen Flyer Layout Illustration Bildbearbeitung Druckdaten 27
Portfolio Editorial & Graphic Design Instratec GmbH Broschüre, Anzeige, Banner, Flyer Layout Bildbearbeitung Druckdaten Anzeige 29
03 BRANDING NG & LOGO DESIGN
Portfolio Branding & Logo Design Franz Sommersperger Geschäftsführer Sommersperger Malerei GmbH Enzerweis 51 94428 Eichendorf Tel +49 (0) 99 52-90 59 40 Fax +49 (0) 99 52-90 59 42 Mobil +49 (0) 173-39 08 89 0 E-Mail fs@sommersperger.de www.sommersperger.de Visitenkarte Sommersperger Malerei GmbH Logo, Visitenkarten, Briefbogen, Mappen,Banner, Folder, Anzeigen Layout Illustration Angebotsmappen 33
Portfolio Branding & Logo Design Visitenkarte Beim Grainer Logo, Visitenkarten Layout Illustration 35
Portfolio Branding & Logo Design The Hunting Elephants The Hunting Elephants Logo Layout Illustration 37
Portfolio Branding & Logo Design Bourbon Brothers Destination Asia Logo Logo Layout Layout Illustrtation 39
Portfolio Branding & Logo Design nob. Cross Style Camp Logo Logo Layout Layout 41
04 PHOTOGRAPHY
Portfolio Photography Lisa & Sepp Hochzeitsfotos & Brautshooting 45
Portfolio Photography The Hunting Elephants Projekt Alter Ego EP Release Party 47
Portfolio Photography eigene Arbeiten 49
Sebastian Gabler Design & Code Reutlinger Straße 41 72072 Tübingen T 0170 / 96 14 528 E info@sebastiangabler.com W www.sebastiangabler.com