1. AG-­‐SESB
Freitagspräsenta3on
18.11.2011
Imk
–
Ins(tut
für
Marke(ng
und
Kommunika(on
Malte
Zeller,
Shayeg
Mohammad,
Julia
Walter

2. Aufgabe
&
Ziel
SESB
Aufgabe:
Neue
Struktur
und
Layout
der
Website
Ziel:
Zielgruppen
gerechter
InternetauCriD
(klar,
schlicht,
intui(v)
18.11.2011
Malte
Zeller,
Shayeg
Mohammad,
Julia
Walter
2

3. Agenda
SESB
• Ideenfindung
• AuOau
und
Features
einer
Website
• Umsetzung:
Layout
und
Struktur
• Ihre
Website
18.11.2011
Malte
Zeller,
Shayeg
Mohammad,
Julia
Walter
3

4. Ideenfindung
18.11.2011
Malte
Zeller,
Shayeg
Mohammad,
Julia
Walter
4

5. Ideenfindung
SESB
• Analyse
der
Bedürfnisse
der
Zielgruppe:
-­‐
Eltern,
Lehrer,
Erzieher

Informa(onsgewinnung
&
-­‐austausch
• Struktur
und
Funk(onen
der
Website

vergleichbare
Seiten
z.B.
Versicherungsunternehmen
18.11.2011
Malte
Zeller,
Shayeg
Mohammad,
Julia
Walter
5

6. Ideenfindung
SESB
18.11.2011
Malte
Zeller,
Shayeg
Mohammad,
Julia
Walter
6

7. Features
der
Website
SESB
• Usability
– Eye-­‐tracking
– klare
Struktur
– Bilder
ergänzen
Text
– sichtbare
Naviga(onsleisten
und
Suchfunk(on
– Anpassung
an
Bildschirmgrößen
– Anpassung
an
Smartphones
18.11.2011
Malte
Zeller,
Shayeg
Mohammad,
Julia
Walter
7

8. Features
der
Website
SESB
• Barrierefreiheit
– Variable
SchriCgrößen,
Zoom
– hohe
Farbkontraste
– Suchfunk(on
– Naviga(on
mit
Text
18.11.2011
Malte
Zeller,
Shayeg
Mohammad,
Julia
Walter
8

9. Features
der
Website
SESB
• Suchmaschinenop(mierung
– Suchbegriffe
einbinden
(ÜberschriCen,
Links,
URL)
– einzigar(ge
Texte
– Verlinkungen
(intern,
extern)
18.11.2011
Malte
Zeller,
Shayeg
Mohammad,
Julia
Walter
9

10. Umsetzung
18.11.2011
Malte
Zeller,
Shayeg
Mohammad,
Julia
Walter
10

11. Logo
SESB
• Logo
soll
Unternehmen
und
Intension
darstellen
• hier:
„schlichter
Platzhalter“
• Form
eines
Hauses
=
Schule
18.11.2011
Malte
Zeller,
Shayeg
Mohammad,
Julia
Walter
11

12. Farben
SESB
• Verbindungen
der
AG-­‐SESB
• Europa,
Flagge,
Innova(on,
ZukunCsvision
Blau:
Vertrauen,
Verstand,
Geis(gkeit
Gelb/Orange:
Heiterkeit,
Licht
=
ZukunC
Grau:
nur
Hintergrundfarbe
18.11.2011
Malte
Zeller,
Shayeg
Mohammad,
Julia
Walter
12

13. Tes3monial
SESB
• User
wird
begrüßt
• Seite
hat
ein
„Gesicht“
• weckt
Vertrauen
18.11.2011
Malte
Zeller,
Shayeg
Mohammad,
Julia
Walter
13

14. Umsetzung
-­‐
Struktur
SESB
hierarchisch
S
H
U U U U U
18.11.2011
Malte
Zeller,
Shayeg
Mohammad,
Julia
Walter
14

15. Umsetzung
-­‐
Struktur
SESB
Startseite
Homepage
Home
Über
uns
Standort
Sprachen
Informa(onen
Presse
Kontakt
Geschichte
MiDe
Englisch
NewsleDer
Meldungen
K.
-­‐
Formular
Impre./
AGB
Satzung
Pankow
Französisch
Förderung
Links
Vorstand
Neukölln
Spanisch
Anträge
B.-­‐poli(k
.......
......
.....
.....
......
18.11.2011
Malte
Zeller,
Shayeg
Mohammad,
Julia
Walter
15

16. Ihre
Website
18.11.2011
Malte
Zeller,
Shayeg
Mohammad,
Julia
Walter
16

17. Malte
Zeller,
Shayeg
Mohammad,
Julia
18.11.2011
17
Walter

18. SESB
Home
Über
Uns
Standorte
Sprachen
Informa(onen
Presse
Kontakt
Forum
Aktuelle
Themen
und
Termine
Archiv
Impressum
/
AGB

19. SESB
Home
Über
Uns
Standorte
Sprachen
Informa(onen
Presse
Kontakt
CharloDenburg
Steglitz
MiDe
Neukölln
…
Forum
Aktuelle
Themen
und
Termine
Archiv
Impressum
/
AGB

20. SESB
Home
Über
Uns
Standorte
Sprachen
Informa(onen
Presse
Kontakt
nach
Standort
nach
Sprachen
Forum
Archiv
Impressum
/
AGB

21. SESB
Home
Über
Uns
Standorte
Sprachen
Informa(onen
Presse
Kontakt
nach
Standort
nach
Sprachen
Grundschulen:
-­‐ am
Arkonaplatz
-­‐ am
Branden-­‐
Forum
burger
Tor
…
Archiv
Impressum
/
AGB

22. SESB
Home
Über
Uns
Standorte
Sprachen
Informa(onen
Presse
Kontakt
nach
Standort
nach
Sprachen
Forum
Archiv
Impressum
/
AGB

23. Einfachheit
ist
die
freiwillige
Beschränkung
auf
das
Wesentliche.
Andreas
Tenzer
18.11.2011
Malte
Zeller,
Shayeg
Mohammad,
Julia
Walter
23