NETD@YS WORKSHOP

„Von der kreativen Idee zum innovativen Projekt“

VON STEPHAN HAMBERGER

CMS

Facebook(X)HTML

CSS

FlashJava Script

PHP

MySQLWordpress

UsablityAccessibility

SEOViral Marketing

WOMAPI

WEB 2.0

Blog

Ausbildung

• 09/2007 - Mediatechnology & Design - University of Applied Sciences, Hagenberg• 09/2008 - Wirtschaftsinformatik - Johannes Kepler University Linz• 1998-2006 BRG Schloss Wagrain, Vöcklabruck

Job

• 2007 - Red Bull GmbH / Red Bull Mediahouse GmbH – Web & New Media Marketing• 2006-2007 Lebenshilfe OÖ, Vöcklabruck - IT Assistant

Auszeichnungen & Awards

• 2009 World Summit Youth Award - Runner-Up• 2008 Winner Web, Netd@ys 2008• 2007 Winner Web, Netd@ys 2007• 2007 Honorary Mention, PRIX ARS – U19• 2006 Winner, Salzkammergut Internet Award• 2004 Winner, Cyberschool OÖ, • 2003 Nominee, Netd@ys• 2003 Winner, i-vent Award• 2002 Honorary Mention, PRIX ARS – U19• 2002 Nominee, Netd@ys• 2001 Winner, www.ebbewerb des Landesjugendrefer.at

• 1. Kreative Idee

• 2. Evaluierung auf Umsetzbarkeit / Erfolg -> Go / No Go

• 3. Kick Off

• 4. Projektplan / Projektmanagement

• 5. Ist-Beschreibung- und Pflichtenheft

• 6. Gesamtgrobkonzept

• 7. Umsetzung

• 8. GoLive / Launch

• 9. Distribution / Marketing

• 10. Innovatives (Web)Projekt

• Falls noch keine Idee -> Ideenfindung

• Kreativitätstechniken– Z.b. Brainstorming

• Keine Kritik

• Freier Lauf der Phantasie

• Quantität vor Qualität

• Fremde Ideen aufgreifen & weiterentwickeln

• Visualisierung

• Bewertung der Ergebnisse

• Noch nicht abgedeckte Bedürfnisse– Z.b. eine Website zur Auftragsvermittlung von Designs/Logos (www.99designs.com)

• Marktanalysen

• Detailliertere Ausarbeitung der Idee -> Neue Ideen

• Umsetzbarkeit– Technische Möglichkeiten

– Zeit

– Ressourcen• Personen

• Budget

• Rentabilität– Rentiert sich der Aufwand / das Budget

– Wie verdiene ich mein Geld Business Model• Größter Mangel von Business Modellen im Web

• Alternative: Werbung z.B. Google AdSense, DoubleClick, …

• Partner– Welche Partner benötige ich?

– Benötige ich finanzielle Unterstützung? (Business Angels)• Vorhandene Partner vs. Partner Suche (http://xing.com , http://linkedin.com)

• Teambildung– Welche Leute brauche ich wofür? Qualifikationen?

– Rollenverteilung

• Projektleiter– Falls noch nicht bestimmt. Klar definieren!

• Ziele definieren

• Go / No Go (zurück zur Ideenfindung?)

• Pflichtenheft

• Planung Zeit + Milestones (Achtung meist wird unterschätzt!!)

• Visualisierung z.b. Gantt Chart

• Todo List• … weitere Instrumente von Projektmanagement

Vorbereitung

Kick Off

Ist-Beschreibung & Pflichtenheft

Gesamtgrobkonzept

Design

IT (inkl Testen)

Go Live

Nutzung / Distribution Marketing

WebDesign

Planung• Inspiration

• Evaluierung ähnlicher Websites

• Usablity

• Technische & Grafische Umsetzbarkeit

• WebDesign Best Practices (z.B. Web 2.0)

• Accessibility

Umsetzung• Mockup in Grafik Software z.B. Adobe Photoshop [Beispiel]

• Erst schnelle unsaubere Entwürfe, um Eindruck zu gewinnen …

• Mehrere Entwürfe !!

• … dann detailliertere und exakte Ausarbeitung des Design für den Export

• Übertragen des Layouts in (X)HTML & CSS (Stylesheets) nach Web Standards

IT / Web DevelopmentPlanung• Evaluierung anderer Websites

• Firefox Addon Firebug (http://getfirebug.com/) • Standalone / Integration (z.b. Facebook Application)• Auswahl der Technologien• Statisch vs. Dynamisch, CMS(Content Magenment System)• Auswahl/Evaluierung CMS• Features• Interaktivität• Usablity• Accessibility• Server

Umsetzung• Browser Kompatibilität• (X)HTML Validität

• Firefox Addon Html Validator (https://addons.mozilla.org/de/firefox/addon/249)• Usability• Accessibility• Performance• Suchmaschinenoptimierung = SEO (hier OnSite Optimization, zu OffSite Optimization später)

• Umfassendes Testen• Unterschiedliche Browser

• IE über Virtual PC

• Unterschiedliche Devices

• PC , Mac, Handy, iPhone, …

• Usability / User testing / Use Cases

• Accessibility

• Ohne Stylesheet (CSS)

• Ohne JavaScript (JS)

• Firefox/IE Web Developer Toolbar

• GoLive• Web Statistik (z.b. http://www.google.com/analytics/ )

• Suchmaschinenoptimierung (SEO) OffSite Optimization• Google Webmaster Tools

• Google PageRank Algorithmus

• Distributionspartner• Freunde, Verwandte, Spezialisierte Unternehmen

• Distributionspartner bei FB Application InterculturalMathias Haas - Weltreisender

• Marketing• Werbung, WOM, Viral Marketing ,…

1. THE CONTENT