Planung & Konzepte

Von der Idee zur individuellen Website

Step by Step zur individuellen Website

Vom Wireframe zur produktfertigen Anwendung

Das Erstellen einer erfolgreichen und individuellen Website (Webanwendung) bedarf einiger Kernprozesse, die es für uns akribisch Schritt für Schritt abzuarbeiten gilt. Jeder dieser Prozesse beinhaltet eigene Tasks, die es uns ermöglichen Expertise, Individualität und Kreativität in unsere Projekte einfließen zu lassen, sowie die Wünsche und Vorstellungen unserer Kunden pixelgenau umzusetzen. Innerhalb des Prozesses werden bereits erste Ziele gesetzt und die Konzepte entwickelt, die dem Erreichen deiner Ziele dienen. Hier findest du praktisch einen Vorgeschmack auf das, was dich bei der Entwicklung deiner Website mit uns erwartet. 

 

Mockup Beispiele

Ein Ausschnitt unserer Referenzen

Luxe-Solutions Mockup Beispiel A1
Luxe-Solutions Mockup Beispiel A2
Luxe-Solutions Mockup Beispiel A3

1.- Wireframe

Skizzierung deiner Website / Anwendung

Ein Wireframe ist nichts anderes als eine detaillierte Skizze der gewünschten Website bzw. Webanwendung. Hierbei ist das Schlüsselwort UX-Design (User Experience Design)

Aufgaben des Wireframes:

  • Kommunikation und Absprache über inhaltliche Details
  • User Journey Creation
  • Analyse des Wettbewerbs
  • Requirements Engineering (Definition des Tech Stacks)
Luxe-Solutions Wireframe Beispiel

2.- Mockup

Erste statische Design Layouts

Mockups sind die ersten Designvorschläge, bestehend aus dem vorher erstellten Wireframe und beinhalten bereits die grundlegenden Seitenstrukturen. Hierbei liegt der Fokus nicht auf dem tatsächlichen Inhalt der Website oder später integrierten Animationen, sondern auf dem Design und der Kommunikation, um die Wünsche und Anforderungen unserer Kunden berücksichtigen zu können.

  • Rücksprache mit Kunden
  • Farbschema
  • Typografie
  • Erster Inhalt
  • Interne Kommunikation
Luxe-Solutions Mockup Beispiel

3.- Prototypen

Animierte Darstellungen deiner Anwendung

Prototypen dienen als finale Vorlage und beinhalten bereits Content und Animationen der Website. Sie sind der letzte Schritt vor dem tatsächlichen Programmieren der Website.

  • Finale Vorlagen
  • Ausarbeitung Content
  • Auf Wunsch mit Text (DE,EN,SP)
  • Content: WHAT & WHY mit Schleife verpackt
Luxe-Solutions Prototype

4.- Produktfertige Anwendung

Dein individuelles Design in einem CMS deiner Wahl integriert

Spezialisiert haben wir uns auf das Erstellen von Typo3 und Wordpress Websites. Gerne beraten wir dich kostenlos zu dem jeweiligen System und finden gemeinsam mit dir die richtige Anwendung für dich.

Design in CMS integrieren

Ablaufplan

Übersicht des gesamten Prozesses

Auftrag erfassen & Angebot erstellen

Gemeinsam erfassen wir mit dir den gesamten Projektumfang und definieren sämtliche Wünsche, Details und Ziele, um dir ein individuelles Angebot zukommen zu lassen.

Brainstorming & Analyse

Anhand der erfassten Daten wird ein Gesamtkonzept entwickelt.

Planung & Konzeptionierung

Wir erstellen gemeinsam mit dir die ersten Skizzen in Form von Wireframes und analysieren den bereits vorhandenen Markt, um eine realistische Strategie zu entwickeln. Dabei stellen wir fest, welche Komponenten notwendig sind, um die gewünschten Ziele zu erreichen.

Ausarbeitung & Planung des Contents

Gerne erstellen wir für dich Keywords getriebenen Content, setzen aber gerade bei fachspezifischen Dienstleistungen und Produkten auf das Know-how unserer Kunden. Demnach kannst du letztendlich selbst entscheiden ob dieser Aufgabenbereich im eigenen Haus bleibt oder von uns übernommen werden soll.

Ausarbeitung der grafischen Vorlagen

Endlich wird es bunt und wir gestalten die ersten Mockups! Unsere Designer laufen auf Hochtouren, um dein Corporate Design in ein heißes Design zu integrieren. Die Ergebnisse werden mit dir abgestimmt und bekommen den letzten Feinschliff.

Umsetzung des Gesamtprojekts

Endlich geht es an den Code und wir starten mit der Integrierung des Designs in das gewünschte Content-Management-System.

Erstbefüllung

Sämtliche Texte, Mediaelemente und Metadaten der Seite werden eingefügt und bekommen ihren letzten Feinschliff.

Testphase

Perfektion verlangt nach einer Prüfung! Um Fehler und Unstimmigkeiten zu vermeiden, ist eine Testphase von min. 1 Woche üblich. Diese Vorschau erfolgt innerhalb eines passwortgeschützten Bereiches.

Online Start & Produktive Website

Wir haben es geschafft, deine individuelle Website ist online! Gerne übernehmen wir weitere Aufgaben wie die Analyse und Optimierung deiner Website, in Form von SEO optimierten Content, Updates und allen Anforderung die hinzukommen, um deine Website auf dem neuest Stand zu halten.

Du hast Fragen oder ein Anliegen?

Schreib uns einfach eine Nachricht!