WEBDESIGN - OSG · WEBDESIGN Struktur der Website wird als Grundlage für spätere Entwicklung des...

www.onlinesolutionsgroup.de

ONLINE SOLUTIONS GROUP

WEBDESIGN


Das Relaunch-Projekt mit der OSG war ein reiner Erfolg. Wir haben davor viel Zeit für ein gekauftes Theme verschwendet. Leider ist das Design trotzdem nie so geworden wie wir es wollten und das obwohl wir dann sogar ein paar tausend Euro für Entwickler investiert haben, die das Theme anpassen sollten. Das Endresultat war, dass die Website dann sogar irgendwann gehackt wurde, da das Theme scheinbar Sicherheitslücken hatte. Das hat unsere SEO Performance und das Projekt um gut 6 Monate zurückgeworfen. Zum Glück hat uns die OSG dann gleich mehrere gute Design-Vorschläge geliefert, wovon auch einer umgesetzt wurde. Seit dem erhalten wir täglich mind. eine Anfrage – davor waren es 1-2 Anfragen alle drei Monate. Das zeigt wie wichtig ein gutes Design und gute Usability ist. Auch die SEO-Performance geht wieder nach oben.

Finanzvergleich 100 GmbH

2


MAIN HEADING

„ES GIBT KEINE ZWEITE CHANCE FÜR DEN ERSTEN EINDRUCK“

3

74% der Deutschen ist das Design einer Website entscheidend

60% der Deutschen kaufen lieber von kreativen Unternehmen

46% würden nicht von einem Unternehmen kaufen, dass eine schlechte Website oder Mobile Page hat

Ein schlechtes Design steigert das Misstrauen gegenüber einem Unternehmen

WEBDESIGN

Quelle: Adobe „State of Create“, 2016


OSG LEISTUNGEN


MAIN HEADING

LEISTUNGEN

■ Vermarktung im Online

Marketing durch SEO, SEA,

Social Media uvm.

■ Tracking Konzepte:

Anstehende und erledigte

Aufgaben können verfolgt

werden

■ Keywords, SEO-Content und

Benutzerfreundlichkeit

werden vereint

■ Usability- Konzepte für

gute Conversationrate

KONZEPT DESIGN

5

ENTWICKLUNG

■ Umsetzung der Designs für

Responsive und schneller

ladende Websites

■ Entwicklung eigener

Module / Schnittstellen

■ Typo3 & Wordpress (durch

zertifizierten Partner-Pool)

■ SEO Anforderungen z.B.

strukturierte Daten

■ Schnelle Ladezeiten

WEBDESIGN

■ Verschiedene und

kostenlose

Designvorschläge

■ Nach Designentscheidung

erfolgt die Erstellung

weiterer Ips

■ Startseite: 1.800€

■ Preis pro LP: 600€

■ Responsive Design

■ Durchgehende Betreuung

und Beratung bei der

Auswahl


DER OSG CASE

www.onlinesolutionsgroup.dewww.onlinesolutionsgroup.de

„Die professionelle Website ist die Eintrittskarte für eine effiziente, effektive und erfolgreiche Vermarktung“

Florian Müller, Gründer und Geschäftsführer

www.onlinesolutionsgroup.de 8

DER OSG SEO CASECASE STUDY

2018 starteten wir nach längerer Pause

wieder unser eigenes SEO-Projekt mit dem

Ziel SEO so zu betreiben wie wir es unseren

Kunden empfehlen. Wir wollen zeigen was wir

können, welche Möglichkeiten es gibt und die

Möglichkeit nutzen, neue innovative Ideen im

SEO umsetzen.

Durch den Einsatz unserer Plugins konnten wir

schneller und effizierter unsere Ziele

erreichen.


ENTWICKLUNG SICHTBARKEIT

9

SISTRIX

Wie man in folgender Grafik erkennt, ist die Sichtbarkeit deutlich angestiegen. Wir messen diese

mit Sistrix, Xovi und einem eigens entwickelten Sichtbarkeitsindex.

Bei Sistrix ist die Sichtbarkeit beispielsweise von 0,0277 auf aktuell (21.06.2018) 0,8895 gestiegen. Das

entspricht einem Wachstum von 3.111%. Innerhalb von nur fünf Monaten gehörte unsere Domain damit zu

den Top Domains der Branche.

+ 3.111 %


TRAFFICERGEBNIS

10

Jahr Organic Search Blog

2016 8.940

2017 20.749

2018 150.397

2019 215.540

Prozentualer Zuwachs 2.411 %(seit 2016)

Steigerung des Traffics in wenigen Wochen.

Der Traffic der OSG Seite steigt von Woche zu Woche und verzeichnet pro

Tag 4-stellige Besucherzahlen über die organische Suche.


WARUM WEBDESIGN MIT DER OSG?


MAIN HEADING

WARUM MIT DER OSG?

12

Transparente Beratung von der

Planung, Umsetzung bis hin zur

Vermarktung:

- Wireframing

- Design & Neugestaltung

- Texte

- Pflege

- Entwicklung

- Vermarktung

FULL SERVICE

PS Relaunch Funktionen

Schnelle Umsetzung

Eigene Wordpress Plugins für

Wettbewerbsvorteile

Arbeit lediglich mit neuen

Standards

SPECIALSZertifizierter Partner Pool an

Entwicklern für Typo 3 und

Wordpress – wir finden das beste

Angebot (Vergleich) für Sie und

verlassen uns nur auf erprobte

Partner für Ihren erfolgreichen

Online-Auftritt

PARTNER POOLDank unserer Liebe zu Details und

dem transparenten Prozess wurden

bereits viele erfolgreiche Website-

Projekte – auch für große Firmen wie

NKD, Rose Versand, Ulla Popken, -

ebenso hunderte erfolgreiche

Vermarktungsprojekte realisiert

ERFOLG

Seit über 10 Jahren ist die OSG auf

Vermarktung spezialisiert und

weiß was Websites für optimale

SEO / Vermarktungserfolge

mitbringen müssen. Dieses Know-

How nutzen wir bei der Planung

Ihrer neuen Website

ERFAHRUNGVerschiedene Angebote für die

Entwicklung werden eingeholt und

nach Ihren Bedürfnissen umgesetzt-

Vergleich und Empfehlung

Webdesign zu Fest-Preisen

Kosten je nach Design und

Anzahl an Funktionen

Kostenvergleich für zwei

verschiedene CMS (Bsp. Typo 3

und Wordpress)

ANGEBOT

WEBSDESIGN

https://www.onlinesolutionsgroup.de/blog/glossar/t/typo3/

https://www.onlinesolutionsgroup.de/blog/glossar/w/wordpress/


SERVICEWEBDESIGN

Erfahrung aus über 100 Relaunches

Wartungsverträge für Backups,

Updates, uvm.

Persönlicher Ansprechpartner

Laufendes Monitoring über

die PS durch Ladezeiten,

Uptime, Security,…

13

https://www.onlinesolutionsgroup.de/blog/ladezeiten-optimieren/


NEGATIV BEISPIEL – Vorsicht bei Relaunches!WEBDESIGN

14

■ Viele Jahre Arbeit gehen

verloren

■ Traffic und Neukunden gehen

verloren

■ Website erholt sich nicht von

alleine

■ Content und Backlinks können

verloren gehen

Die OSG hat über 100 Relaunches

begleitet und stellt sicher, dass Ihr

Relaunch ein Erfolg wird.

Risiken


PROZESSWEBDESIGN

■ Struktur der Website wird als

Grundlage für spätere

Entwicklung des visuellen

Designs festgelegt

■ Umfasst Website Elemente

wie Header, Footer, usw.

WIREFRAMING

■ Umsetzung aktueller

Webdesign Trends

■ Kompatibles Design für

mobile Endgeräte

■ 3-4 kostenfreie

Designvorschläge- ohne

finanzielles Risiko

DESIGN

15


WEBDESIGN

ALTES WEBDESIGN

NEU

E VO

RSCH

LÄGE

Worauf wurde geachtet?

Modernes Design

Mehr Infos zu Preisen, FAQs, News, Ablauf, Warum Wir etc.

die für User wichtig sind um sich für ein Angebot /

Anbieter entscheiden zu können (Conversionrate)

Ebenso

Mehr Emotion durch mehr Bilder / Videos

Einheitlichere Farbwelt

Kostenlose Design-Vorschläge


ABLAUF


PROZESS Klärung der Anforderungen und Briefing

Erstellung eines Vermarktungskonzeptes

Einholen kostenloser Designvorschläge & Entscheidung Design

Ausarbeitung der weiteren Landingpages

1

2

3

4

WEBDESIGN

5

6

Einholen der Entwicklerangebote, Entscheidung& Entwicklung der Website im finalen Design

Eingabe der Inhalte und Testing

7 Go live & Vermarktung


SEOSEO Konzeption

Begleitung durch Performance Suite und Experten

Test Stage

Go Live Begleitung

1

2

3

4

WEBDESIGN

5 Test Live-Umgebung


Umsetzung Design, Konfiguration und

Installation sowie Projektmanagement

können von der OSG übernommen werden.

KNOW HOW

WARUM WORDPRESS?

20

ERSTELLUNG BLOG

Automatische

Updates verfügbar.

UPDATES

OSG verfügt über eigene

Spezial Plug-ins, wie

automatische interne

Verlinkungen,

wiederkehrende Artikel,

SEO – optimierter Glossar.

Pruduct-Feed für Shops

PLUG-INS

System für Sie und

Mitarbeiter einfach

zu bedienen.

EINFACH

Kostenlos, da Open Source

CMS. Viele Templates und

kostenlose Plug-ins

verfügbar.

KOSTEN

Das CMS bietet viel

Gestaltungsspielraum

und kann an das

Design der Hauptseite

angepasst werden.

GESTALTUNG

Technische Änderungen

sind auch häufig ohne

Entwickler möglich.

TECHNIK

Entwicklung kann

rasch erfolgen.

TIME TO MARKET

Die OSG hat mit Wordpress

bereist Top Erfolge erzielt und

kann TOP Referenzen

vorzeigen.

BEWÄHRTES SYSTEM

Mit Wordpress ist fast nichts

unmöglich. Auch große Firmen

wie Walt Disney, Sony Musics

und CNN nutzen Wordpress.


WICHTIGE STANDARDS BEI DER OSG


MAIN HEADING

MALWARE UND CYBERKRIMINALITÄT

22

8,4 Millionen neue Schadprogrammtypen. (Quelle: GData, 2017)

Weltweit sind 32% aller Computer mit verschiedenster Malware infiziert (Quelle: Netzsieger, 2018)

Mehr als die Hälfte der Deutschen wurden bereits mit Cybercriminalitätkonfrontiert (Quelle: Bitkom Verband,2018)

Tägliche Registrierung von mehr als 350.000 Schadprogrammen (Malware) (Quelle: AV-Test, 2019)

SECURITY

So toll WordPress ist, so anfällig ist es-Deshalb bietet die OSG die perfekte Lösung

https://www.onlinesolutionsgroup.de/blog/wie-gut-sind-deutsche-unternehmen-gegen-cyberangriffe-geruestet/


DIE FUNKTION IN DER PS SICHERT SIE AB!

23

SECURITY

Über 100 Security

Prüfpunkte werden

regelmäßig und

automatisch geprüft

KRITERIEN

Abfrage von SSL-Zertifikaten –

Ablauf und Qualität der

Zertifikate

ZERTIFIKATEEinsehen einer Roadmap für

anstehende und erledigte Aufgaben

ROADMAPDie Performance Suite

berechnet einen eigenen

Security Score

SECURITY SCORE

Security Funktion der

Performance Suite prüft,

ob Malware existiert oder

nicht (4 Quellen)

SCHUTZUnterteilung der Risiken in

niedrig, mittel und hoch. Bei

Risiken erhalten Sie

Informationen durch Push-

Benachrichtigungen oder

Emails

ALERTS

https://demo.osg-ps.de/


MAIN HEADING

SCHNELLE LADEZEITEN

24

WARUM IST ES WICHTIG?

Ladezeiten der Webseite werden täglich

geprüft inkl. Konkurrenzvergleich

Zusätzliche Ips einstellbar

Prüfung durch Google Lighthouse

Alerts wenn Ladezeit steigt

WEBDESIGN

OSG achtet auf gute Ladezeiten und automatische Überwachung

LADEZEITEN UND PAGESPEED

Die Absprungrate steigert sich um 90% ab einer

Erhöhung der Ladezeit von einer auf fünf Sekunden

OSG Performance Suite lässt Ihnen mit einem

einfachen Tool prüfen, wie lang Ihre Ladezeiten sind

https://www.onlinesolutionsgroup.de/blog/ps-handbuch/ladezeiten/


SPEZIELLE RELAUNCH FUNKTIONEN IN DER PERFORMANCE SUITE

25

WEBDESIGN

Überwachung aller

Backlinks mit

Statuscode

BACKLINKS

Gemeinsame Road Map

Tägliche Rankings und

Sichtbarkeit für

Erfolgskontrolle

Sitemap Check

SPECIALSÜbersicht der offenen und

erledigten Aufgaben. Zugang für

alle Stakeholder z.B. Kunde,

Entwickler, OSG, etc.

ZUSAMMENARBEITStändige Prüfung ob sich

Robots TXT ändert.

CRAWLBARKEIT

Überwachung aller Seiten

mit Rankings und

Statuscode

RANKINGSAutomatische On Page Crawls

mit Vergleich zweier Crawls vor

und nach dem Relaunch

TECHNIK

Warum? Durch Relaunch können sich

URLs ständig ändern und die Rankings

gehen verloren

Warum? Backlinks können verloren gehen

und User gelangen auf eine 404-Fehler

Seite

Was hat sich geändert? Genaue Fehler

Forschung durch Vergleich

Es passiert schnell, dass eine falsche

Robots.txt von der Stage auf Live gespielt

wird. So verschwindet die Seite aus

Google. Die PS prüft dies automatisch

Free-Account anlegen

Demo-Account testen

https://osg-ps.de/free_registration/wizard?utm_source=website&utm_medium=button&utm_campaign=rc

https://demo.osg-ps.de/


WICHTIGE STANDARDS BEI DER OSGWEBDESIGN

■ CVS- Nutzung von Anfang an

■ Jede Änderung bekommt eine

neue Version

■ Jede Änderung kann

rückgängig gemacht werden

■ Mehrere Entwickler können an

dem Projekt arbeiten

■ Perfekte Dokumentation des

Entwicklungsprozesses

■ Website kann von Entwicklern

übernommen und weiter

bearbeitet werden

CODE

VERWALTUNGSSYSTEM

■ Backup wird für Relaunch des

Internetauftrittes erstellt

■ Gesicherte Testumgebung, so

werden Seiten vor dem Zugriff

von außen geschützt (Stage)

■ Backup Konzept auch für

danach

■ Hosting, wo der Kunde dies

möchte

WARTUNG

■ Website ist nach

Datenschutzgesetz DSGVO

konform (keine Garantie)

■ Verschlüsselung der Seite (SSL)

■ Erfordernis einer Cookie-Meldung

■ Nur relevante personenbezogene

Daten

■ Double-Opt-in-Verfahren für

Newsletter (PS)

■ Übertragung der Rechte an den

Kunden inkl. Offene Design Datei

DATENSCHUTZ

26


MAIN HEADING

27

OSG LEGT HOHEN WERT AUF EINE SAUBERE TECHNIK■ Ein sauberer Relaunch mit WordPress beseitigt viele

technischen Anomalien und optimiert wichtige SEO-

Faktoren automatisch.

■ Mit unserer eigenen WordPress-Lösung stellen wir

sicher, dass Suchmaschinen-Crawler Ihre Website

besser lesen, was zu einer verbesserten Zuordnung

Ihrer Seiten zu entsprechenden Suchanfragen führt.

■ Ihre Website ist zudem rund um die Uhr erreichbar,

was nicht nur Suchmaschinen, sondern auch Nutzer

zufrieden stimmt und Abstrafungen verhindert.

■ Die Ladezeiten liegen nach einem Relaunch mit

WordPress am Desktop sowie mobil in einem sehr

guten Bereich. Dies sorgt für eine verbesserte

Usability und höhere Rankings bei Google & Co.

SAUBERE TECHNIKWEBDESIGN


MAIN HEADING

28

WARUM SICH 2 CMS NICHT LOHNEN

Zwei Sitemaps

Doppelte Wartungs-Kosten

Doppelte Kosten bei einem Relaunch

Häufig ist es für User erkennbar das es sich

um 2 verschiedene CMS handelt z.B.

Breakpoints

Doppelte Benutzeraccounts

Doppelte Einarbeitung für Mitarbeiter

EXKURS- TYPO 3 FÜR DIE WEBSITE UND WORDPRESS ALS BLOG

WEBDESIGN


KOSTEN (BEISPIEL)


ÜBERBLICK KOSTEN UND ZEITWEBDESIGN

30

LEISTUNGEN KOSTEN ZEITRAUM

Konzepte (SEO Konzept, Usability Konzept mit Wireframing, etc.)

ca. 1-3k Ca. 2-4 Wochen

Design (je nach Anzahl der Seiten)

ca. 2-3k Ca. 2-3 Wochen

Entwicklung (je nach Anzahl der Funktionen und Designs)

ca. 3-5k Ca. 1-2 Monate (Vorlauf je nach Auslastung ca. 2 Monate)

Projektmanagement ca. 1-2k

Gesamt ca. 7-13k

Für jeden Kunden wird ein individuelles Angebot erstellt

Design kostet erst, wenn es dem Kunde gefällt

Unser Partnerpool kann je nach Auftragserteilung erst nach 1-2 Monaten mit der Entwicklung starten und dann je nach Umfang noch mal 1-2 Monate benötigen.

Unter Projekt-Management ist die Koordination, Qualitätssicherung und Beratung der OSG gemeint

Das Optimieren der Inhalte aus SEO-Sicht und die Eingabe der Inhalte sind bei der Beispielhaften Kalkulation nicht enthalten.

Seit 2019 sind wir ein vom Bundesministerium (BMWi) autorisiertes Beratungsunternehmen im Rahmen des go-digital Förderprogramms. Auf diese Weise können

förderfähige Kunden eine 50% Förderung (bis zu 16.500€) vom Staat erhalten.


VORTEILE


IHRE VORTEILEWEBDESIGN

32

KOMPETENZ EFFIZIENZ QUALITÄT■ Seit 2008 vermarktet die OSG

Websites und Online Shops

■ Absprungquoten, Conversions,

SEO-Rankings, etc. – Dieses

Know-How wird von Anfang

an mit eingeschlossen

■ Höchste Effizienz durch Tools,

Erfahrung und Partnerpool

■ Keine Kostenintensive

Abstimmung zwischen

Vermarktungsagentur,

Designer und Entwickler

■ Full-Service inkl. Texteingabe,

Optimierung, Bildersuche, etc.

■ Die OSG stellt höchste Qualität

in allen Bereichen sicher

■ Programmierer entwickeln

Websites und die OSG als

Vermarktungsagentur überwacht

und liefert eine einzigartige

schlüsselfertige Webseite

■ und das ohne Risiko

FAIRENESS RISIKOFREI ERFOLG

■ Übersichtlicher Vergleich

verschiedener Angebote und

Preise

■ Vergleich der verschiedenen

CMS

■ Übertragung aller

Nutzungsrechte

■ Keine Risiken bzgl. Verpfuschter

Technik

■ Keine schlechten Vermarktungs-

Ergebnisse

■ Kein Risiko beim Design

■ Kein SEO-Absturz!

■ Schnelle Umsetzung und

damit schnelle Online

Marketing Erfolge

■ Bessere SEO-Ergebnisse

■ Bessere Conversionrates

■ Kein Chaos sondern Effizienz

– ein Partner für alles


PROJEKTE/ REFERENZEN


REFERENZENWEBDESIGN

34

Beispielprojekte mit WordPress (kleine wie große Firmen):

Ulla Popken | 320 Standorte | www.ullapopken.de

Oboy | www.oboy.de

NKD | 8.000 Mitarbeiter | 1.800 Filialen | www.nkd.com

Rose Bikes | DER Bike-Hersteller seit 1907 | www.rosebikes.de

Elha Service | www.elha-service.de

Online Solutions Group | www.onlinesolutionsgroup.de

Finanzvergleich 100 | www.finanzvergleich100.de

Uvm.

http://www.ullapopken.de/

http://www.oboy.de/

http://www.nkd.com/

http://www.rosebikes.de/

http://www.elha-service.de/

http://www.onlinesolutionsgroup.de/

http://www.finanzvergleich100.de/


CASE STUDY 1www.elha-service.de

WEBDESIGN

35

Begleitung der Design-Erstellung der

Website

Optimierung der Seite aus SEO Sicht

Entwicklung über Partner-Pool

Datenschutzrelevante Punkte umgesetzt

Ladezeitenoptimierung

Tracking

Video-Erstellung über Partner-Pool

ELHA SERVICE

NEUES WEBDESIGNALTES WEBDESIGN

289,6% mehr Anfragen

506,33% mehr Nutzer über die organische

Suche

Geringere Absprungquote

Längere Verweildauer

ERFOLG



CASE STUDY 2 www.finanzvergleich100.de

WEBDESIGN

36

Wireframing & Design-Erstellung





Tracking

Usability Konzept

FINANZVERGLEICH

NEU

ES W

EBD

ESIG

N

ALTES WEBDESIGN

Deutlich höhere Conversionrate

Geringere Absprungquote

Längere Verweildauer

ERFOLG

http://www.finanzvergleich100/



WEBDESIGN

Sehr starke Entwicklung der Sichtbar

nachdem ein neues Design für

finanzvergleich100.de erstellt wurde und

die aktuellste Wordpress Technik

umgesetzt wurde

FINANZVERGLEICH

CASE STUDY 2 www.finanzvergleich100.de

Begi

nn R

elau

nch+ 2800%

http://www.finanzvergleich100/



CASE STUDY 3www.hoeperversicherungen.de

WEBDESIGN

38


Website





Tracking

HÖPER VERSICHERUNGEN

NEU

ES W

EBD

ESIG

N

ALTES WEBDESIGN



CASE STUDY 3www.hoeperversicherungen.de

WEBDESIGN

39

9,4% mehr Sitzungen

23,3% mehr Nutzer über die organische Suche

Reduktion von technischen Fehlern um 98%

Reduktion von technischen Warnmeldungen

um 95%

ERFOLG



CASE STUDY 4WEBDESIGN

40


Website





Tracking

ANONYMER KUNDE

Optimierung der Ladezeiten von z.T. über 5

Sekunden auf unter 1 Sekunde

Reduktion der Seitengröße um 60%

Erhöhung der Sitzungsdauer um 20%

Reduktion von technischen Fehlern um 67%

Reduktion von technischen Warnmeldungen

um 92%

ERFOLG


THANK YOU!for your time

www.onlinesolutionsgroup.dewww.onlinesolutionsgroup.de

RECHTLICHER HINWEIS

42

Alle erstellten Prognosen sind reine Schätzungen auf Basis unserer Erfahrungswerte. Dass diese Prognosen eintreten, kann nicht garantiert werden. Wir haben weder auf die Klickpreise, auf die Aktionen und Maßnahmen Ihrer Wettbewerber noch auf Google direkten Einfluss.

In der gesamten Vermarktung (SEO, SEA, etc.) können wir keine Erfolge garantieren. Es ist nicht möglich konkrete Rankings oder auch Umsätze zu versprechen, da es hierfür viele Einflussfaktoren z.B. Google, Website, Wettbewerber, etc. gibt.

Bitte beachten Sie auch, dass für bestmögliche Ergebnisse stets Ihre Mitwirkung gefordert ist. So müssen z.B. technische Änderungen von Ihnen oder Ihren Entwicklern erledigt werden.

WEBDESIGN - OSG · WEBDESIGN Struktur der Website wird als Grundlage für spätere Entwicklung des...

Documents

Transcript of WEBDESIGN - OSG · WEBDESIGN Struktur der Website wird als Grundlage für spätere Entwicklung des...