Drahtmodell auf Papier neben einem Tablet mit Webseitenlayout

Corporate Webdesign und UX/UI-Design

Struktur, Schnittstellen und visuelle Identität, um Informationen und Wege auf Desktop, Tablet und Smartphone klar zu machen.

AI-generated

Die Gestaltung einer Website beginnt bei ihren Nutzern: Kunden, Wiederverkäufer, Bewerber und Partner können unterschiedliche Bedürfnisse haben. Wir legen fest, welche Informationen und Funktionen jede Zielgruppe erreichen soll.

Das Projekt umfasst Seitenlayouts, Prototypen und gemeinsame Gestaltungsrichtlinien, die auch spätere Erweiterungen der Website unterstützen.

Drahtmodell auf Papier und Layout auf Tablet, mit Bleistift und Farbmustern
AI-generated

Klarheit des Inhalts und Benutzerfreundlichkeit

Wir organisieren Seiten rund um die Informationen, nach denen Besucher suchen, und die Maßnahmen, die sie ergreifen müssen. Diese Arbeit richtet Menüs, Hierarchien und Inhaltslayout aus.

Anschließend wird die Struktur in eine markenkonsistente Oberfläche übersetzt. Es ist der Weg, den wir bei der Gestaltung einschlagen Unternehmenswebsite.

Was beinhaltet die Planung?

Informationsarchitektur

Sitemap, Hierarchien und Pfade, organisiert nach den Bedürfnissen Ihrer Gesprächspartner.

Wireframes und Prototypen

Wichtige Seitenlayouts und navigierbare Prototypen zur Überprüfung von Inhalten und Prioritäten, bevor in die Entwicklung investiert wird.

Visuelles System

Typografie, Farben, Raster, Bilder und Komponenten werden von Ihrer Marke in klaren und wiederverwendbaren Regeln festgelegt.

Responsives Design und Barrierefreiheit

Jede Seite ist für Smartphones, Tablets und Desktops konzipiert, wobei Kontrast, Größe und Tastaturnavigation überprüft wurden.

Ihre Ergebnisse

01Sitemap und Routen
Seitenstruktur und Hauptabläufe, vor den Grafiken geteilt und genehmigt.
02Prototyp-Schlüsselseiten
Startseite, Serviceseiten und navigierbare Kontakte, um sich konkret für etwas zu entscheiden.
03Wesentliches Designsystem
Dokumentierte Komponenten, Stile und Nutzungsregeln, damit neue Seiten konsistent bleiben.
04Dateien bereit für die Entwicklung
Layout und Entwicklungshinweise mit Beschreibung der Komponenten und Verhaltensweisen.

Vom Briefing bis zum freigegebenen Prototyp

  1. BedarfsanalyseZiele, Zielgruppen, Wettbewerber und vorhandene Inhalte werden in einem gemeinsamen Briefing zusammengefasst.
  2. StrukturSitemap- und Seitenschemata definieren Inhaltshierarchien und Standort.
  3. BildspracheDas grafische System nimmt auf wichtigen Seiten Gestalt an, mit einer oder mehreren Richtungen zum Vergleich.
  4. PrüfungDer Prototyp wird gemeinsam mit Ihnen getestet und verfeinert, bevor es an die Entwicklung geht.

Häufig gestellte Fragen

Können wir einfach das Design machen, ohne die Entwicklung?

Ja. Wir liefern auch Prototypen und Spezifikationen an ein internes oder externes Entwicklungsteam. In den meisten Fällen ist es jedoch besser, Design und Entwicklung zusammenzuhalten, um beim Übergang keine Informationen zu verlieren.

Beginnen Sie mit unserem Logo und unseren Farben?

Ja, die bestehende Identität ist der Ausgangspunkt. Wenn die Marke noch keine Regeln für das Digitale hat, definieren wir diese im Projekt; Sollte eine Neugestaltung des Logos erforderlich sein, werden wir dies gesondert melden und bewerten.

Wie viele Grafikvorschläge werden wir sehen?

Wir definieren die Anzahl der grafischen Richtungen im Vorschlag. Wir präsentieren sie auf Seiten mit repräsentativen Inhalten, um eine konkrete Bewertung der Auswahl zu ermöglichen.

Wird die Website zugänglich sein?

Wir entwerfen mit geprüften Kontrasten, Textgrößen, Hierarchien und Tastaturnavigation. Wenn Sie formale Anforderungen an die Barrierefreiheit haben, beziehen wir diese von Anfang an in die Prüfkriterien ein.

Sprechen wir über Ihr Projekt

Beschreiben Sie Ihr Unternehmen, Ihre Ziele und die Tools, die Sie verwenden. Wir werden uns mit den Bedürfnissen befassen, um die Interventionen zu definieren und einen Vorschlag auszuarbeiten.