{"id":292,"date":"2022-07-20T16:22:46","date_gmt":"2022-07-20T14:22:46","guid":{"rendered":"https:\/\/conlumina.com\/?p=292"},"modified":"2023-07-28T16:20:35","modified_gmt":"2023-07-28T14:20:35","slug":"prozess","status":"publish","type":"post","link":"https:\/\/conlumina.com\/de\/process\/","title":{"rendered":"Unser Prozess"},"content":{"rendered":"<h2 id=\"navigating-a-corporate-website-project-with-us\">Navigieren Sie mit uns durch ein Corporate Website-Projekt<\/h2>\n<p>Sie \u00fcberlegen, uns f\u00fcr Ihr Webprojekt zu beauftragen, wissen aber nicht, was Sie erwartet? Dann suchen Sie nicht weiter! In diesem Beitrag f\u00fchren wir Sie durch ein typisches 3-monatiges Corporate Website-Projekt mit unserer Agentur. So erhalten Sie einen besseren Einblick in unseren Prozess und unsere Arbeitsweise, damit Sie eine fundierte Entscheidung \u00fcber unsere Eignung f\u00fcr Ihr Projekt treffen k\u00f6nnen. Also, ohne Verz\u00f6gerung, lassen Sie uns eintauchen!<\/p>\n<h3 id=\"the-onboarding-process\">Der Onboarding-Prozess<\/h3>\n<p>Wir beginnen mit der Erstellung Ihres Kundenkontos und einer F\u00fchrung durch unser Kundenportal, das als zentraler Arbeitsbereich f\u00fcr das Projekt dient. Alles, was mit Ihrem Projekt zusammenh\u00e4ngt, wie z. B. Aufgaben, Notizen, Besprechungen, Dateien und Ergebnisse, wird in diesem Portal \u00fcbersichtlich organisiert. Sie k\u00f6nnen jederzeit darauf zugreifen, um unsere Fortschritte zu verfolgen.<\/p>\n<p>Au\u00dferdem planen wir w\u00f6chentliche Telefonate, um die neuesten Entwicklungen zu besprechen und Ihnen die M\u00f6glichkeit zu geben, Fragen zu stellen oder Feedback zu geben. Um alle Beteiligten auf dem Laufenden zu halten, zeichnen wir diese Gespr\u00e4che auf, schreiben sie nieder und fassen sie zusammen. So ist sichergestellt, dass auch diejenigen, die nicht an den Sitzungen teilnehmen k\u00f6nnen, die wichtigsten Punkte und Entscheidungen nachvollziehen k\u00f6nnen.<\/p>\n<h3 id=\"the-web-project-planning-phase\">Die Planungsphase des Webprojekts<\/h3>\n<p>In dieser Phase wird alles sorgf\u00e4ltig geplant, um sicherzustellen, dass das Projekt fristgerecht, innerhalb des Budgets und gem\u00e4\u00df den erforderlichen Qualit\u00e4tsstandards abgeschlossen wird. Die Planung umfasst die Festlegung von Zielen, Umfang, Zeitplan und Budget. Wir gehen auch auf m\u00f6gliche Risiken ein und entwickeln Notfallpl\u00e4ne.<\/p>\n<h4 id=\"research-analysis-strategies\">Forschung, Analyse und Strategien<\/h4>\n<p>Wir beginnen damit, Ihr Unternehmen, Ihre Produkte, Ihre Kultur und Ihre Werte durch Interviews mit den Beteiligten zu verstehen. Wir f\u00fchren eine umfassende Analyse Ihrer Webpr\u00e4senz, Ihres Marktes und Ihrer Wettbewerber durch. Im Anschluss daran entwickeln wir digitale, SEO-, Content- und Marketing-Strategien, um das Projekt zu steuern.<\/p>\n<h4 id=\"goals-responsibilities-requirements\"><strong>Ziele, Zust\u00e4ndigkeiten und Anforderungen<\/strong><\/h4>\n<p>Wir legen spezifische Ziele mithilfe des SMART-Rahmens fest und erstellen ein Verantwortungsdiagramm, um die Rollen zu kl\u00e4ren. Mit der MoSCoW-Methode priorisieren wir die Funktionen nach Zeit und Ressourcen.<\/p>\n<h4 id=\"information-architecture-concept-prototyping\">Informationsarchitektur, Konzept und Prototyping<\/h4>\n<p>Wir entwerfen eine logische Website-Struktur, einschlie\u00dflich Vorlagen und Navigation, die durch eine visuelle Sitemap dargestellt wird. Wir legen auch die Zielschl\u00fcsselw\u00f6rter f\u00fcr jede Seite fest. Das Designkonzept, das das allgemeine Erscheinungsbild der Website definiert, wird anschlie\u00dfend genehmigt. Ein Wireframe (eine Low-Fidelity-Darstellung der Website) und ein Prototyp (eine fortgeschrittenere interaktive Version) werden erstellt und auf Benutzerfreundlichkeit getestet.<\/p>\n<h4 id=\"it-solution-design\">IT-L\u00f6sungsdesign<\/h4>\n<p>Wir entwickeln ein detailliertes IT-L\u00f6sungsdesign-Dokument, das technische Aspekte, Architektur, Hardware, Softwarekomponenten, Prozesse und Richtlinien umfasst. Das Dokument enth\u00e4lt auch Entwicklungssch\u00e4tzungen und einen genauen Zeitplan f\u00fcr die nachfolgenden Phasen.<\/p>\n<h4 id=\"solutions-presentation\">Pr\u00e4sentation von L\u00f6sungen<\/h4>\n<p>Wir stellen den Beteiligten unsere L\u00f6sungen vor und erstellen einen Kostenvoranschlag f\u00fcr die Projektdurchf\u00fchrung. Die Planungs- und die Umsetzungsphase sind voneinander getrennt, um Ihr Vertrauen in die Projektleitung zu gew\u00e4hrleisten. Sollten Sie sich daf\u00fcr entscheiden, nicht mit uns fortzufahren, k\u00f6nnen Sie jetzt f\u00fcr nur 25% des gesch\u00e4tzten Gesamtbudgets den kompletten Projektplan mitnehmen und sich beruhigt f\u00fcr unsere Agentur entscheiden.<\/p>\n<h3 id=\"the-content-phase\">Die Inhaltsphase<\/h3>\n<p>In dieser Phase erstellen oder sammeln wir alle wesentlichen Text- und Bildmedien f\u00fcr die Website. Wenn Sie die Texte f\u00fcr die Website liefern, unterst\u00fctzen wir Sie beim Korrekturlesen und Redigieren. Bei Bedarf erstellen wir einen Leitfaden f\u00fcr das Verfassen von Inhalten f\u00fcr Ihr Unternehmen oder Ihre Marke. Wenn Sie die visuellen Elemente wie Logos, Markenwerte, Bilder und Videos bereitstellen, k\u00f6nnen wir Sie bei der Bearbeitung, Konvertierung und Komprimierung der Medien unterst\u00fctzen.<\/p>\n<p>Im Idealfall sollten alle Inhalte fertig sein, bevor die Designphase beginnt. Falls erforderlich, kann das Designteam jedoch mit der Arbeit beginnen, sobald der Inhalt der Homepage fertiggestellt ist. Die Reihenfolge der Inhalts- und Designphasen h\u00e4ngt von den projektspezifischen Bed\u00fcrfnissen und Priorit\u00e4ten ab.<\/p>\n<h3 id=\"the-design-phase\">Die Entwurfsphase<\/h3>\n<p>Diese Phase besteht aus zwei Stufen. Zun\u00e4chst konzentrieren wir uns auf die Homepage. Dies ist oft die komplexeste und funktionsreichste Seite einer Website und erfordert in der Regel einen detaillierteren Designprozess als andere Vorlagen. Wenn wir zuerst das Designkonzept f\u00fcr die Homepage fertigstellen, haben wir eine solide Grundlage, auf der wir aufbauen k\u00f6nnen, wenn wir mit der Gestaltung der anderen Vorlagen fortfahren. Dieser Prozess ist in der Regel schneller, da wir uns bereits auf die \u00e4sthetische Richtung geeinigt und ein einheitliches Erscheinungsbild der Website geschaffen haben, das auf die anderen Seiten \u00fcbertragen wird.<\/p>\n<p>Sobald alle Vorlagen genehmigt sind, erstellen wir einen visuellen Styleguide, der Ihrem internen Marketingteam und Ihren Designern hilft, zus\u00e4tzliche Materialien zu erstellen, die mit der Website \u00fcbereinstimmen. In diesem Leitfaden werden Designelemente, Farbpalette, Typografie, Bildmaterial und Layout-Richtlinien beschrieben. Er wird sowohl als PDF-Datei als auch live auf der Website zur Verf\u00fcgung gestellt, so dass Ihr Team ihn bei Bedarf leicht nachschlagen und verwenden kann.<\/p>\n<h3 id=\"the-build-phase\">Die Aufbauphase<\/h3>\n<p>Diese Phase \u00fcberschneidet sich in der Regel mit der Entwurfsphase. Sie ist in 5 Phasen unterteilt.<\/p>\n<h4 id=\"development\">Entwicklung<\/h4>\n<p>Die Backend-Entwicklung umfasst die Konfiguration von WordPress und aller Plugins von Drittanbietern, die verwendet werden, die Erstellung Ihrer benutzerdefinierten Beitragstypen, Taxonomien und benutzerdefinierten Felder sowie die Programmierung der benutzerdefinierten Funktionen der Website. Indem Sie die <a href=\"https:\/\/www.php-fig.org\/psr\/\" target=\"_blank\" rel=\"noopener\">PHP-Codierungsstandards<\/a>\u00a0und die <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/php\/\" target=\"_blank\" rel=\"noopener\">WordPress-Codierungsstandards f\u00fcr PHP<\/a>Wir sorgen daf\u00fcr, dass der Code sauber, konsistent und wartbar ist.<\/p>\n<p>Die Frontend-Entwicklung umfasst visuelles Design, Layout und Funktionalit\u00e4t. Durch die Befolgung der <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a>, <a href=\"https:\/\/www.w3.org\/standards\/\" target=\"_blank\" rel=\"noopener\">W3C<\/a>und <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noopener\">WCAG<\/a> Kodierungsstandards stellen wir sicher, dass die Website zug\u00e4nglich, funktional und standardkonform gestaltet ist.<\/p>\n<p>Wir bereiten die zu verwendenden Webkomponenten vor und entwickeln die fehlenden Komponenten nach den <a href=\"https:\/\/www.w3.org\/WAI\/ARIA\/apg\/\" target=\"_blank\" rel=\"noopener\">WAI-ARIA-Entwurfsmuster<\/a> f\u00fcr die Kompatibilit\u00e4t mit Bildschirmlesern und anderen unterst\u00fctzenden Technologien.<\/p>\n<p>F\u00fcr das Styling der Website schreiben wir objektorientiertes CSS (OOCSS) nach einer vereinfachten Block-Element-Modifier-Methode (BEM). F\u00fcr die Frontend-Funktionen, wie Tastatursteuerung und Fokusmanagement, verwenden wir Vanilla JavaScript. Dies erm\u00f6glicht es uns, die jQuery-Bibliothek, die mit WordPress mitgeliefert wird, zu entladen, was uns hilft, die Ziele unserer <a href=\"https:\/\/conlumina.com\/de\/pagespeed-garantie\/\">H\u00f6chstleistungsgarantie<\/a>.<\/p>\n<p>Wir verwenden einen Mobile-First-Ansatz mit flexiblen Rastern, fl\u00fcssiger Typografie und responsiven Bildern. Gr\u00fcndliche Browsertests stellen sicher, dass die Website mit allen modernen Webbrowsern kompatibel ist und sich bei Bedarf anst\u00e4ndig degradiert.<\/p>\n<p>Sobald die Website vom Verwalter genehmigt wurde, laden wir Sie ein, Kommentare oder Feedback direkt auf der Website \u00fcber eine Point-and-Click-Schnittstelle hinzuzuf\u00fcgen. Wir sammeln Ihr Feedback und nehmen eventuelle \u00dcberarbeitungen in letzter Minute vor.<\/p>\n<h4 id=\"optimisation\">Optimierung<\/h4>\n<p>Wir optimieren die Leistung unserer Website hinsichtlich Geschwindigkeit, Benutzerfreundlichkeit und Sicherheit, um unsere <a href=\"https:\/\/conlumina.com\/de\/pagespeed-garantie\/\">H\u00f6chstleistungsgarantie<\/a>. Metadaten und Webseiten werden f\u00fcr Suchmaschinen optimiert, und alle Formulare werden gr\u00fcndlich getestet. Webtexte werden Korrektur gelesen und \u00fcberpr\u00fcft.<\/p>\n<h4 id=\"beta-testing\">Beta-Tests<\/h4>\n<p>Das Testen der Website umfasst mehrere Phasen, in denen Sie, unser Team und eine externe Benutzergruppe Feedback geben. Vor der offiziellen Freigabe werden letzte Anpassungen vorgenommen.<\/p>\n<h4 id=\"deployment\">Einsatz<\/h4>\n<p>Die Website wird auf den Produktionsserver \u00fcbertragen, und es werden letzte \u00dcberpr\u00fcfungen und Korrekturen vorgenommen. Die Dokumentation wird bereitgestellt, Backups und CDN werden eingerichtet, und die Website geht live.<\/p>\n<h4 id=\"operations-maintenance\">Betrieb und Wartung<\/h4>\n<p>Nach dem Start treffen wir uns mit Ihrem Team, um zu feiern, Wartungspl\u00e4ne aufzustellen und das Projekt zu bewerten. In einer separaten Sitzung wird eine CMS-Schulung f\u00fcr Ihre Content-Manager durchgef\u00fchrt, die das Projekt abschlie\u00dft.<\/p>\n<h3 id=\"in-closing\">Zum Schluss<\/h3>\n<p>Der Prozess der Website-Entwicklung kann je nach Projektanforderungen variieren, aber unsere skizzierten Schritte bieten einen allgemeinen \u00dcberblick \u00fcber unsere Vorgehensweise. Durch enge Zusammenarbeit und einen strukturierten Prozess liefern wir qualitativ hochwertige Websites, die auf den Kunden und seine Zielgruppe zugeschnitten sind.<\/p>\n<p>Wir hoffen, Ihnen mit diesem \u00dcberblick ein besseres Verst\u00e4ndnis daf\u00fcr vermittelt zu haben, wie wir an Projekte f\u00fcr Unternehmenswebsites herangehen und welche Schritte erforderlich sind. Wenn Sie weitere Fragen haben oder Ihr spezifisches Projekt im Detail besprechen m\u00f6chten, z\u00f6gern Sie bitte nicht, uns zu kontaktieren. Wir freuen uns darauf, mit Ihnen zusammenzuarbeiten und Ihnen zu helfen, mit Ihrer Website erfolgreich zu sein.<\/p>","protected":false},"excerpt":{"rendered":"<p>Was Sie erwarten k\u00f6nnen, wenn Sie mit uns zusammenarbeiten. Lernen Sie unseren Prozess kennen und finden Sie heraus, ob wir der richtige Partner f\u00fcr Sie sind.<\/p>","protected":false},"author":1,"featured_media":1046,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[33],"tags":[],"class_list":["post-292","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-strategy"],"meta_box":{"featured_post":"0"},"_links":{"self":[{"href":"https:\/\/conlumina.com\/de\/wp-json\/wp\/v2\/posts\/292","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/conlumina.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/conlumina.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/conlumina.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/conlumina.com\/de\/wp-json\/wp\/v2\/comments?post=292"}],"version-history":[{"count":5,"href":"https:\/\/conlumina.com\/de\/wp-json\/wp\/v2\/posts\/292\/revisions"}],"predecessor-version":[{"id":1637,"href":"https:\/\/conlumina.com\/de\/wp-json\/wp\/v2\/posts\/292\/revisions\/1637"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/conlumina.com\/de\/wp-json\/wp\/v2\/media\/1046"}],"wp:attachment":[{"href":"https:\/\/conlumina.com\/de\/wp-json\/wp\/v2\/media?parent=292"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/conlumina.com\/de\/wp-json\/wp\/v2\/categories?post=292"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/conlumina.com\/de\/wp-json\/wp\/v2\/tags?post=292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}