DIGITAL BRANDING PRODUCT DESIGN - SEBASTIAN KEITEL - Photo by Eberhard Grossgasteiger on Unsplash
←
→
Transkription von Seiteninhalten
Wenn Ihr Browser die Seite nicht korrekt rendert, bitte, lesen Sie den Inhalt der Seite unten
STORY SEBASTIAN KEITEL EXPERIENCE & VISUAL DESIGNER Mein Herz schlägt für Marken, gute Nutzererleb- nisse und innovative Ideen. Und das seit 12 Jah- ren. Als Designer und Stratege verbinde ich öko- nomisches, kulturelles und psychologisches Wissen mit kreativer Energie, Design Thinking und agilen Methoden. Studiert habe ich an den Hochschulen Braunschweig/Wolfenbüttel und Hannover Infor- mationsmanagement von Sep 2003 bis Jan 2006 und von Mrz 2006 bis Aug 2011. Abschluss und Schwerpunkt sind B.A. und Audiovisuelle Medien. -2-
WERDEGANG Für wen Visual Designer | Concept Developer | Strategist DDB /// Herren der Schöpfung /// Saatchi & Saatchi Seit Nov 2014 /// Kleine Projekte heimat /// Parasol Island /// FFW Klienten: ZDF, Pfizer, REWE, PENNY, ALDI, Telekom ich tätig Lehrkraft für UX & UI Hochschule Hannover Seit Mrz 2018 Projektarbeit, Zweitprüfer Bachelorarbeiten war UX Lead blurnt Sep 2021 – Okt 2021 Klient: DÖHLER /// Entwicklung verschiedener Use Cases und Konzepte für eine Plattform. Product & UI Designer Windhoff Dez 2020 – Aug 2021 Klient: ELOKON /// Entwicklung eines visuellen Konzepts, Design Systems, Organisation von User Research für App User Experience Designer Hays AG Dez 2020 – Jan 2021 Entwicklung eines Klickdummy Prototypen für Plattform Brand Strategist Freunde des Hauses Feb 2020 Klient: Warsteiner /// Datenanlyse für Markenstrategie Brand Strategist & User Researcher VORN Strategy Nov 2019 – Dez 2019 Klient: Vaillant /// User Research & Konzept User Experience Designer HDI & ImmoScout24 Apr 2019 – Juni 2019 Mit geotzpartners /// Ideation, Prototyping, Testing, MVP
WERDEGANG User Interface & Experience Designer emetriq Dez 2018 – Mrz 2019 Startup Telekom /// Ideation, Prototyping, Testing für App Visual Designer Scholz & Friends Okt 2019 Klient: Deka Investments /// Designideen für App/Service User Researcher & Strategist Publicis Sapient & EnBW Jun 2018 – Aug 2018 Research & Design Thinking für Service Portfolio User Researcher Signal Iduna & Boston Consulting Group Apr 2018 – Mai 2018 Research & Design Thinking für Transformationsprozess Brand Strategist & Visual Designer Pickawood Dez 2017 – Jan 2018 Markenkonzept und Designideen für Startup & Webshop Event Konzepter East End Communication Sep 2017 – Jan 2018 Klienten: Die Techniker Strategic Planner Publicis Pixelpark Mrz 2016 – Jun 2016 Klienten: Jungheinrich /// Dräger Strategist & Digital Designer EN GARDE Graz Mai 2015 – Okt 2015 Klient: Jufa Hotelgruppe Web Designer & Gründer herzblut Designagentur Sep 2008 – Jan 2015 Klienten: TUI /// Madsack Mediengruppe Photo by Ross Sokolovski on Unsplash
USER RESEARCH Um Menschen zu verstehen und ein ganz- heitlich Bild zu erhalten, setze auf einen hybriden Ansatz aus qualitativen und quanatativen Methoden. Ethnographic & Culture Research Trendscouting & Marktanalysen Sinus Milieus & Limbic Map Experience & Journey Maps Empathy Map & Personae Think Aloud Testing & A/B Tests Mouse & Eye Tracking Heuristiken & Cognitive Walkthrough Photo by Nikita Kachanovsky on Unsplash
IDEATION CONCEPT UND Durch Konzepte schaffe ich ein solides Fundament für Services, Apps, Innovationen, Websites oder Markenauftritte. Positionierung von Marken & Produkten Design Thinking Prozesse – Organisation Workshops & Sprints – Moderation Ideenfindung via Crazy Eight etc. Information Architecture Use Cases & User Flows Pen/Paper & Lo-fi Prototypen Photo by Jeff Sheldon on Unsplash
VISUAL DESIGN Produktideen und Markenstrategien erwecke ich durch Ideenskizzen, Mockups oder klickbare Prototypen zum Leben. Enwicklung von visuellen Konzepten Branding & Design Systeme Entwicklung des Look & Feel Definition von Tonalität & Bildsprache Formgebung & Typografie Interaktionen & Zustände gestalten High-fidelity Mockups & Prototypen Clickdummy Prototypen Photo by Marvin Meyer on Unsplash
PROJEKTE AUSGEWÄHLTE 01. DEKA Service für privates Investment Banking 02. JUFA Website und Brand Re-Launch 03. TELEKOM/EMETRIQ App für Datenanalyse 04. PICKAWOOD Markenkonzept für den digitalen Raum Photo by Erol-Ahmed on Unsplash -8-
DEKA BANKING SERVICE Privates Investment Banking mit einem durchgestalteten Service anfassbar machen VISUAL DESIGN /// INFORMATION ARCHITECTURE -9- Photo by Dovlet Hojayev on Unsplash
DEKA PROBLEM UMFELD DEKA positioniert sich als Plattform für Das Team der betreuenden Agentur Scholz & privates Investment Banking mit entsprechen- Friends habe ich im Oktober 2018 als UI/Vi- den Services. Das digitale Branding war nicht sual Designer mit der Entwicklung von Ideen auf die User Experience abgestimmt und viele und der Umsetzung von high-fidelity Mockups Informationen nicht sinnvoll gegliedert. unterstützt. LÖSUNG AUFGABEN Durchstrukturierung der Informationen und Feinkonzeption Services Funktionen. Tonalität bestimmen. Branding- Look & Feel elemente in User Experience integrieren. Look High fidelity Mockups mit Adobe XD & Feel der Elemente aus der Lebenswelt der Prototyping Kernklientel aufgreift und zur Marke passt. Screendesign - 10 -
DEKA Chat Suche Sprache Login Kundentyp STARTSEITE PRODUKTSEITE ANLEGERBEREICH Begrüßung Empfehlung Neuigkeiten Einstiegsrechner Überblick aktuelle Entwicklungen Portfolio Performance Neuigkeiten Wachstumsprognose Hilfsangebot/CTA Idee für Geldanlage Weltweite Wachstumschancen Spezielle Investmentideen SERVICE STRUKTUR Auszeichnungen Chancen und Risiken Vorstellung von Märkten Kontakt Prüfung Hilfe FAQ Kontakt Es wurde eine neue Informationsarchitektur Berater Kontakt entwickelt, die spezifischen Content und Fondfinder digitale Services wie interaktive Rechner Newsletter in den Vordergrund stellt. - 11 -
DEKA LOOK & FEEL Farbgebung, Bedienelemente und Zustände wurden für das Investmentbanking Portal definiert. Der Look & Feel findet sich in sämtlichen Elementen wieder. - 12 -
DEKA BILDERWELT In der Symbolik und Assoziationswelt der Bildsprache spielen spezielle Konsumenten- typen, Lifestyleaspekte als auch fachliche Themen eine tragende Rolle. - 13 -
DEKA INTERAKTIVE ELEMENTE Der Look & Feel wurde in verschiedene interaktive Elemente intergriert. Das Spektrum reicht von einfachen Teasern und Text-Bildmo- dulen bishin zu interaktiven Rechnern. - 14 -
DEKA STARTSEITE Auf der Startseite werden verschiedene Pro- dukte und Services vorgestellt. Ein interaktiver Einstiegsrechner ermöglicht einen schnellen Einstieg zu verschiedenen Produktarten. - 15 -
DEKA PRODUKTE Auf der Produktseite findet sich unter ande- rem ein interaktiver Prognoserechner mit dem Wachstumsraten prognostiziert werden. Der User soll hierdurch einen Einblick in die mögli- che Entwicklung zukünftiger Anlagen erhalten. - 16 -
DEKA INTERNER BEREICH Im Anlegerbereich kann sich der User über die Entwicklung seiner Anlagen informieren. Ihm werden zudem weitere Anlagen mit verschie- denen Ausrichtungen wie Langfristigkeit vor- geschlagen. - 17 -
JUFA HOTELS BRAND RELAUNCH Mehr Greifbarkeit für eine Hotelmarke mit starkem Sinn für Gemeinschaft BRAND CONCEPT /// EXPERIENCE DESIGN - 18 -
PROBLEM UMFELD Eine Hotelmarke mit dem Hintergrund einer Das Team von EN GARDE habe ich im Bereich Jugendherberge neu ausrichten und zu mehr Markenstrategie und UX Design unterstützt. Anfassbarkeit in einer digital geprägten Welt Von Strategieentwickluing bis zur Gestaltung und veränderten Verhaltensweisen verhelfen. von Landing Pages habe ich dabei verschiede- ne Aufgaben übernommen. LÖSUNG AUFGABEN Die Markenpositionierung schärfen und mit Psychographic Research Nutzerbedürfnissen abgleichen. Geschäftsfel- Markenanalyse der und Informationen gliedern, neues Visual Markendefinition Design von der Marke ableiten und auf der Personae & Customer Journey Website implementieren. Website Strategy Information Architecture Look & Feel High fidelity Mockups - 19 -
JUFA Positionierung auf der Limbic Map ABENTEUER Extravaganz Rebellion STIMULANZ Impulsivität Mut DOMINANZ Sieg Kreativität Risikofreude Kampf Individualismus Spontanität Macht Spaß DEFINITION Autonomie Kunst Abwechslung Elite Freiheit Ruhm Neugier Durchsetzung Status Humor Leistung Stolz Ehre Effizienz Fantasie Leichtigkeit Fleiß Ehrgeiz MARKENKERN Hartnäckigkeit Genuss Offenheit Toleranz Funktionalität Präzision Poesie Ordnung Logik Flexibilität Gerechtigkeit Disziplin Träumen Pflicht Herzlichkeit Freundschaft Gehorsamkeit Moral Askese Sinnlichkeit Vertrauen Treue Hygiene Familie Sauberkeit Geselligkeit Sparsamkeit Verlässlichkeit Grundlage für den Relaunch war eine GENUSS Natur Heimat Geborgenheit Gesundheit Qualität KONTROLLE Sicherheit Tradition erneuerte Definition des Markenkerns und Nostalgie der Markenpositionierung. Um Bedürfnisse, BALANCE Motivationen und Nutzerwege besser nachzuvollziehen, wurden verschiedene Personae sowie User Journeys erstellt. - 20 -
PICKAWOOD Übersicht Käufertypen FÜRSORGLICHE NETTE VEREINS- ÖKOLOGISCHER PRAGMATISCHE MUTTER FRAU VON NEBENAN GESCHÄFTSMANN SPORTLER BRAND PERSONAE Jährliche Familienreise Gruppenreisen mit Möglichkeiten für Bewegung und Sport mit den Liebsten Freunden Events mit Freunden Urlaub als Ort der Har- Gemeinschaftsreise- Sucht nach interessan- Macht Urlaub um Be- monie und Ruhe, wo erlebnis mit ihrer Frei- ten und kompetenten wegung und Sport ge- die Familie zusammen- zeitgruppe. Lokale Aus- Kooperationspartnern meinsam mit Freunden kommt und glücklich flugsmöglichkeiten und und Eventmöglichkei- und Bekannten zu er- Personae veranschaulichen unterschiedliche ist. Sehenswürdigkeiten. ten. leben. Verhaltensweisen und Motive für Reisen. Sie bilden eine Grundlage für die inhaltliche und visuelle Positionierung. Übergreifendes Kaufmotiv: gemeinschaftliches Reisen in harmonisches Umgebung Photos by Xavier Mouton Photographie, Gabriel Silverio, Michał Parzuchowski o and Victor Xok on Unsplash
JUFA Generelle Reise Angebote Reise buchen Reise Reiselust erwägen vergleichen Suche im Web Besuch der Website Suche im Web Besuch der Website Hotel besuchen Empfehlung Austausch mit Austausch mit Gespräche CUSTOMER sozialem Umfeld sozialem Umfeld Erfahrung JOURNEY Anzeige digital Infoseite Reiseportale Buchungsbereich Rezeption Anzeige Print Hotel Presse E-Mail Hotelbereiche Ergebnisliste Angebot Themenportale Telefon Zimmer Suchemaschine Um Bedürfnisse und Motivationen besser Startseite Social Media Gastronomie nachzuvollziehen, wurde eine Customer ÖPNV Zimmertyp Bestes Verhältnis Infos in der E-Mail Qualität Zimmer Journey erstellt. Darauf aufbauend wurden Preise Preis/Leistung Übersicht Qualität Food Standort Inhaltsfelder und Botschaften festgelegt. ÖPNV Hotelinfos Zahlmöglichkeiten Standort Personal - 22 -
JUFA Sitemap Jufa Website Relaunch Freizeiturlaub Schule & Kinder Sport & Training Gruppen & Seminare Service & Events Ski & Winterurlaub Hotels & Herbergen Sporthotels Hotels Tagungen & Konferenzen »» Skiurlaub »» Östereich »» Zimmerarten »» JUFA Skigebiete Fußball Feste & Konzerte »» Deutschland »» Service »» Sonnenskilauf »» Zimmerinfos »» Langlaufen »» Preise Ballsport Terminkalender »» Alternativer Winterurlaub Seminarangebote »» Silvester Radsport Gruppenbuchungen Klassenfahrten NEUE Gruppenangebote Schwimmen & Baden Mountainbike »» Musiker & Chöre Geschenkgutscheine Schulprogramme »» Pilgerreisen »» Thermen & Badewelten Tennis »» Deutsch für Schulen Barrierefreier Urlaub »» Seen & Freibad Feriencamps Judo & Kampfsport Azubis SITEMAP »» Funcamps Städtbesuch »» Fußballcamps »» Sportcamps Klettern Firmenkooperationen Radlgenuss »» Powerlearning »» Sprachcamps Referenzen Ehrungen & Partner ..... »» Reitcamps Almerlebnis Diätferien Landerlebnis Pärchenentspannung Für den Relaunch wurden einige Bereiche und Themenfelder der Website neu strukturiert. Urlaub mit Hund Wellness & Yoga Barrierefreier Urlaub Zentrale Seiten Grundlage waren Personae und die Ergebnis- Unterseiten se aus Untersuchungen und Befragungen. - 23 -
Die Jufa Idee JUFA Ob Familienurlaub in Österreich, Urlaub zu zweit, Skiurlaub oder Wellness im Thermenland - JUFA bietet Ihnen die besten Voraussetzungen für Ihren Urlaub. Mehr erfahren JUFA Angebote im Herbst Werden Sie gemeinsam aktiv und lassen Sie sich von den Top Regionen beeindrucken. ab € 163,– /Person ab € 149,– /Person LO-FI Familienspaß am Kasberg Winterzuckerl in Mariazell Skivergnügen im Salzkammergut: 2 bis Familienfreundlicher Skiurlaub: 2 bis 4 ÜN/HP inkl. Skipass Bürgeralpe 6 ÜN/HP inkl. Skipass Jetzt buchen Jetzt buchen MOCKUPS ab € 163,– /Person ab € 149,– /Person ab € 157,– /Person Auf Basis der Positionierung, der Personae und der Sitemap wurden Lo-Fi Mockups für Familienspaß am Kasberg Winterzuckerl in Mariazell Pistengaudi & Wasserspaß verchiedene Seitentypen entwickelt. Ergänzend Skivergnügen im Salzkammergut: 2 bis Familienfreundlicher Skiurlaub: 2 bis 4 Veitsch 6 ÜN/HP inkl. Skipass ÜN/HP inkl. Skipass Bürgeralpe Skiurlaub mit Hallenbad in der Hochstei… dazu wurden verschiedene Nutzungsszenarieen Jetzt buchen Jetzt buchen Jetzt buchen entwurfen. Mehr Angebote anzeigen Entdeckungsreise Erkunden Sie die atemberaubendsten Landschaften, herzhaftesten Städte und aufregendsten Regionen rund um Ihr JUFA Hotel. - 24 -
JUFA Look & Feel Der Marke Jufa Hotels Mehr erfahren Mehr erfahren Happy together - 25 -
JUFA VISUAL DESIGN Das Design für digitale Medien wurde durch interaktive Elemente und neue Stilelemente ergänzt. Die Seitenarchitektur wurde verschlankt und vereinfacht. Informationen über das Hotel, Pauschalen und Attraktionen wurden restrukturiert. - 26 -
JUFA MOBILE VERSION Ein Design für mobile Endgeräte war vorher nicht ausdefiniert. Das neue Design wurde auf für mobile Ansichten wie Smartphone und Tablet optimiert. Verschiedene Designdetails wurden hierzu angepasst. - 27 -
JUFA NEWSLETTER Für den Relaunch wurden unter anderen auch die Newsletter und weitere digitale Medien wie Anzeigenformate erneuert. Die Formate wurden für verchiedene Endgeräte optimiert. - 28 -
TELEKOM/EMETRIQ ANALYSE APP Vernetzte Daten durch ein User Interface greifbar werden lassen USER RESEARCH /// USER INTERFACE DESIGN - 29 - Photo by Jannes Glas on Unsplash
PROBLEM UMFELD Das Start-up emetriq ist schnell and den Das Team bestehend aus 3 Entwicklern, einem Markt gegangen. Die Bedürfnisse von Nutzern Produkt Owner, Design Lead und Scrum Mas- standen dabei nicht immer im Fokus. Funktio- ter wurde von mir im Bereich UI-Design als nen und Informationen wurden nur am Rande auch User Research unterstützt. auf Relevanz und Akzeptanz geprüft. LÖSUNG AUFGABEN Human Centered Design Ansatz einführen und Desk Research Nutzerbedürfnisse mit einbeziehen. User Re- User Scenarios search durchführen um tieferes Verständnis zu Konvergenz Workshop entwickeln und Annahmen durch Tests validie- High fidelity Mockups ren. Verschiedene Module designen, testen und Clickdummy Prototype Ergebnisse evaluieren. Thinking Aloud Test - 30 -
EMETRIQ User Research Architektur Softwaremodule BEST USABILITY COGNITIVE PRACTICE HEURISTIKEN WALKTHROUGH Suche nach anderen Untersuchung psycho- Durchspielen konkreter Beispielen als Basis für logischer Einflüsse auf Handlungsabläufe zur USER Funktionen und der die Wahrnehmung und Suche nach Barrieren. visuellen Gestaltung. das Verhalten. RESEARCH Allgemeine Erkenntnisse für die Ideenentwick- Erkenntnisse zur übergreifenden Erkennisse für spezifi- sche Probleme einzelner lung. Wahrnehmung. Softwaremodule. Um Bedürfnisse, Motivationen und Nutzer- wege besser nachzuvollziehen, wurden ver- schiedene Personae sowie User Journeys er- stellt. Grundlage hierfür lieferte die Marken- User Story Refinement/Revision des Interfaces positionierung. Darauf aufbauend wurden Inhaltsfelder und Botschaften festgelegt. - 31 -
EMETRIQ HI-FI MOCKUPS Auf Basis der Erkenntnisse wurden high-fidelity Prototypen für verschiedene Module und Softwarefunktionen erstellt und anschließend mit der Methode des Lauten Denkens getestet. - 32 -
EMETRIQ - 33 -
EMETRIQ Prototyping und User Testing bei emetriq PRODUCT Erkenntnisse aus User und Design Research BACKLOG IDEATION PROTOTYPE TEST EVALUATION Anforderung USER Appmodul Hypothesen Einzelne Vorbereitung Sichtung der Anforderung formulieren Mockups Ergebnisse TESTING Appmodul Anforderung Appmodul Anforderung Ideen und Klickdummy Durchführung Aufbereitung Mit insgesamt 7 Nutzern wurden mehrere Appmodul Moodboards Prototype Präsentation Module gestestet. Die Tests ergaben wertvolle Erkenntnisse über Kontexte der Benutzung, benötige Informationen, Erwatungen und Er- fahrungen. Auf dieser Basis entstanden Hand- lungsempfehlungen für die Weiterentwicklung. - 34 -
PICKAWOOD DIGITAL BRANDING Marken-orientierten User Experience für ein Möbel Start-up aus Hamburg BRAND STRATEGY /// VISUAL DESIGN - 35 - Photo by Kam Idris on Unsplash
PROBLEM UMFELD Beim Start des Unternehmens stand die Mar- Pickawood ist ein Direktkunde, den ich ich als ke nicht im Fokus. Somit gab es keine Orien- freier Designer und Markenstratege von De- tierungsanker, wofür die Marke steht, welche zember 2017 bis Januar 2018 betreut habe. Konsumentengruppen relevant sind und wie die Marke im digitalen Raum anfassbar wird. LÖSUNG AUFGABEN Einen ersten, groben Markenkern für ein Markenworkshop – Organisation und Moderation etabliertes Start-up als Wegweiser aus dem Psychographic Research Boden stampfen. Entwicklung einer Wettbewerbsanalyse Positionierung, Übersetzung in einen Designstil Markendefinition und Visualisierung anhand von high-fidelity Positionierung via Limbic© Map Prototypen. Look & Feel High-fidelity Mockups - 36 -
» -- PICKAWOOD 74 percent get frustrated with websites when content, offers, ads, promotions, etc. appear that have nothing to do with their interests. » Abrufdatum: 30.11.2017 Quelle: http://janrain.com/about/newsroom/press-releases/online-consumers-fed-up-with-irrelevant-content-on-favor- ite-websites-according-to-janrain-study/ Die Informationsflut aus den Medien überfordert 31 Prozent der Deutschen häufig und weitere 30 Prozent manchmal. INSIGHTS Wie viele Marken kämpft auch Pickawood im Dickicht der Informationsvielfalt um eine hohe Abrufdatum: 30.11.2017 Quelle: https://www.mediadefine.com/page,aktuelle-nachrichten-it-management,informationsflut-medien-ueberforde- Relevanz und die Gunst seiner Kunden. rung-menschen,0,0,40,0,de.htm Um ein besseres Verständnis für diese Problematik zu erhalten, wurden Erkenntnisse mit Hilfe von Desk Research gesammelt. - 37 -
PICKAWOOD Bildsprache Wording Look & Feel TONALITÄT UND MARKENÄSTHETIK MIX AUS EIGENSCHAFTEN IDEE MARKE CUSTOMER Markenwerte Werteaufassungen Markenstory Lifestyle Ein Interaction Design und Look & Feel die mit Markenkern sowie den Einflüssen der Produktmerkmale Alltagsästhetik Konsumenten korrespondieren. Eigenschaften Markenkern Merkmale Einflüsse Käufertypen des Markenkerns und der Konsumenten werden hierzu aufeinander abgestimmt. - 38 -
PICKAWOOD bunt mannigfaltig Wohnwelten die sich vielfältig und weltoffen kreativ vielfältig kreativ gestalten lassen anpassbar Abwechslung PICKAWOOD SEMANTIC Hochwertige Möbel für anspruchsvolle anspruchsvoll flexibel Möbel die anpass- bar sind und sich MAP Menschen flexibel einpassen Bei der Übersetzung und dem Transfer der Markenwerte und Konsumentenmerkmale in Leistung hochwertig beweglich dehnbar eine visuelle Markenästhetik und Look & Feel exklusiv Perfektion variabel maßgerecht half eine Semantische Landkarte. stabil wandlungsfähig Transformation - 39 -
PICKAWOOD BILDSPRACHE Tragende Säule um die Marke anfassbar wer- den zu lassen, ist ein Bilderstil der neue defi- niert wurde. Er charakterisiert die Lebenswelt der Kundentypen, spendet Orientierung und Photos by Keren Perez, Jean Philippe ermöglicht Identifikation. Delberghe and Anna Sullivan, and on Unsplash - 40 -
PICKAWOOD STARTSEITE Für die Startseite wurde ein high-fidelity Mo- ckup entwickelt. Die neue Markenpositionie- rung und der Look & Feel sollen anfassbar werden und den Nutzer an die Marke heran- führen. - 41 -
PICKAWOOD PRODUKTSEITE Unterschiedliche Einrichtungsstile finden sich auf den Produktabbildungen. Sie sind auf die Kundentypen zugeschnitten, zeigen unterschiedliche Lebenswelten und sollen die Identifikation stärken. - 42 -
SEBASTIAN KEITEL Auf dem Lärchenberge 14 b 30161 Hannover 05 11 – 370 10 86 post@sebastiankeitel.net www.sebastiankeitel.net https://twitter.com/sebkeitel - 43 -
Sie können auch lesen