Für diese Aufgabenstellung kann sowohl mit einen Computer (zum Beispiel in der Schule), aber auch mit dem iPad gearbeitet werden.

Info

Man kann Homepages bzw. Websites gut nach ihrem Hauptzweck kategorisieren. Dies ist eine mögliche Einteilung

Art der Homepage	Typische Ziele	Beispiele
1. Unternehmenswebsite	Unternehmen vorstellen; Image aufbauen; Produkte/Dienstleistungen präsentieren; Vertrauen schaffen; Kontaktmöglichkeiten bieten; neue Kunden gewinnen	Handwerksbetrieb, Versicherung, Autohaus
2. Online-Shop / E-Commerce	Produkte verkaufen; Umsatz erzielen; Produkte präsentieren; Bestellungen und Zahlungen ermöglichen; Kunden binden	Mode-Shop, Elektronik-Shop
3. Informationswebsite	Informationen bereitstellen; Wissen vermitteln; Sachverhalte erklären; aktuelle Informationen veröffentlichen	Behörden, Verbraucherportale, Wikipedia
4. Nachrichtenportal	Über aktuelle Ereignisse informieren; Nachrichten verbreiten; Reichweite erzielen; teilweise Werbeeinnahmen oder Abonnements generieren	Zeitungen, Nachrichtensender
5. Blog / Magazin	Beiträge zu bestimmten Themen veröffentlichen; Erfahrungen oder Meinungen teilen; Leserschaft aufbauen; ggf. Werbung/Affiliate-Marketing	Reiseblog, Technikblog, Foodblog
6. Portfolio-Website	Eigene Arbeiten und Fähigkeiten präsentieren; Referenzen zeigen; persönliche Marke aufbauen; Auftraggeber oder Arbeitgeber gewinnen	Fotografen, Designer, Architekten
7. Persönliche Website	Person vorstellen; Interessen und Aktivitäten darstellen; persönliche Inhalte veröffentlichen; Kontakt ermöglichen	private Homepage, persönliche Profilseite
8. Vereins-/Organisationswebsite	Verein/Organisation vorstellen; Mitglieder informieren; Termine veröffentlichen; neue Mitglieder gewinnen; Veranstaltungen präsentieren	Sportverein, Reitverein, NGO
9. Schul-/Bildungswebsite	Schule/Bildungseinrichtung vorstellen; Schüler und Eltern informieren; Bildungsangebote präsentieren; Termine und Dokumente bereitstellen	Schule, Hochschule, Weiterbildung
10. Landingpage	Besucher zu einer ganz bestimmten Handlung bewegen; Produkt bewerben; Anmeldung erzeugen; Kontaktdaten sammeln; Kauf auslösen	Seite für ein neues Produkt oder einen Kurs
11. Buchungs-/Reservierungswebsite	Dienstleistungen buchbar machen; Termine oder Verfügbarkeiten anzeigen; Buchungen verwalten; Umsatz erzielen	Hotelbuchung, Reiseportal, Terminbuchung
12. Community / Forum	Menschen miteinander vernetzen; Diskussion ermöglichen; Erfahrungen austauschen; Gemeinschaft aufbauen	Fachforum, Hobby-Community
13. Social-Media-Plattform	Nutzer vernetzen; Inhalte teilen; Kommunikation ermöglichen; Reichweite und Interaktion erzeugen	Instagram, TikTok, LinkedIn
14. Webportal / Serviceportal	Verschiedene Dienste zentral anbieten; personalisierte Informationen bereitstellen; Prozesse online abwickeln	Kundenportal, Bürgerportal, Online-Banking
15. Spenden-/Kampagnenwebsite	Aufmerksamkeit für ein Thema erzeugen; Unterstützer gewinnen; Spenden sammeln; zu Handlungen motivieren	Tierschutzprojekt, Hilfsorganisation, politische Kampagne
16. Veranstaltungswebsite	Veranstaltung bewerben; Programm vorstellen; Besucher informieren; Tickets verkaufen bzw. Anmeldungen ermöglichen	Festival, Messe, Konzert, Schulfest

Übergeordnete Ziele einer Website

Unabhängig von der Kategorie lassen sich die Ziele noch einmal in einige Grundziele einteilen:

• Informieren → Wissen und Informationen vermitteln
• Präsentieren → Unternehmen, Person, Verein oder Produkt darstellen
• Verkaufen → Produkte oder Dienstleistungen verkaufen
• Werben → Aufmerksamkeit und Bekanntheit erzeugen
• Kommunizieren → Kontakt und Austausch ermöglichen
• Interaktion erzeugen → Nutzer sollen kommentieren, teilen, bewerten etc.
• Kunden gewinnen → Interessenten zu Kunden machen
• Kunden binden → bestehende Kunden dauerhaft ansprechen
• Service anbieten → Buchungen, Downloads, Formulare oder andere Funktionen bereitstellen
• Image aufbauen → einen bestimmten Eindruck bzw. eine Marke vermitteln

Für deine Höhere Handelsschule würde ich die Schüler nicht einfach eine beliebige Homepage erstellen lassen. Interessanter wäre, ihnen unterschiedliche Website-Typen und Unternehmenssituationen zu geben. Dann müssen sie zuerst Zielgruppe und Ziele analysieren und daraus Aufbau, Inhalte und Gestaltung ihrer Website ableiten. Das verbindet Informationswirtschaft gut mit Marketing/BWL.

Aufgabe  1 – Was macht eine gute Unternehmenswebsite aus?

Ziel: Websites untersuchen und Qualitätskriterien entwickeln.

Dein Arbeitsauftrag

1. Öffne auf deinem iPad die Internetauftritte von drei unterschiedlichen Unternehmen. Wähle möglichst Unternehmen aus verschiedenen Branchen.
2. Überlege: in welche Kategorie passt diese Homepage? Welche Ziele werden damit verfolgt?
3. Untersuche bei jeder Website: erster Eindruck, Übersichtlichkeit, Navigation, Farben und Schriften, Bilder, Texte, Zielgruppe und Kontaktmöglichkeiten.
4. Notiere zu jeder dieser Seiten mindestens drei Dinge, die dir gut gefallen, und zwei Dinge, die du verbessern würdest.
5. Wähle anschließend deine beste Website aus und begründe deine Entscheidung mit mindestens fünf Kriterien.
6. Werde die Ziele der Homepage erreicht?
7. Formuliere 8–10 Regeln für eine gute Unternehmenswebsite.

Selbstkontrolle

• ☐ Kann ein Besucher sofort erkennen, worum es geht?
• ☐ Findet man wichtige Informationen schnell?
• ☐ Wirkt die Seite auf dem iPad / Rechner übersichtlich?
• ☐ Werden die Ziele erreicht?

Arbeitsstand am Ende der Stunde

Das habe ich heute fertiggestellt:
Das muss ich noch erledigen:
Dabei brauche ich noch Hilfe:

Abgabe/Ergebnis: Vergleich von drei Websites + persönliche Top-5-Kriterien + gemeinsame Regeln.

Überlege: Was ist das für eine Art von Homepage und welche Ziele werden damit verfolgt. Werden diese Ziele dadurch erreicht?

Dokumentiere Dein Ergebnis in Word!! Dateiname: Diff1-DeinName

Aufgabe 2 – Wir gründen ein fiktives Unternehmen

Ziel: Eine Geschäftsidee und eine passende Zielgruppe entwickeln.

Dein Arbeitsauftrag

1. Entscheide dich für ein fiktives Unternehmen, z. B. Café, Fitnessstudio, Reiseanbieter, Hundeschule, Modegeschäft, Kosmetikstudio, Fahrradgeschäft oder Eventagentur.
2. Erstelle einen Unternehmenssteckbrief mit: Unternehmensname, Branche, Angebot, Standort (fiktiv), Zielgruppe und Besonderheit/Alleinstellungsmerkmal.
3. Beschreibe deine Zielgruppe genauer: Alter, Interessen, Bedürfnisse und was diese Kunden von deiner Website erwarten.
4. Lege 2–3 passende Unternehmensfarben fest.
5. Entwirf ein einfaches Logo. Du kannst dafür z. B. Canva nutzen oder selbst eine schlichte Wort-Bild-Marke gestalten.
6. Formuliere einen kurzen Werbeslogan für dein Unternehmen.

Abgabe/Ergebnis: Unternehmenssteckbrief + Zielgruppenbeschreibung + Logo/Farbkonzept + Slogan.

Ergänze dazu Dein schon vorhandenes Worddokument!!!

Selbstkontrolle

• ☐ Passt die Idee zur Zielgruppe?
• ☐ Sind Name, Farben und Logo stimmig?

Aufgabe 3: Wir konzipieren eine Homepage für unser Unternehmen

Ausgangssituation

Ihr habt bereits eine eigene Unternehmensidee entwickelt und zentrale Merkmale eures Unternehmens festgelegt. Im nächsten Schritt plant ihr den Internetauftritt. Bevor eine Homepage technisch umgesetzt wird, muss genau überlegt werden, welche Ziele sie verfolgt, welche Inhalte benötigt werden und wie Besucher durch die Seite geführt werden.

Wichtig: In dieser Phase wird die Homepage noch nicht programmiert bzw. mit einem Baukastensystem umgesetzt. Ihr erstellt zunächst ein vollständiges Konzept, das später als verbindliche Grundlage für die Umsetzung dient.

1.Zielsetzung der Homepage festlegen

Beschreibt zunächst möglichst konkret, welche Aufgaben eure Homepage für das Unternehmen erfüllen soll. Formulierungen wie „Das Unternehmen soll im Internet vertreten sein“ reichen nicht aus.

• Formuliert ein Hauptziel der Homepage.
• Formuliert mindestens drei weitere Teilziele.
• Beschreibt, was ein Besucher nach dem Aufrufen der Homepage wissen, fühlen oder tun soll.
• Ordnet eure Ziele passenden Kategorien zu, z. B. informieren, Unternehmen präsentieren, Vertrauen schaffen, Produkte verkaufen, Dienstleistungen anbieten, Kunden gewinnen, Kontakt herstellen oder Kunden binden.
• Begründet kurz, warum diese Ziele zu eurer Unternehmensidee und eurer Zielgruppe passen.

2. Zielgruppe auf die Homepage übertragen

Nutzt eure bereits erstellte Zielgruppenbeschreibung. Überlegt nun nicht mehr nur, wer eure Kunden sind, sondern welche Folgen dies für die Gestaltung der Homepage hat.

• Welche Informationen erwartet eure Zielgruppe auf der Homepage?
• Welche Sprache und Ansprache ist passend (z. B. sachlich, locker, persönlich, Du/Sie)?
• Welche Bilder und Visualisierungen passen zur Zielgruppe?
• Welche Funktionen benötigt die Zielgruppe besonders?
• Welche Anforderungen ergeben sich an Übersichtlichkeit, Lesbarkeit und Bedienung?

3. Inhalte der Homepage planen

Legt fest, welche Inhalte tatsächlich benötigt werden. Nennt nicht nur Seitennamen, sondern beschreibt für jede Seite konkret, was dort zu sehen bzw. zu lesen sein soll.

Seite	Ziel der Seite	Konkrete Inhalte	Gewünschte Aktion des Besuchers

Plant mindestens die Startseite sowie die für euer Unternehmen notwendigen Unterseiten. Denkt – sofern passend – an Angebot/Produkte, Leistungen, Über uns, Beratung/Service, Kontakt, FAQ sowie rechtlich erforderliche Seiten.

4. Sitemap – Seitenstruktur entwickeln

Erstellt eine Sitemap. Sie zeigt die hierarchische Struktur eurer Website und macht sichtbar, welche Seiten über die Hauptnavigation erreichbar sind und welche Unterseiten dazugehören.

• Startseite muss den Ausgangspunkt bilden.
• Kennzeichnet alle Punkte der Hauptnavigation.
• Ordnet Unterseiten eindeutig zu.
• Die Navigation soll logisch, verständlich und nicht unnötig umfangreich sein.
• Verwendet eindeutige Bezeichnungen, die Besucher sofort verstehen.

5. Startseite detailliert konzipieren

Die Startseite ist besonders wichtig. Plant sie deshalb Abschnitt für Abschnitt von oben nach unten.

• Header: Logo, Unternehmensname und Hauptnavigation.
• Hero-/Einstiegsbereich: aussagekräftige Überschrift, kurzer Einführungstext und passendes Hauptbild.
• USP: Was macht euer Unternehmen besonders?
• Wichtigste Angebote/Produkte/Leistungen: Welche Bereiche sollen direkt sichtbar sein?
• Vertrauenselemente: z. B. Beratung, Qualität, Bewertungen, Erfahrung, Nachhaltigkeit, regionale Herkunft oder Garantien.
• Call-to-Action: Welche konkrete Handlung soll der Besucher ausführen?
• Kontakt-/Serviceinformationen: z. B. Adresse, Öffnungszeiten, Telefonnummer, E-Mail.
• Footer: wichtige Links sowie Impressum und Datenschutz.

Formuliert für die wichtigsten Bereiche bereits konkrete Überschriften und kurze Beispieltexte. Schreibt also nicht nur „Hier kommt ein Text über das Unternehmen“.

6. Wireframe der Startseite erstellen

Zeichnet einen Wireframe der Startseite. Ein Wireframe ist eine vereinfachte Skizze, die zeigt, wo sich die wichtigsten Elemente befinden. Es geht zunächst um Aufbau und Benutzerführung – nicht um eine perfekte grafische Gestaltung.

• Position von Logo und Navigation
• Hero-Bereich mit Überschrift, Bild und Button
• Anordnung der wichtigsten Inhaltsbereiche
• Position von Bildern, Texten, Produkt-/Leistungskarten und Buttons
• Footer

Beschriftet alle Bereiche eindeutig. Der Wireframe kann sauber von Hand oder digital erstellt werden.

7. Designkonzept festlegen

Übertragt das bereits entwickelte Erscheinungsbild eures Unternehmens auf die Website.

• Unternehmensfarben mit konkreten Farbcodes
• Festlegung, welche Farbe als Haupt-, Hintergrund- und Akzentfarbe verwendet wird
• Schriftarten bzw. Schriftwirkung für Überschriften und Fließtext
• Gestaltung von Buttons und anderen Bedienelementen
• Bildstil: z. B. natürlich, hochwertig, technisch, modern, emotional
• Verwendung und Position des Logos
• Begründung, warum das Design zu Unternehmen, Zielgruppe und Zielsetzung passt

8. Benutzerführung und Funktionen planen

Überlegt, wie ein Besucher möglichst einfach sein Ziel erreicht.

• Welche Funktionen benötigt die Website (z. B. Suche, Filter, Warenkorb, Kontaktformular, Terminbuchung, Newsletter)?
• Welche Buttons/Handlungsaufforderungen werden benötigt?
• Wie gelangt der Besucher von der Startseite zu wichtigen Angeboten?
• Wie kommt er jederzeit zurück bzw. zu anderen Bereichen?
• Welche Inhalte müssen auch auf dem Smartphone schnell erreichbar sein?

9. Qualitätsprüfung

Prüft euer Konzept abschließend anhand folgender Fragen:

☐ Ist innerhalb weniger Sekunden erkennbar, um welches Unternehmen es geht?

☐ Passt die Homepage eindeutig zur Zielgruppe?

☐ Unterstützt jede wichtige Seite mindestens ein Ziel des Unternehmens?

☐ Sind Navigation und Seitenstruktur verständlich?

☐ Sind die wichtigsten Informationen schnell erreichbar?

☐ Gibt es klare Handlungsaufforderungen?

☐ Ist das Design einheitlich und passend?

☐ Ist die Website auch für die Nutzung auf Smartphone und Tablet gedacht?

☐ Sind Kontakt, Impressum und Datenschutz berücksichtigt?

☐ Sind unnötige Inhalte oder Funktionen vermieden worden?

10. Abgabe

Euer Homepagekonzept muss in einer übersichtlichen Dokumentation abgegeben werden. Es enthält mindestens:

1. Zielsetzung der Homepage mit Begründung
2. Übertragung der Zielgruppenmerkmale auf die Webgestaltung
3. Inhaltsplanung der einzelnen Seiten
4. Sitemap
5. detaillierte Planung der Startseite mit konkreten Textideen
6. Wireframe der Startseite
7. Designkonzept
8. geplante Funktionen und Benutzerführung
9. abschließende Qualitätsprüfung

---

Mögliche Lösung Aufgabe 1:

Mögliche Lösung Aufgabe 2