Website-Konzeption   Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf   Neue Medien
Übersicht• Konzeptionsmethode „Cores and Paths“• E-Commerce• Unternehmenspräsentation• Content-Management-System• Konzepti...
Methode der Website-KonzeptionCores and Paths                                                                        Benut...
Cores and PathsPrinzipien                                                                             Benutzerzeile       ...
Besonderheiten von E-Commerce• Geschäftsmodell: „Long Tail“• Vertrauen• ansprechende Produktdarstellung• Übersichtlichkeit...
E-Commerce: Amazon.comNutzerziele• Informationen über das Produkt• Kritiken von bisherigen Käufern• Empfehlungen zur erwei...
E-Commerce: Amazon.comNutzerziele• Informationen über das Produkt• Kritiken von bisherigen Käufern• Empfehlungen zur erwei...
E-Commerce: Amazon.comElemente des Kerns• Produkt mit Beschreibung und Abbildung       Stephan Kässbohrer • Dariusz Zajac ...
E-Commerce: Amazon.comElemente des Kerns• Produkt mit Beschreibung und AbbildungKern-Inhalte / Funktionalität• Produktbeze...
E-Commerce: Amazon.comCall to Aktion• Produkt-Teaser auf der Startseite• Warenkorb-Button• 1-Click®-Button• Wunschzettel  ...
E-Commerce: Amazon.comCall to Aktion• Produkt-Teaser auf der Startseite• Warenkorb-Button• 1-Click®-Button• WunschzettelUn...
E-Commerce: Amazon.comPfade nach innen• Externe /Interne Suche• Link von eigener Merkliste• Navigation• Newsletter / E-Mai...
E-Commerce: Amazon.comPfade nach innen• Externe /Interne Suche• Link von eigener Merkliste• Navigation• Newsletter / E-Mai...
UnternehmenspräsentationNutzerziele• Informationen über das Unternehmen• Produkte / Dienstleistungen• Geschichte des Unter...
UnternehmenspräsentationElemente des Kerns• UnternehmenspräsentationKern-Inhalte / Funktionalität• Produktkategorien• Wir-...
UnternehmenspräsentationCall to Aktion• Social Network• Kontaktformular• Seite drucken / Lesezeichen setzenUnterstützende ...
UnternehmenspräsentationPfad nach innen• Interne Suche• Navigation• Sitemap• Facebook-Unternehmens-ProfilPfad nach außen• ...
Content-Management-System• Inhaltsverwaltungssystem• keine Programmier- oder  HTML-Kenntnisse erforderlich• CMS: kommerzie...
Besonderheiten zu CMS• Viele Informationen• Aktualität• Anordnung des Seitenlayouts• Flexible Spaltenanpassung• Ausgefeilt...
Content-Management-SystemNutzerziele• Informationenbeschaffung• Unterhaltung• KommunizierenBusiness-Ziele• Informationen v...
Content-Management-SystemElemente des Kerns• Informationen• multimedialer Content• InteraktionCall-to-Action• Social Netwo...
Content-Management-SystemPfade nach innen• Interne Suche• Newsletter• Externer Link• Teaser• NavigationPfade nach außen• L...
Erste Überlegungen• Welche Zielgruppe möchte ich erreichen?• Was erwartet die Zielgruppe von meiner Homepage?• Was möchte ...
Designkonzeption• Navigationsleiste• Positionierung & Anordnung• Farbmischung• Bilder• Texte• Typographie       Stephan Kä...
Technische Hinweise• Grundlagen zur Umsetzung    • Domainnamen: www.name.de    • Provider: Strato 1&1    • Website-Editor:...
Flash vs HTML• FWA                                                              • KWD http://www.thefwa.com               ...
Annastyl - Anna Stylianakis• Strategiephase:    • Interview / Workshop Brainwriting:    • Anforderungen, Zielgruppe, Tonal...
Annastyl - Anna Stylianakis• FAZ Relaunch• Wissenschaftsjahr 2010• Deutsche WelleFür detailliertere Information erhältlich...
Annastyl - Anna Stylianakis - Trends• Mobile Lösungen• Sozial Web• Facebook• Usability (User-Interface-Design (UID))      ...
Medien Meeting Mannheim - 5. Mai ´11• Mobile Anwendungen• Geschäftsprozesse• Technische Umsetzung Produkterlebnisse• User ...
Vielen Dank   für die AufmerksamkeitStephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf   Neue Medien
Quellenverzeichnis• „Website Konzeption - Erfolgreich Websiten planen, umsetzen  und betreiben“ Jens Jacobsen; 2009• Websi...
Nächste SlideShare
Wird geladen in …5
×

1 website konzeption

2.196 Aufrufe

Veröffentlicht am

0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
2.196
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
2
Aktionen
Geteilt
0
Downloads
21
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

1 website konzeption

  1. 1. Website-Konzeption Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  2. 2. Übersicht• Konzeptionsmethode „Cores and Paths“• E-Commerce• Unternehmenspräsentation• Content-Management-System• Konzeptionsphase der Website-Erstellung• Erfahrungen von Anna Stylianakis• Trends Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  3. 3. Methode der Website-KonzeptionCores and Paths Benutzerzeile Businessziele• Ziel der Website identifizieren• Pfade zum/vom Kern gestalten Pfad nach innen Kern-Inhalte/-Funktionalitäten Pfad nach außen• Arbeitsweise geht von innen nach aussen Unterstützende Informationen Trigger Begriffe Elemente des Kerns Call to Action Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  4. 4. Cores and PathsPrinzipien Benutzerzeile Businessziele• Ziel der Website identifizieren• Pfade zum/vom Kern gestalten Pfad nach innen Kern-Inhalte/-Funktionalitäten Pfad nach außen• Arbeitsweise geht von innen nach aussen Unterstützende InformationenArbeitsschritte• Kern definieren Trigger Begriffe Elemente des Kerns Call to Action• Mögliche Pfade nach innen auflisten• Mögliche Pfade nach außen auflisten• Alles zusammen bringen Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  5. 5. Besonderheiten von E-Commerce• Geschäftsmodell: „Long Tail“• Vertrauen• ansprechende Produktdarstellung• Übersichtlichkeit• Suchfunktion• Cross-Selling Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  6. 6. E-Commerce: Amazon.comNutzerziele• Informationen über das Produkt• Kritiken von bisherigen Käufern• Empfehlungen zur erweiterden Produktpalette• Produktvergleich• schnelle Kaufabwicklung Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  7. 7. E-Commerce: Amazon.comNutzerziele• Informationen über das Produkt• Kritiken von bisherigen Käufern• Empfehlungen zur erweiterden Produktpalette• Produktvergleich• schnelle KaufabwicklungBusinessziele• Absatz von den Produkten• Kommunizieren• Kundenbindung Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  8. 8. E-Commerce: Amazon.comElemente des Kerns• Produkt mit Beschreibung und Abbildung Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  9. 9. E-Commerce: Amazon.comElemente des Kerns• Produkt mit Beschreibung und AbbildungKern-Inhalte / Funktionalität• Produktbezeichnung• Preis des Produkte• Versandmöglichkeiten• Kundenbewertung• Produktlinien• Zusatzprodukte Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  10. 10. E-Commerce: Amazon.comCall to Aktion• Produkt-Teaser auf der Startseite• Warenkorb-Button• 1-Click®-Button• Wunschzettel Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  11. 11. E-Commerce: Amazon.comCall to Aktion• Produkt-Teaser auf der Startseite• Warenkorb-Button• 1-Click®-Button• WunschzettelUnterstützende Informationen• Weiterempfehlung• Bewertung des Produktes• Produkt-Bundles Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  12. 12. E-Commerce: Amazon.comPfade nach innen• Externe /Interne Suche• Link von eigener Merkliste• Navigation• Newsletter / E-Mail• Externer / Interne Link• Hinweise von anderen Websites Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  13. 13. E-Commerce: Amazon.comPfade nach innen• Externe /Interne Suche• Link von eigener Merkliste• Navigation• Newsletter / E-Mail• Externer / Interne Link• Hinweise von anderen WebsitesPfade nach außen• Einkaufswagen (Neu- / Gebrauchtwaren)• Wunschzettel• Gutschein• Kaufempfehlung von Kunden / Empfehlungen (Facebook, Twitter) Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  14. 14. UnternehmenspräsentationNutzerziele• Informationen über das Unternehmen• Produkte / Dienstleistungen• Geschichte des Unternehmens• Aktuelle News / Events• StellenausschreibungBusinessziele• Image• Kundenbindung• Zugriff auf Geschäftsinformationen Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  15. 15. UnternehmenspräsentationElemente des Kerns• UnternehmenspräsentationKern-Inhalte / Funktionalität• Produktkategorien• Wir-Gefühl erwecken• Unternehmensidentifikation Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  16. 16. UnternehmenspräsentationCall to Aktion• Social Network• Kontaktformular• Seite drucken / Lesezeichen setzenUnterstützende Informationen• Links zu Online-Shops• News / Events Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  17. 17. UnternehmenspräsentationPfad nach innen• Interne Suche• Navigation• Sitemap• Facebook-Unternehmens-ProfilPfad nach außen• Links zu den Online-Shops Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  18. 18. Content-Management-System• Inhaltsverwaltungssystem• keine Programmier- oder HTML-Kenntnisse erforderlich• CMS: kommerziell und Open-Source• Erstellung von Gruppen / Benutzern mit individuellen Nutzerrechten Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  19. 19. Besonderheiten zu CMS• Viele Informationen• Aktualität• Anordnung des Seitenlayouts• Flexible Spaltenanpassung• Ausgefeilte Informations- und Navigationsstrukltur Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  20. 20. Content-Management-SystemNutzerziele• Informationenbeschaffung• Unterhaltung• KommunizierenBusiness-Ziele• Informationen verkaufen• Kundenbindung Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  21. 21. Content-Management-SystemElemente des Kerns• Informationen• multimedialer Content• InteraktionCall-to-Action• Social Network• Kommentar & Bewertung• Artikel drucken / Lesezeichen setzen Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  22. 22. Content-Management-SystemPfade nach innen• Interne Suche• Newsletter• Externer Link• Teaser• NavigationPfade nach außen• Links zu weiteren Nachrichtensendern• Werbebanner Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  23. 23. Erste Überlegungen• Welche Zielgruppe möchte ich erreichen?• Was erwartet die Zielgruppe von meiner Homepage?• Was möchte ich mit der Homepage bezwecken?• Wie viel Zeit möchte ich investieren?• Wie oft wird meine Seite aktualisiert?• Soll die Seite von möglichst vielen Leuten besucht werden?• Welchen Umfang hat meine Seite? Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  24. 24. Designkonzeption• Navigationsleiste• Positionierung & Anordnung• Farbmischung• Bilder• Texte• Typographie Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  25. 25. Technische Hinweise• Grundlagen zur Umsetzung • Domainnamen: www.name.de • Provider: Strato 1&1 • Website-Editor: Dreamweaver • FTP-Server: FileZilla• Web-Browser• Programmiersprache• Usability• Barrierefreiheit Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  26. 26. Flash vs HTML• FWA • KWD http://www.thefwa.com http://www.webranking.eu Beispiel http://www.carls.no/no/#/home Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  27. 27. Annastyl - Anna Stylianakis• Strategiephase: • Interview / Workshop Brainwriting: • Anforderungen, Zielgruppe, Tonality • Mode Label oder Online Magazin • Strategieentwicklung / Kreation• Grobkonzept: • Inhaltstruktur, Navigation, Beschreibung wesentlicher Inhalts- und Funktionsbereiche• Feinkonzept: • Funktions- Screenskizzen, Template Beschreibung • Funktionsdiagramme, Projektplanung, Zeitplanung, • Produktionslisten, Qualitätskontrolle Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  28. 28. Annastyl - Anna Stylianakis• FAZ Relaunch• Wissenschaftsjahr 2010• Deutsche WelleFür detailliertere Information erhältlich alsPDF unter folgenden Link:http://www.annastyl.de/bilder/portfolio_anna_stylianakis.pdf Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  29. 29. Annastyl - Anna Stylianakis - Trends• Mobile Lösungen• Sozial Web• Facebook• Usability (User-Interface-Design (UID)) Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  30. 30. Medien Meeting Mannheim - 5. Mai ´11• Mobile Anwendungen• Geschäftsprozesse• Technische Umsetzung Produkterlebnisse• User Experience (interaktiv) http://www.tropicanatropolis.com/#/universe Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  31. 31. Vielen Dank für die AufmerksamkeitStephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien
  32. 32. Quellenverzeichnis• „Website Konzeption - Erfolgreich Websiten planen, umsetzen und betreiben“ Jens Jacobsen; 2009• Website Boosting (Magazin) - Artikel „Website-Konzeption - Der Kern Ihres Angebots bestimmt das Navigationsdesign“ Ausgabe März 2011• Intervies mit Anna Stylianakis Konzepterin in Ihrer Firma Annastyl; www.annastyl.de• FWA http://www.thefwa.com• KWD http://www.webranking.eu• User Experience (interaktiv) http://www.tropicanatropolis.com/#/universe Stephan Kässbohrer • Dariusz Zajac • Florian Zierke • Christopher Graf Neue Medien

×