1 website konzeption

2,030 views
1,932 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,030
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×