Projektanforderungen

Die Domain dient uns als Projekt-Referenz. Teile uns die Domain immer frühzeitig mit und nenne sie im Betreff deiner E-Mails, damit wir die Kommunikation korrekt zuordnen können.

Falls du noch keine Domain hast, können wir diese gerne über Cmsbox für dich reservieren. Eine passende Domain ist nicht nur für die Kommunikation entscheidend, sondern auch für die SEO-Performance deiner Website.

Figma und Adobe XD sind für uns die bevorzugten Tools zur Erstellung eines Webdesigns. Sie ermöglichen eine nahtlose Übergabe in den Entwicklungsprozess.

Nicht geeignete Tools sind Illustrator, InDesign, Photoshop sowie PowerPoint und alle weiteren Office-Programme.

Zudem benötigen wir stets die offenen Layout-Dateien, da nur so eine reibungslose Umsetzung möglich ist. Reine Ansichts- oder Entwicklerlinks eignen sich nicht für die Umsetzung, da sie keine vollständige Bearbeitung erlauben oder wir nachträglich eingefügte Änderungen nicht nachvollziehen können.

Das Design deiner Website wird auf Basis eines zentralen Stylesheets erstellt. Diese Zusammenstellung sollte alle notwendigen Designvorgaben für uns enthalten, wie:

Die Struktur einer Website sollte klar und benutzerfreundlich gestaltet sein, mit einer logischen Hierarchie von Inhalten, die den Nutzer intuitiv durch die Seiten führt. Wir empfehlen, auf eine tiefere Seitenstruktur zu setzen und auf einen One-Pager zu verzichten. Dieser wirkt in der Regel zu überladen und erschwert die Suchmaschinenoptimierung (SEO).

Bitte denke auch immer daran, auf jeder Seite einen Seitentitel (H1) einzubauen. Der H1-Tag hilft Suchmaschinen, den Hauptinhalt der Seite zu identifizieren und zu indexieren, was das SEO-Ranking verbessert. Zudem sorgt er für eine klare Struktur, die den Besuchern hilft, schnell zu erkennen, worum es auf der jeweiligen Seite geht.

Schriften benötigen in der Regel eine Lizenz, um sie auf einer Website zu verwenden. Um die Lizenzierung deiner Fonts musst du dich selber kümmern. Verwedest du Google Fonts, ist keine Lizenzierung nötig. Weiterführende Informationen zu diesem Thema findest in unserem Blog-Post.

Bitte sende uns deine Schriften sowohl als lizenzierte Web-Font (WOFF2 oder WOFF) als auch als Desktop-Font (OTF oder TTF). So können wir das Design optimal beurteilen.

Erstelle das Design zunächst in der Desktop-Ansicht (1920 px) – sie dient als Hauptversion und bildet die Grundlage für alle notwendigen Layouts und Artikelstile. Dabei sollte klar ersichtlich sein, welche Funktionen wo vorgesehen sind. Planst du einen Slider oder automatisch generierte Inhalte wie Blogbeiträge oder Newsartikel? Soll ein Filter integriert oder ein animierter Counter für Kennzahlen eingebaut werden? Dann ergänze dein Layout mit entsprechenden Anmerkungen oder visualisiere die Funktionen so detailliert wie möglich.

Hast du eine spezielle Vorstellung für das Mobile-Design? Dann schicke uns gerne auch diese Ansicht (375 px) mit. Andernfalls setzen wir die mobile Version nach bestem Ermessen um. Falls nachträglich grössere Anpassungen nötig sind, müssen dafür zusätzliche Ressourcen eingeplant und verrechnet werden.
Für die Erklärung bestimmter Ideen oder Funktionen empfehlen wir, die Bemerkungen direkt mit Notizzettel im Layout zu platzieren. So fallen sie uns sofort auf und gehen nicht unter.

Bitte visualisiere in deinem Design, wie die Navigation in den verschiedenen Ansichten aussehen soll. Dabei sollen jeweils der Mechanismus und die Hover-Effekte klar ersichtlich sein.
Wird ein Scrollheader gewünscht, dann bitten wir dich, diesen ebenso im Design zu berücksichtigen und den unterschiedlichen Status des Headers – also den normalen Zustand und den Header während des Scrollens – klar darzustellen.