WebdesignUI/UX Design

WEBDESIGN München // UI + UX DESIGN Konzept

Individuelles Corporate Webdesign – Website Konzeption im Corporate Design Ihres Unternehmens

Von der ANALYSE über das BRIEFING zum USER INTERFACE DESIGN und EXPERIENCE DESIGN

BRIEFING + ZIEL

Im ersten Termin werden Ist-Stand, Ziele, Zielgruppe und Personas sowie die Konkurrenz betrachtet. Wo stehen Sie jetzt, was ist bereits vorhanden? Beobachten Sie die Konkurrenz? Existiert ein Internetauftritt? Wenn ja, was muss bei einem Relaunch / Redesign beachtet werden? Wie arbeitet das Team? Wer kümmert sich intern um Texte und Bilder? Wer wird programmieren? Möchten Sie eine dynamische, leicht zu aktualisierende Website in einem CMS-System, wie WordPress oder Typo3? Oder soll ein Onlineshop entstehen?

DESIGNKONZEPTE

Das UI-Design der Startseite definiert im Prinzip bereits die Optik des gesamten Webauftritts. Logo, Elemente der Navigation, Schriften, Farben und Bildgrößen. Die Startseite ist somit der erste Ankerpunkt für die Design-Entscheidung. Das UX-Design (User Experience Design), das die Nutzererfahrung in den Mittelpunkt stellt, wird nach Zielgruppe(n) und Personas festgelegt. Schon auf der Startseite entscheidet die Userin oder der User, ob sie oder er tiefer in den Internetauftritts einsteigt.

CONTENT

Die Sitemap ist die Guideline für Aufbau, Landingpages und weitere Inhaltsseiten. Nach dieser Struktur entwickle ich die Visualisierung der prototypischen Content-Seiten. Nach Absprache können auch Seiten, die besondere oder wichtige Elemente für das Screendesign enthalten, im Layout festgehalten werden. Danach entwickle ich das Responsive Design im Layout, das auch für die Programmierung maßgeblich ist. Klassische Viewports sind Desktop Computer und Laptops, Tablets und Handy. Mobile first!

ASSETS

Professionelles Webdesign bedeutet auch, dass sich der/die Designer*in auf die Anforderungen der Programmierer einstellt. Unterschiede bei Projekt, CMS System und Workflow führen zu unterschiedlichen Anforderungen. Davon betroffen sind z.B. Assets, also Bilder und Grafiken für mobile Devices (Retina Display) oder individuelle Icons, die als Schrift eingebunden werden können. Für die technische Umsetzung ist es essentiell wichtig, dass Designer und Programmierer in direktem Dialog zusammen arbeiten.

   KONZEPT

Website Konzept

   SEO

SEO Onpage Optimierung, Suchmaschinenoptimierung München

WEBSITE KONZEPT / Die Grundlage für die USER ERFAHRUNG (User Experience)

Der erste und wichtigste Schritte für Ihre neue Webseite oder Ihren Onlineshop ist die Website Konzeption. Sie bestimmt den Aufbau, den Inhalt und die Funktion der geplanten Website, Microsite oder Landingpage. Für ein gutes Website Konzept sind einige Schritte zu gehen. Interne Zuständigkeiten und Abläufe müssen dabei berücksichtigt werden.

  • Website Ziel definieren – Was soll mit der Internetpräsenz erreicht werden?
  • Zielgruppe / Personas definieren – Eckpfeiler für die Art der Ansprache
  • Wettbewerb analysieren – Stärken und Schwächen
  • Unternehmen oder Produkt – Image stärken oder schneller Einstieg?
  • Content Konzept – Ziele und Content-Strategie

Aus meiner Erfahrung kann ich sagen, dass diese Schritte leider oft unterschätzt werden und zu schnell auf die technische Umsetzung der Website gesetzt wird. BRAUER.DESIGN ist Ihr Partner für KONZEPTION und DESIGN Ihrer neuen Corporate Website.

CORPORATE WEBDESIGN / Individuelles WEBDESIGN für Ihr Unternehmen

Ihre Website im CorporateDesign Ihres Unternehmens. Attraktives, klares und Corporate Design-basiertes Screendesign für einen benutzerfreundlichen, intuitiven Internetauftritt.

Sehen Sie das Konzept für das UX-Design in anschaulichen Klick Dummies, die für Sie freigegeben sind. Das erklärte Ziel: Der/die Betrachter*in soll schnell, gezielt und ohne Barrieren zu den persönlich relevanten Inhalten gelangen. See what you get!

STRUKTUR für den Kopf und DESIGN für den Bauch

LEISTUNGEN WEBDESIGN / Konzept, Design und Programmierung für Ihren Webauftritt

  • Content Konzept in enger Abstimmung mit dem Auftraggeber
  • Wireframing
  • Interaktiver Prototyp (Klick-Dummy)
  • UX Design
  • Responsive Design
  • Content Management
  • Web Programmierung (optional)
  • Onpage Optimierung
  • Kommunikation und Abstimmung mit externen Programmierern
  • Erstellung der Assets
  • Qualitätssicherung
  • Testing Endgeräte und Browser
  • Bei WordPress Seiten – Optimierung der Website Geschwindigkeit

RESPONSIVE WEBDESIGN im Klick-Dummy

See what you get. Ein individueller Prototyp zeigt das visuelle, funktionale und strukturelle Webdesign. Im Website Klick-Dummy sehen Sie die Navigation mit Subnavigation, die Usability und das UX Design mit Sticky Header, Fly-Out und Call-to-Action Elemente Ihrer Internetseite. Und natürlich das visuelle Design der Website mit modernen Animations-Elementen, Grafiken und Bildern.

Auch das Responsive Webdesign für mobile Endgeräte wie Tablets oder Handy kann entwickelt und abgestimmt werden. Diese Protypen dienen Ihnen zur Entscheidung und den Programmierern als Briefing.

CORPORATE WEBDESIGN mit oder ohne Web-Programmierung

Ihre Website im Corporate Design Ihres Unternehmens. BRAUER.DESIGN erstellt auch Ihr neues Logo und das passende Corporate Design für Web und Print.

Sie können die Webprogrammierung über BRAUER.DESIGN beauftragen oder die technische Seite, die Webentwicklung, mit Ihren eigenen Anbietern umsetzen. Die Auswahl der Programmierer liegt selbstverständlich in Ihrer Hand.

Bitte vergessen Sie die Suchmaschinen-Optimierung nicht. Wichtige OnPage Optimierungen sollten von Anfang an Bestandteil eines Web-Projektes sein.

 

Ich arbeite konstruktiv mit Ihrer INTERNETAGENTUR oder Ihren PROGRAMMIERERN zusammen

Responsive Webdesign

Gut, wenn Sie wissen wie das Responsive Design der Website aussehen soll
Sie wollen vor der Programmierung das Webdesign sehen und intern verabschieden? Auch das Responsive Design für Tablet und Handy?

Gut, wenn man weiß, was man bekommt. Das Responsive Webdesign für Ihren Internetauftritt sollte kein Überraschungs-Ei sein.

Das gilt besonders, wenn Sie die Umsetzung mit einer Internet-Agentur oder eigenen Programmierern planen.

BRAUER.DESIGN erstellt individuelle Webdesign Konzepte für den UX-Prozess mit klickbaren Vorlagen für Responsive Design – Desktop und Handy.

Für die Startseite werden Sie in der Regel mehrere Vorschläge erhalten, die ich gerne persönlich vorstelle. Anhand dieser Layouts werden Sie alle relevanten Entscheidungen treffen können. Ist die Startseite verabschiedet, werden Sie das Screendesign für weitere, definierte Content-Seiten im Layout sehen können. Erst danach entwickle ich das Layout für Responsive Design von Handy und evtl. Tablet. So steht Inhalt und Optik Ihrer Webseite vor der Umsetzung fest.

Die Prototypen dienen Ihnen zum Verabschieden, Textern zum Texten, Programmierern zum Programmieren 😉

SEE WHAT YOU GET!

Individuelles Website Design für Ihren Internetauftritt
Call Now Button