Von Front-End Programmierung bis hin zur Back-End Programmierung

'Ich kann, weil ich will, was ich muss.' -Kant

Unsere Webdesign Projekte im Portfolio

Wir fassen ein weites Spektrum an Referenzen. Hier sehen Sie eine kleine Übersicht unserer bisherigen Kunden und Projekten aller Art, von Logo-Design, Webdesign, Webentwicklung und Konzipierung und Umsetzung von Webshops (eCommerce) auf WordPress Basis.

Interaktive Weihnachtswebseite

Projektübersicht

Die Uhr tickt und die Festtage rücken immer näher. Diese Uhr besteht allerdings aus SVG, wird via jQuery animiert und mit weihnachtlichen Gebirge und Schnee im Hintergrund umringt. Auf der nächsten Seite finden sich alle weihnachtlichen Grüße, angeordnet in einer animierten SVG, getarnt als Slider, welcher die Grüße und Tipps nur so reinrollen lässt. Mit dem Responsive Webdesign von tellerrand | Webdesign, Webentwicklung, passt sich nicht nur der Slider dem mobilen Endgerät an, sondern auch die jeweiligen Animationen.

Leistungsspektrum

  • Responsive Webdesign
  • Programmierung
  • CSS3-Animation
  • JavaScript-Animation
  • SVG-Animation
  • Parallax
  • Marketing

Im Auftrag für

Provinzial Vinzent & seine Freunde

provinzial-vinzent.de

Projektübersicht

Pünktlich zur Weihnachtszeit melden sich auch wieder Provinzials Vinzent und seine Freunde mit neuen weihnachtlichen Spiel & Spaß. Sodann wünscht er allen samt frohe und besinnliche Festtage.

Leistungsspektrum

  • Responsive Webdesign
  • Programmierung
  • Marketing
  • Suchmaschinenoptimierung (SEO)
  • WordPress Theme
  • WordPress Plugin

Rainbow of Romance | Egmont Manga

rainbowofromance.de

Projektübersicht

Für die Seite von Egmont Manga besteht schon ein Design auf Basis von WordPress. Es war also sozusagen die Aufgabe, ein komplett neues Design in das schon bestehende WordPress-Design unterzubringen. Gesagt, getan. Ein sogenannter WordPress Subtheme lässt sich nun voll in das bestehende Design (Template) von Egmont Manga integrieren und wie zu sehen ist, auch individuell anpassen. Und mit ein paar weitren CSS3- und JavaScritp-Animationen bekommt unser eigenentwickeltes WordPress Plugin, der Persönlichkeitstest, eine ganz eigene Note.

Leistungen

  • Responsive Webdesign
  • Programmierung
  • CSS3-Animation
  • JavaScript-Animation
  • WordPress Subtheme
  • WordPress Theme
  • WordPress Plugin

Kooperation

Provinzial Vinzent & seine Freunde

provinzial-vinzent.de

Projektübersicht

Neben dem Tagesgeschäft der Provinzial Versicherung sollte hier etwas für die Kleinen entstehen. Neben Vinzent von Provinzial, stellt dieser den Kindern auch seine Freunde vor. So erklären Vinzent und seine Freunde einiges zum Thema Sicherheit, zeigen aber auch auf der Seite etwas zum Spiel & Spaß. Mit dem umgesetzten Timer auf der Seite, können die Eltern der Kleinen auch eine bestimmte Zeit für Spiel & Spaß festlegen.

Leistungsspektrum

  • Responsive Webdesign
  • Programmierung
  • Marketing
  • Suchmaschinenoptimierung (SEO)
  • WordPress Theme
  • WordPress Plugin

Hard

hard-serie.de

Projektübersicht

Zur Erscheinung des US-Bestsellers und Bücherserie „Hard“ wurde für die Egmont Verlagsgesellschaft diese Webseite umgesetzt. Neben der eigentlichen Buchpräsentation standen auch CSS3- und JavaScript-Animationen und Suchmaschinenoptimierung (SEO) im Vordergrund der Implementierung. So leicht wie der Erscheinungstermin heranschwebte, so schwebt diese eine Feder auch heute noch neben Hard von Meredith Wild herab.

Leistungsspektrum

  • Responsive Webdesign
  • Programmierung
  • CSS3-Animation
  • JavaScript-Animation
  • Marketing
  • Suchmaschinenoptimierung (SEO)
  • WordPress Theme
  • WordPress Plugin

Aristocutz

aristocutz.de

Projektübersicht

Aristocutz / Arthurs Shocking Barbershop – Die Frisuere mit dem scharfen Schnitt. Für ihren scharfen Schnitt benötigten die Aristocutz natürlich auch eine noch schärfere Webseite. Dank spacigen Design und Parallax-Effekt fühlt sich der Besuch auf dieser Seite nahezu wie in einem schwerelosen Raum an.

Leistungen

  • Responsive Webdesign
  • Programmierung
  • Parallax
  • Suchmaschinenoptimierung (SEO)
  • WordPress Theme
  • WordPress Plugin

Kooperation

MLA-Gebäudereinigung

mla-gebaeudereinigung.de

Projektübersicht

2016 wurde es Zeit für eine Neuausrichtung der Firma MLA-Gebäudereinigung aus Friedrichshafen am Bodensee und so auch für ihre Webseite. Eine größere Übersichtlichkeit bietet dem Kunden nun einen schnelleren Überblick über die Leistungen dieser Gebäudereinigung mit erweiteretem Gebäudeservice. Pop-up-Kontaktformular für bessere Kommunikation, Parallax-Effekte für mehr Dynamik und noch viele weitere neue Funktionen wurden durch tellerrand | Webdesign, Webentwicklung hinzugefügt.

Leistungsspektrum

  • Redesign / Neugestaltung
  • Responsive Webdesign
  • Programmierung
  • Parallax
  • Marketing
  • Suchmaschinenoptimierung (SEO)
  • WordPress Theme
  • WordPress Plugin

SIWAI | Waimer Sicherheitsdienst

waimer-sicherheitsdienst.de

Projektübersicht

Für SIWAI Waimer Sicherheitsdienst galt es ein ausgeklügeltes Webdesign und eine noch bessere Marketingstrategie zu entwickeln. Nicht nur in Sachen Dynamik, sondern auch gestalterisch sollte das Webdesign das Unternehmen in jeder Hinsicht widerspiegeln. Der modulare Aufbau, die Suchmaschinenoptimierung (SEO) oder das Corporate Design standen neben dem Webdesign und dem Marketing ebenfalls im Vordergrund.

Leistungsspektrum

  • Webdesign
  • Responsive
  • Programmierung
  • Marketing
  • Suchmaschinenoptimierung (SEO)
  • WordPress Theme
  • WordPress Plugin

Niko Bauer Personal Trainer

niko-bauer.de

Projektübersicht

Frische Farben, schlankes Design, fitte Form für den Sommer. All das gibt es jetzt auch bei Niko Bauer Personal Trainer. Das Webdesign wurde so einfach wie möglich gehalten, um zu einem späteren Zeitpunkt weitere Webmodule anbinden zu können.

Unsere Leistungen

  • Responsive Webdesign
  • Programmierung
  • Suchmaschinenoptimierung (SEO)
  • Webdesign
  • WordPress Theme

Bloodywinter | Egmont Manga

bloodywinter.de

Projektübersicht

Umsetzung erfolgte für diese Microsite mit dem bekannten CMS WordPress. Speziell für den Bloodywinter, wurde nicht nur das Design der Seite umgesetzt, sondern auch ein Persönlichkeitstest WordPress Plugin entwickelt, welches voll konfigurierbar ist und für diese Seite nun als Blutorakel fungiert.

Leistungen

  • Responsive Webdesign
  • Programmierung
  • Suchmaschinenoptimierung (SEO)
  • WordPress Theme
  • WordPress Plugin

Kooperation

Minions Bücher | Egmont Verlagsgesellschaften

minions-buecher.de

Projektübersicht

Zum Filmstart von „Die Minions“ durften natürlich passende Bücher nicht fehlen. Die gibt es, Dank Egmont Verlagsgesellschaften mbH, nun in verschiedenen Variationen auch auf der von tellerrand umgesetzten OnePage minions-buecher.de.

Neben dieser OnePage, ist es dem Nutzer möglich für einige der Bücher eine anpassungsfähige Leseprobe zu öffnen, um vor dem Kauf einmal ins Buch zu schnuppern.

Leistungen

  • Responsive Webdesign
  • Programmierung
  • Suchmaschinenoptimierung (SEO)

Kooperation

MLA-Gebäudereinigung

mla-gebaeudereinigung.de

Projektübersicht

Konzeption, Gestaltung und Entwicklung eines ersten Internetauftritts der Firma MLA-Gebäudereinigung. Mottobilder, wie auch das Logo, wurden speziell für dieses Layout erstellt und entworfen. Es sollte die Philosophie der Firma widerspiegeln: Professionalität und guten Kundenkontakt.

Speziell wurde auch ein Kundenbewertungssystem in die Seite eingebaut, was heutzutage ein sehr wichtiges Kriterium in der Vergleichswelt von Preis und Leistung ist.

Wie wir geholfen haben

  • Logo Design
  • Fotografie
  • Responsive Webdesign
  • Webdesign
  • Programmierung
  • Suchmaschinenoptimierung (SEO)

Bodymanagement & Fitnesscoaching

bodymgmt.de

Projektübersicht

Fitness und Dynamik standen an erster Stelle bei der Erstellung der ersten Website von Nikolai Bauers Bodymanagement & Fitnesscoaching. Motivation, aber auch erste Einblicke in die Welt von Fitness und Ernährung, sollten den Besuchern der Seite näher gebracht werden.

Die Mobile Website gewährleistet den Besuchern der Seite, auch von Unterwegs alles begutachten zu können. Diese ist so aufgebaut, dass alles Übersichtlich und nur einen Finger breit entfernt ist.

Wie wir helfen konnten

  • Responsive Webdesign
  • Webdesign
  • Programmierung
  • Suchmaschinenoptimierung (SEO)

Otica // Design- und Fotoagentur

otica.de

Projektübersicht

Design + Entwicklung waren die Arbeiten unserer Agentur. Dabei standen ein mit Bildern bestückter Blog und Seiten welche nur aus Fotos bestehen, im Vordergrund. Damit die zentralen Künste der Design- und Fotoagentur otica aus Friedrichshafen zum Vorschein kommen und für alle Besucher der Seite diese auch sehen und verstehen.

So entschieden wir uns für ein elegantes und doch schlichtes Design mit viel Überblick über einzelne Fotostrecken und den Farben der Marke otica, für den Wiedererkennungswert, zu nutzen.

Unsere Arbeiten

  • Responsive Webdesign
  • Webdesign
  • Programmierung

Webers Backstube

webers-backstube.de

Projektübersicht

Wir durften bei Webers Backstube einen kompletten Webseiten-Relaunch vornehmen und diese somit mit einem modernen Design austatten. Die Hauptschwerpunkte des neuen Designs waren: ein Fullscreenbackground, eine neue News Ansicht und ein Seite für Stellenangebote in der Webers Backstube.

Und selbstverständlich wurde diese Seite nach dem Prinzip von Mobile First mit Responsive Webdesign umgesetzt.

Unsere Arbeiten

  • Responsive Webdesign
  • Webdesign
  • Programmierung

Yoia Schmuck

yoia.de

Projektübersicht

Handgemachten Schmuck aus dem Bodenseekreis gibt es ab sofort nun auch online bei Yoia Schmuck, dem neuen Webshop im Netz.

Um den Kunden beim einkaufen mehr Sicherheit und Vertrauen zu bieten wurde Gang des Shops, von der Startseite bis hin zum Checkout / Kasse, nach den neusten Online-Marketing-Regeln konzipiert und umgesetzt. Mit diesen und anderen Techniken können weitere Projektziele wie z.B. die erhöhung der Konversionsrate, steigern des Wiedererkennungswerts erreicht werden.

Projektende, Abnahme + begeisterter Kunde = zufriedener Programmier.

Unsere Leistungen

  • Webshop :: WooCommerce
  • Webdesign, Webentwicklung
  • Suchmaschinenoptimierung (SEO)
  • Social Media

Kommunikation führt zum Erfolg.