WebsiteUX Design

WEBDESIGN KONZEPT München // Individuelles WEBDESIGN mit UI/UX DESIGN

Screendesign für individuelle, benutzerfreundliche Webseiten mit UX Design Konzept für Website und Online Shop.

Von der ANALYSE über das BRIEFING zum DESIGN KONZEPT für Ihren INTERNETAUFTRITT

BRIEFING + ZIEL

Im ersten Termin werden Ist-Stand, Ziele und Zielgruppe sowie die Konkurrenz betrachtet. Wo stehen Sie jetzt, was ist bereits vorhanden, was muss neu entstehen? 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 programmiert? Möchten Sie eine dynamische, leicht zu aktualisierende Website in einem CMS-System, wie WordPress oder Typo3? Oder soll ein Onlineshop entstehen?

DESIGNKONZEPT

Das Design der Startseite definiert im Prinzip die Gestaltung des gesamten Webauftritts. Logo, Elemente der Navigation, Schriften, Farben und Bildgrößen. Das UX-Design, das die Mensch-Maschine-Schnittstelle so komfortabel und angenehm wie möglich machen soll, wird in Wireframes festgelegt. Es liegt also auf der Hand, dass die Startseite der Ankerpunkt für die Design-Entscheidung ist. Das ist die erste Seite des Internetauftritts, an der sich der User entscheidet, ob er tiefer in Website 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 Elementen für das Screendesign haben, 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) und 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 stehen.

WEBSITE KONZEPT / Die Struktur für einen erfolgreichen Internetauftritt

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 eine gute Website Konzeption sind einige Schritte zu gehen, die auch interne Zuständigkeiten und Abläufe berücksichtigt.

  • Website Ziel definieren – Was soll mit der Internetpräsenz erreicht werden?
  • Zielgruppe definieren – Eckpfeiler für die Art der Ansprache
  • Wettbewerb analysieren – Wer sind die Mitbewerber?
  • Seitenarchitektur – Image stärken oder schneller Einstieg?
  • Content Konzept – Wie und von wem wird der Content erstellt?

 

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

Individuelle WEBSITE DESIGNVORLAGEN für UI/UX Design

Attraktives, klares und durchdachtes Screendesign für einen benutzerfreundlichen, intuitiven Internetauftritt. Der/die Betrachter*in navigiert schnell und gezielt durch die Website zu den persönlich relevanten Inhalten.

Sehen Sie die visuelle Idee und das Designkonzept zur geplanten Userführung für Ihre Website oder Ihren Onlineshop im Layout. Sie können wählen zwischen individueller Website Gestaltung, Website Relaunch oder einer theme-basierten Umsetzung von Internetseiten oder Shops mit der Visualisierung Ihrer Inhalte und Bildern.

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

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

  • Website Konzeption in enger Abstimmung mit dem Auftraggeber
  • Wireframing
  • Website Design mit UX Design
  • Responsive Design
  • Content Management
  • Web Programmierung (optional)
  • Kommunikation und Abstimmung mit externen Programmierern
  • Erstellung der Assets
  • Qualitätssicherung
  • Testing Endgeräte

Webdesign mit individuellen Design-Vorlagen / Layouts für Responsive Design

Individuelle DesignVorlagen für das visuelle, funktionale und strukturelle Webdesign. In Website-Layouts 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 weiteren Navigations-Elementen, Grafiken und Bildern. Auch das Responsive Webdesign für mobile Endgeräte wie Tablets oder Handy kann im Layout entwickelt und abgestimmt werden. Diese Design-Vorlagen dienen Ihnen zur Entscheidung und den Programmierern als Briefing.

Corporate Website Design 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.

 

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 Layout-Vorlagen für Responsive Design – Desktop Computer, Tablet 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 Layouts für das Responsive Design von Handy und Tablet. So steht die Optik Ihrer Webseite vor der Umsetzung fest.

Diese Layouts dienen Ihnen zum Verabschieden, Textern zum Texten, Programmierern zum Programmieren 😉

SEE WHAT YOU GET!

Individuelles Website Design für Ihren Internetauftritt