Home Portfolio Kontakt Über & mich
Styleguide Screen Print Produktdesign UI / UX Software Web 1 Foto Web 2
Willkommen

bluewhite.deSIGN ist  war(*) ein kleines, inhabergeführtes Designbüro in Berlin.

(*) Seitdem meine Kinder in die Grundschule gehen, konzentriere ich mich voll auf meine Tätigkeit als angestellter UX/UI Designer und betätige mich darüberhinaus als Hausaufgabenkontrolleur und innerfamiliärer Taxidienst, so dass leider keine Zeit mehr für freiberufliche Projekte oder die technische Überarbeitung dieser Website aus der Vor-Mobile-Ära bleibt.

bluewhite.deSIGN konzipierte und gestaltete auf individuellen Kundenwunsch – vom passgenauen Logo bis zum kompletten Corporate Design, vom kreativen Key Visual bis zur fertigen Website, vom App User Interface bis zur komplexen Softwareanwendung.
Alle Projekte zeichnen sich durch Kreativität, Präzision und den Blick auf die entscheidenden Details aus.
bluewhite.deSIGN glaubt an gutes, anwenderfreundliches Design.

Zu den Projekten   Wer steckt dahinter?

Neuere Projekte anzeigen? Mein Profil bei Behance

Neueste Projekte

Website mit Content-Management-System für den Landesverband Berlin-Brandenburg im Deutschen Altphilologenverband

Konzeption | Design | Programmierung
in Zusammenarbeit mit dem Entwickler Marek Chec | Website mittlerweile erneut überarbeitet

Website für den Berliner Immobilienmakler Bernard A. Ehlinger, mit optionaler Anbindung an immobilienscout24.de

Konzeption | Design | Programmierung | Logoentwicklung | Website mittlerweile erneut überarbeitet

Website mit Lokalkolorit für die Apotheken Basdorf und Schönwalde, mit der Möglichkeit für Kunden, Rezepte online einzugeben.

Konzeption | Design | Programmierung
in Zusammenarbeit mit der Sunshine Marketing GmbH | Website mittlerweile erneut überarbeitet

Portfolio

Stlyeguide

Gestaltungsrichtlinien für den Fotodienstleister myphotobook

Die myphotobook GmbH ist ein europaweit tätiger Anbieter von Fotobühern und weiteren individuell gestaltbaren Fotoprodukten im B2C-Markt. Der komplett neugeschriebene 30-seitige Styleguide umfasst Informationen zum korrekten Gebrauch von Logo, Farbwelt, Typografie, Bildsprache und Schreibweisen von Marken- und Produktnamen sowie Anwendungsbeispiele aus der Praxis und kam unternehmensintern und extern zur Anwendung.

↓

Teaser

Teasergrafiken für den Fotodienstleister myphotobook

Teaser sind Bildelemente, die zum Weiterklicken verleiten sollen, in diesem Fall von der Homepage auf eine Unterseite. Auf den Teasern werden verschiedene Informationen zu laufenden Aktionen oder Kampagnen in einer möglichst einprägsamen Weise dargestellt. Die hier gezeigten Teaser für die Homepage des Fotodienstleisters myphotobook beinhalten stets ein oder mehrere Produkte von myphotobook, teilweise zusätzliche Informationen zum Produktprogramm sowie Gutscheincodes für laufende Rabattaktionen. Mit dem Teaserdesign geht auch immer die Entwicklung passender Grafiken für Social Media Websites wie Blogs oder facebook einher, auf der die laufenden Aktionen verlinkt sind und für mehr Klicks sorgen.



↑ ↓

Print

Gutscheine und Flyer

Für diverse aktuelle und frühere White Label Partner von myphotobook entstanden in den letzten Jahren eine dreistellige Anzahl von Rabattgutscheinen und Flyern, teilweise basierend auf vorhandenen Styleguides, teilweise in völlig neuem Design. Die meisten Designs wurden in Indesign erstellt und als druckfertiges PDF exportiert. Die Designs entstanden bei der myphotobook GmbH und wurden an Kunden verschickt, bei Veranstaltungen verteilt, Zeitschriften oder Paketen beigelegt oder direkt dem Auftraggeber überlassen.

↑ ↓

Produktdesign

Abbildungen von Fotoprodukten (Fotobücher, Fotokalender, Fotoleinwände usw.)

Für den Einsatz in Kampagnen und auf verschiedenen Werbematerialen von myphotobook wurden Produktabbildungen von Fotoprodukten benötigt. Basierend auf den RAW-Dateien nach dem Fotoshooting wurden diese per Photoshop freigestellt, in Licht und Farbe korrigiert und mit unterschiedlichen Bildmotiven versehen, ganz nach Wunsch des Kunden bzw. in zielgruppengerechter Ansprache der Nutzer (Abbildungen 1. und 2. Reihe). Die Produktabbildungen können dann in passenden Umgebungen eingesetzt werden, sei es in Teasern oder wie hier gezeigt für den Einsatz auf Pinterest (Abbildungen 3. Reihe).

↑ ↓

User Interface Design

Die Fotobuch-Software von myphotobook

Folgende Ziele waren für die Überarbeitung des Startscreens der Fotobuch-Software von myphotobook vorgegeben: Erstens eine ansprechendere, animierte grafische Oberfläche zu erstellen (die die Vorteile des Adobe-Flex-basierten Clients ausspielt); zweitens dem Kunden eine übersichtlichere Möglichkeit zu geben, vorhandene Projekte zu öffnen oder neue Projekte mithilfe eines interaktiven Assistenten starten zu können; und drittens die Produktwelt von myphotobook ansprechend darzustellen und dadurch die Lust beim Kunden zu wecken, ein eigenes Fotoprojekt zu erstellen. Für den neuen Startscreen wurde eine frische Optik mit einigen neuen Designelementen entwickelt, die aber weiterhin problemlos in die bestehende Design- und Farbwelt integriert werden kann. Basierend auf Nutzerbefragungen und bereits gesammelten Erfahrungen wurde eine Verkürzung der Klickwege ebenso erreicht wie eine Vereinfachung der Bedienung durch eindeutigere Symbole und ein geändertes Wording von Buttons und Überschriften. Basierend auf Klickdummies wurde dann in Zusammenarbeit mit der IT ein Prototyp erstellt, von dem später ein Großteil der neuen Features in die Fotobuch-Software eingeflossen sind.

↑ ↓

Software-Entwicklung

Konzeption  |  Contentrecherche  |  Wording  |  Design  |  Programmierung

Als Teil meiner Diplomarbeit an der "Mediadesign Hochschule Berlin" entstand eine Lernsoftware (für Windows und MacOS) zum Thema "Die Olympischen Spiele der Antike". Sie ist für Schüler zwischen 12 und 18 Jahren geeignet und kann im Schul-Geschichtsunterricht, aber auch selbständig zu Hause eingesetzt werden. Sie beinhaltet sieben vertonte Hörkapitel mit über 60 Minuten Laufzeit, verschiedene Lernspiele, eine große Bibliothek mit Film- und Fotomaterial, 360-Grad-Panoramen, ein umfangreiches, bebildertes Stichwortverzeichnis, Karten der antiken Stätten und Texte zu Olympia in vier Sprachen. Die Lernsoftware ist komplett musikuntermalt; die Benutzeroberfläche zeigt faszinierende Aufnahmen der antiken Stätten aus der Serie "Ancient Lands", die mir der Fotograf Berthold Steinhilber, der diese Bilder bereits in der Zeitschrift GEO veröffentlichte, freundlicherweise zur Verfügung gestellt hat.

↑ ↓

Webentwicklung

am Beispiel der Apotheken in Basdorf und Schönwalde

Als Freelancer habe ich unzählige Projekte im Designbereich umgesetzt. Am liebsten waren mir Projekte, bei denen der Kunde eine wirklich individuelle Gestaltung wünschte und bei denen kleine, regionale Unternehmen, Vereine, Verbände oder Einzelpersonen langfristig (genau) einen zuverlässigen Ansprechpartner wünschten. Die hier gezeigte Website gehört zu zwei Apotheken aus Wandlitz, nördlich von Berlin. Das Projekt wurde gemeinsam mit der Agentur Sunshinemarketing realisiert. Meiner Arbeit als Freelancer umfasste dabei die Bereiche Design, technische Beratung und Projektumsetzung sowie Betreuung der Website.

↑ ↓

Fotografie

Canon EOS 450D u.a. | Sigma 28-200mm u.a.

Die Arbeit mit Fotos ist nicht nur selbstverständlicher Teil der Arbeit an Design-Projekten, sondern sie ist für mich - vor allem auf Reisen - auch Spaß, Abwechslung, interessantes Hobby und entspannender Zeitvertreib. Als solches stehen die hier gezeigten Fotos auch, und nicht als Konkurrenz zu einem hauptveruflichen Fotografen, der ausschließlich mit Fotografie sein Geld verdient. Fotos können faszinieren, inspirieren und zum Nachdenken anregen, auf jeden Fall sind sie elementarer Bestandteil modernen Kommunikationsdesigns. Die hier gezeigten Fotos entstanden im Westen der USA (Nevada, Utah, Arizona, Kalifornien/San Francisco) sowie in verschiedenen Bundesstaaten Australiens und Neuseelands.

↑ ↓

Webdesign

für diverse Websites

Für den Fotodienstleister myphotobook entstanden Screendesigns für diverse Websites von White-Label-Partnern, die ebenfalls Fotoprodukte anbieten. Zu sehen sind (von links nach rechts) Designs für L`tur, Ab-in-den-Urlaub, Sat.1, HerthaBSC, studiVZ, icq und Strato. Alle Designs wurden von myphotobook technisch umgesetzt (sind z.T. aber nicht mehr online bzw. wurden überarbeitet). Alle hier abgebildeten Websites wurden im Design der White Label Partner gestaltet; teilweise war dazu ein Styleguide vorhanden, aber auch ohne Styleguide designe ich gern innerhalb einer bereits vorhandenen Designwelt und Bildsprache und gebe so dem User das Gefühl, stets auf der "sicheren" Website einer bekannten, vertrauten Marke unterwegs zu sein.

↑

Referenzen von A bis Z (Auswahl)

Ab-in-den-Urlaub*
Alcatraz Zaunanlagen*
Apotheken in Wandlitz*
BEBIS Berliner Bildungsserver
C. Bechstein Centren*
Carpe Diem e.V.*
CHIP*
cosmoproducts GmbH*
Der Tagesspiegel*
Deutsche Comenius-Gesellschaft
Deutscher Altphilologenverband
EHL Immobilien
epubli GmbH*
Gropis-Apotheke
Hertha BSC*
IZOP-Institut
Kanzlei Dr. Rabl & Seuss
Kuntze Zahntechnik*
Leonhard Gebäudeservice*
myphotobook GmbH*
Unternehmensberatung Bost
Pegasus-Onlinezeitschrift
ProSiebenSat.1*
Rechtsanwälte Dr. Rabl & Seuss
Sprachenfest Berlin
Stadtteil Frankfurt Hoechst*
Strato*
studiVZ*
Sunshinemarketing GmbH*
Thomas Cook Reisen*
Zentrum für moderne Haartransplantation Berlin

*Projekte entstanden teilweise in Zusammenarbeit mit Partnern oder bei Arbeitgebern.

Weitere Referenzen

Weitere Referenzen

Kundenstimmen

"Wir arbeiten seit Jahren mit Herrn Rabl bei Grafik- und Webdesign-Projekten zusammen. Besonders überzeugt haben uns die treffgenauen Designs, auch nach einem kurzen Briefing, und die zuverlässige Umsetzung unserer Projekte."
Carolina Lebedies
Geschäftsführerin Sunshine Marketing GmbH

Kontakt


Per Email:

Bitte Sicherheitscode eintragen (Spamschutz)

captcha
Neuer Code?

© Script Powered by kostenloses Kontaktformular

Per Post

Christopher Rabl
Flanaganstr. 23
14195 Berlin

Per Telefon oder online

Festnetz +49 (30) 509 170 69
Slack, Telegram, Signal
oder WhatsApp auf Anfrage

Über mich

Beruf & Projekte

Seit 2015 in Vollzeit angestellt bei Europas größten ReCommerce-Anbieter, der momox SE. Letztes Großprojekt 2022 (Umsetzungszeitraum 2 Jahre): Alleinverantwortlicher UX/UI Designer für die komplett neuentwickelte Inbound-App (Ankauf Bücher/Medien/Fashion) für iOS und Android; zuvor Umbau der Ankaufsplattform momox.de sowie des Webshops medimops.de als responsive/mobile Website, stets in enger Abstimmung mit Product Ownern und Entwicklern.

Bis 2014 sieben Jahre lang Inhouse-Grafiker beim Fotobuch-Anbieter myphotobook: Kampagnen, Newsletter, Mailings, Flyer, Banner, Teaser, Social Media, Landingpages, Digital- und Printdesign, unzählige White Label Partner, alles für 10 europäische Länder.

20 Jahre Freelance-Designer unter bluewhite.deSIGN (2000 - 2020); Web- und Grafikdesign, Projektmanagement, Konzeption. Aufträge vom passgenauen Logo bis zum kompletten Corporate Design, vom kreativen Visual Design bis zur interaktiven App/Website.

Agenturerfahrungen aus grauer Vorzeit: Kreuzberger Produktionsagentur tiff.any, Werbeagentur Sunshine Marketing sowie Imagewerbung-Berlin am Savignyplatz – "der Agentur, in der kein Wunsch verlorengeht". Außerdem Postkartendesigner bei cosmocard – just smile!

Schwerpunkte & Interessen

  • User Interface & Visual Design
  • UX, Wireframing & Prototyping, User Centered Design & Informationsarchitektur, "Problemlöser"
  • User Tests, A-B-Tests
  • Fotografie & Bildredaktion
  • Wording & Lektorat (deutsch)

Tools & Software

  • Sketch
  • Figma, Photoshop, Illustrator
  • Loop11, Google Optimize, Dynamic Yield
  • AxureRP, Balsamiq
  • Jira, Confluence, Trello

Sprachen

  • Deutsch (Muttersprache)
  • Englisch (fließend, 1 Auslandsjahr)
  • HTML/CSS (ausreichende Kenntnisse, um einen diskutierenden Webentwickler an die Wand zu drücken, aber zu wenig Übung, um täglich noch selber zu coden)

Studium & Ausbildung

Diplom-Designer (FH)
Studium an der Mediadesign Hochschule Berlin

Diplomarbeit bei Prof. Peter Fischer-Piel und Doz. Peter Freitag zum Thema Medienintegration im Bildungsbereich. Entwicklung einer Lernsoftware für den Geschichtsunterricht auf Basis Macromedia Director/Lingo (Note: sehr gut)

Auslandsaufenthalt in Australien 2006 - 2007

Ausbildung als Mediengestalter Digital und Print (Note: sehr gut)

Abitur am Canisius-Kolleg Berlin

Portfolio als PDF ist so 90er ;-)
Lieber zu Behance

Konferenzen können inspirieren
UXLx Lissabon (2022), Webinale Berlin (2022, 2017, 2016), UX Day Mannheim (2021), Adobe MAX (2021), CSS Day Amsterdam (2018), Beyond Tellerrand (2017), SmashingConf Freiburg(2016), MOBX (2015, 2014), TYPO Berlin (2015, 2014) und viele weitere


Haftungsbedingungen

Trotz sorgfältiger inhaltlicher Kontrolle übernehme ich keine Haftung für die Inhalte externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich. Grafiken von dieser Website sind durch das Urheberrecht geschützt. Das Verwenden der Grafiken auf eigenen Web-Seiten oder in anderen Medien ohne ausdrückliche Genehmigung ist untersagt.

Social Media

Impressum

Angaben gemäß Paragraph 5 TMG und verantwortlich für den Inhalt nach Paragraph 55 Abs. 2 RStV:
Christopher Rabl | Flanaganstr. 23 | 14195 Berlin | Tel. +49 (30) 509 170 69


  • Diese Website läuft mit Ökostrom.

    • Copyright © 2000 - 2013 | bluewhite.deSIGN