Page 1

Website Guideline

Der Weg zur eigenen Website


Wir bringen Sie online!

Sie interessieren sich für einen neuen Internet­auftritt oder ein Redesign Ihrer bestehenden Website. Was Sie als Auftraggeber einer Inter­netpräsenz zu diesem komplexen Thema wissen sollten, erfahren Sie in diesem Guideline. Wir als Webagentur haben die Aufgabe, Sie zu beraten und Ihre Wünsche mit Hilfe der entsprechenden Technologien umzusetzen.

Verbessern Sie Ihr Image und erhöhen Sie den Umsatz.

3


Darauf kommts an!

Webdesign heute Marktpräsenz schliesst heute einen Internetauftritt mit ein. Egal ob Sie Dienstleistungen verkaufen oder einen Onlineshop betreuen, Ihre Kunden erwarten eine professionelle Website. Diese sollte schlank, zugänglich und suchmaschinenfreundlich programmiert sein. Der Code muss valide und semantisch korrekt sein, die URLs anwenderfreundlich und das Layout CSS-basierend. Das HTML-Dokument beinhaltet also nur den strukturierten Text, das Design dagegen wird über eine CSS-Stilvorlage gesteuert, auf die jede einzelne HTML-Seite zugreift.

Accessibility Eine moderne Website orientiert sich ­ exibel an den individuellen Anforderungen von fl Menschen. Einige Nutzer verwenden kleine Browserfenster auf grossen Monitoren, andere lassen sich eine g ­ rössere Schrift anzeigen oder schauen sich die Website auf dem iPhone an. Barrierefreies Webdesign – manchmal auch Zugänglichkeit oder Accessibility genannt – ist die Kunst, Websites so zu gestalten, dass jeder sie nutzen und lesen kann. Wir achten auf eine sorgfältige Gestaltung und Programmierung und erleichtern somit ­Menschen mit Sinnes- und Körperbehinderungen das Surfen im Netz.

Betriebssystem, Browser und Monitordarstellung Ihre Nutzer verwenden Windows-PCs, Apple- oder ­Linux-Rechner sowie mobile Endgeräte wie z. B. das iPhone. Für diese Betriebssysteme gibt es unterschiedliche Browser wie Firefox, Internet Explorer etc., die ständig weiterentwickelt werden. Ihre Website wird in allen modernen Browsern auf allen gängigen Betriebssystemen korrekt dargestellt.

4

Suchmaschinenoptimierung (SEO) Suchmaschinenoptimierung hat zum Ziel, Ihre Website in den Suchmaschinen wie Google optimal auffindbar zu ­machen. Heutzutage hat SEO mehr mit guten Texten, aussagekräftigen Überschriften und klar strukturierten Inhalten zu tun als mit programmieren. Ihre Website ist durch die korrekte Strukturierung der HTMLSeiten per se und ohne zusätzliche Tricks such­ maschinenfreundlich.


Optimierter Text Formulierungen, Tonalität und Stil eines Textes sind ebenso wichtige Elemente wie Farben und Bilder. Welche Emotionen wollen Sie mit Ihrem Text erzeugen? Übernehmen Sie Texte nicht direkt aus Broschüren, sondern bereiten Sie diese für das Internet auf. Inhalte werden online selten im Detail gelesen. Sie werden meist nur schnell überflogen und sollten deshalb reduziert und prägnant gehalten werden.

Content Management System TYPO3 TYPO3 ist das weltweit führende OpenSource-CMS und eignet sich bestens für InternetProjekte jeglicher Art. Es besteht aus sehr umfangreichen Grundfunktionen, welche durch frei verfügbare Erweiterungen ergänzt werden können. Ihr Vorteil: Sie können von jedem Computer aus Ihre Website einfach und mühelos aktualisieren und ergänzen. Responsive Webdesign

Datenbank-Design und -Entwicklung Web-Applikationen und Datenbanken nehmen im Internet einen wichtigen Platz ein. Sie dienen zur Verwaltung und Visualisierung Ihrer Datenbestände. Um eine höchstmögliche Benutzbarkeit und Leistung Ihrer Applikation zu erreichen, schöpfen wir in der Programmierung Ihrer Lösung unser ganzes Know-how aus. Dabei setzen wir auf PHP/ MySQL und verwenden weitere Technologien wie CSS, jQuery und AJAX.

Responsive Webdesign bezeichnet eine Praxis im Webdesign, bei der der grafische Aufbau, insbesondere die Strukturierung der einzelnen Elemente wie z. B. Navigationen und Texte, von Websites dynamisch und unter Berücksichtigung der Anforderungen des betrachtenden Gerätes erfolgt. Ihre Website wird also auf dem iPhone optimiert angezeigt. Webadresse Ihre Webadresse ist Ihr «Ankerpunkt» im Internet. Sie sollte deshalb möglichst prägnant sein. Webadressen, die mit Firma, Dienstleistung oder Produkt in Verbindung stehen, gelten als seriös; Benutzer können sie sich leichter merken. Eine .chEndung stellt den Standortbezug her und schafft Vertrauen durch Nähe. 5


Das Layout

Wir achten bei der Gestaltung Ihrer Website auf ein ansprechendes, zeitgemässes Design, das sich mit eingängigen Farben, Formen und Elementen von der Konkurrenz abhebt. Je einheitlicher Ihr Auftreten in den verschiedenen Medien ist, desto höher ist der Wiedererkennungswert Ihrer Marke und somit Ihres Unternehmens.

··Durch die visuelle Gestaltung erzeugen wir Emotionen. ··Wir visualisieren Ihre Marke. ··Wir verwenden gängige und verständliche Icons. ··Wir halten das visuelle Auftreten (Corporate Design) in allen Medien konsistent – von der Website über die Visitenkarte bis hin zur Broschüre.

Professionelles Design schafft Glaubwürdigkeit und Vertrauen.

6


Auszug aus unseren Referenzen

7


Projektablauf Wir entwickeln ein Konzept, in dem alle wichtigen Informationen wie Design, Layout, eingesetzte Techniken und Inhalte der Website enthalten sind. Ein Zeitplan gehört genau so dazu, wie eine erste Kos­ten­rechnung. Der gesamte Prozess wird in folgende Schritte unterteilt: Beratung

Projekt-Initialisierung

Entwicklung Design

Projekt-Realisierung

Dauer: 1 Tag

Dauer: 1 Woche

Dauer: 4 Wochen

Dauer: 4 Wochen

Einführung in die Website-Thematik

Analyse der Aufgaben­ stellung

Farbschema definieren

Implementierung des Funktionsumfangs in ­definiertes Design

Aufzeigen der Möglichkeiten

Technische Anforderungen definieren

Design-Vorschläge ­ausarbeiten

Anbindung der ausgewählten Module

Ideenfindung

Angebot und Pflichtenheft erstellen

Evtl. Logos und Corporate Design

Interne Qualitätssicherung (Browserkompatibilität)

Strukturbaum / Sitemap definieren

Auftragsvergabe und ­Kick-off 

Präsentation

Berechtigungskonzept und Workflow definieren

Kundenseitige Änderungen einfliessen lassen

Suchmaschinenoptimierung

Grobskizze (Wireframe) und Funktionalität definieren

✍ Freigabe des Designs

n Aktivität durch Kunde

88

Inhaltsaufbearbeitung: Text formulieren, Bilder selektieren


Inhalt einpflegen

Preview

Launch der Website

Dauer: 1 Woche

Dauer: 3 Tage

Dauer: 1 Tag

Inhalt durch novaverso einpflegen

Testen der Funktionen

Onlineschaltung der Website

Inhalt durch Kunde ein­pflegen inkl. TYPO3 Schulung

Überprüfen der grafischen Elemente (CI)

Fakturierung der Website

Rechtschreibekorrektur

Feedback für den kontinuierlichen Verbesserungsprozess

Weiterentwicklung Ausbau der Website gemäss Kunden­ wunsch

Freigabe der Website (Abnahmeprotokoll) 

9


Module Sie können Ihre Website jederzeit ausbauen und aus einer Vielzahl von Modulen wählen. Formular

FAQ (Häufig gestellte Fragen)

Standard-Formular, inklusive Spamprotection

Bietet die Möglichkeit, beliebig lange und umfangreiche Frage- und Antwort-Listen zu erstellen.

Zusätzliche Sprachversion Inklusive Sprachnavigation Breadcrumb-Navigation Eine Textzeile, die dem Benutzer anzeigt, in welchem Kontext er sich innerhalb der Website befindet.

Bildergalerie Basic Sammlung von Bildern inkl. Grossansicht in Lightbox. YouTube / Vimeo-Integration Videos von YouTube oder Vimeo direkt in die Website einbinden.

Login Geschützter Bereich. Auf diesen kann nur mit Benutzernamen und Passwort (Login) zugegriffen werden.

Blog Einsehbares Tagebuch, in dem Sie Aufzeichnungen führen oder Gedanken niederschreiben.

Login inkl. Registrierung

PDF-Ausgabe

Sie geben den Besuchern zusätzlich die Möglichkeit sich über die Website anzumelden.

Direktes erstellen eines PDF’s von der angezeigten Website.

Newsletter

Seite weiterempfehlen

Mit Mail Chimp können Sie Newsletter erstellen und verschicken.

Damit können Besucher Ihrer Website eine Seite per Mail weiterempfehlen.

Interne Suchmaschine (Site-Search)

Dokumenten-Download

Beinhaltet eine Suche über den Inhalt der eigenen Website.

Downloadmöglichkeit sämtlicher Dateiformate (.pdf, .doc, .zip etc.)

10


News

RSS-Feed

Artikel-System, welches z. B. die neusten Artikel chronologisch aufführt.

Ein RSS-Channel versorgt die Website mit kurzen Informationsblöcken.

Kalender

Umfragen

Bietet die Möglichkeit, einen übersichtlichen, dynamischen Kalender auf Ihrer Website darzustellen.

Bietet die Möglichkeit, umfassende Umfragen zu erstellen und die Umfrageresultate einfach auszuwerten.

Veranstaltungskalender Veranstaltungen, Messen, Kurse oder Führungen auf Ihrer Website veröffentlichen. Gästebuch User können ihre Meinung auf der Website hinterlassen.

Glossar Markiert zuvor definierte Fachbegriffe auf jeder Seite Ihrer Website und bietet direkt eine Erklärung. Datenbank-Anbindungen Anbindung Ihrer Datenbestände

Forum Komplettes Web-Forum, das administriert werden kann.

Online-Shop Magento ist eine leistungsstarke Open-Source Lösung, welche äusserst variabel ist.

Banner-Management Es können animierte oder statische Bilder gezielt auf der Website platziert und verlinkt werden.

Workspaces, Berechtigungskonzept Bietet die Möglichkeit, verschiedene Versionen von Inhalten zu verwalten und freizugeben.

Social-Network-Integration Integration von Facebook, Xing, Twitter etc.

11


Checkliste

1. Ist Ihr Design zeitgemäss, mediengerecht und konsistent?

2. Sind Ihre Texte prägnant, einfach verständlich und für das Internet optimiert?

3. Ist Ihre Webadresse prägnant?

4.

Ist Ihre Website stabil, schnell und sicher?

5.

Ist Ihre Website benutzerfreundlich?

6. Ist die Navigation und Struktur Ihrer Website einfach und logisch?

7. Kann sich der Benutzer überall auf der Website leicht und schnell orientieren?

8.

12

Ist Ihre Website umfassend getestet und barrierefrei?


13


Was ist Open-Source?

Im Gegensatz zu herkömmlicher Software, wie etwa MS-Office, ist bei Open-Source-Software, wie im Namen angedeutet, die Source, also der Quellcode auf der die Applikation aufbaut, offen. Anstelle einiger verschwiegener Programmierer setzen sich in den besten Fällen mehrere tausend Spezialisten für die Weiterentwicklung der Software ein. Deshalb bringt Open-Source-Software meist genau das mit, was man i­mmer vermisst hat.

novaverso arbeitet firmenintern und mit Kunden erfolgreich mit Open-Source-Produkten:

··Applikationen: Systeme wie TYPO3 als Content-

Management-System und Magento als OnlineShop stehen bei unseren Kunden erfolgreich im Einsatz.

··PHP ist eine Skriptsprache, die hauptsächlich zur

Erstellung dynamischer Websites oder Webanwendungen verwendet wird. PHP wird als freie Software unter der PHP-Lizenz verbreitet.

··Der

MySQL-Server ist ein relationales Datenbankverwaltungssystem. Es ist als Open-SourceSoftware für verschiedene Betriebssysteme verfügbar und bildet die Grundlage dynamischer Webauftritte.

··Server: Sämtliche eingesetzten Web-Server, File-

Server, Streaming-Server, Firewalls etc. werden mit Linux be­trieben.

14


Ready! Set! Go!

Wir hoffen, Ihnen mit diesem Guideline eine Übersicht verschafft und Ihr Interesse geweckt zu haben. Wir nehmen uns gerne Zeit für Sie. Ihre Webprojekte werden nach den neusten Webstandards in HTML 5, CSS 3 und jQuery umgesetzt. Dies garantiert Ihnen schnelle Ladezeiten, optimale Flexibilität und eine zukunftssichere Erweiterbarkeit Ihrer Website.

Wir bringen Sie online!

Für ein persönliches Gespräch laden wir Sie gerne zu uns auf eine Tasse Kaffee ein oder wir besuchen Sie gerne bei Ihnen zu Hause oder im Büro.

15


novaverso gmbh Unterm端li 3 6300 Zug Telefon 041 511 79 80 www.novaverso.ch info@novaverso.ch

Website Guideline  

Sie interessieren sich für einen neuen Internetauftritt oder ein Redesign Ihrerbestehenden Website.Was Sie als Auftraggeber einer Internetp...

Read more
Read more
Similar to
Popular now
Just for you