Webentwicklung bei ruhmesmeile

Individualentwicklung für das Web

Durch die langjährige Erfahrung im Bereich der Software- und Webentwicklung wissen wir, dass Standardlösungen oft nicht ausreichen, um das zu leisten was Kunden benötigen. Selbst ein System wie TYPO3 lässt sich mit Extensions nur bis zu einem gewissen Grad sinnvoll erweitern. Hierbei spielen verschiedene Aspekte eine Rolle: Neben dem gewünschten Funktionsumfang können dies der Entwicklungsaufwand, die Performance und die Usability einer Anwendung sein.

Webentwicklung für Kunden und Agenturen

Wir entwickeln User Interfaces und komplexe Webanwendungen für verschiedenste Endgeräte – agil und auf Basis modernster Web Technologien. Mit unseren Leistungen im Bereich der Webentwicklung unterstützen wir unsere Kunden, wenn sie ihr Geschäftsmodell ins Digitale weiterentwickeln oder ihre Webpräsenz komplex erweitern wollen. Als Spezialist stellen wir unsere Leistung auch anderen Agenturen zur Verfügung, die ihr Portfolio durch unsere Technologien ergänzen wollen.

Leistungen für Web- und Mobileanwendungen

  • Anforderungserhebung und Software-Architektur
  • Interaktions-Design
  • Prototyping
  • Entwicklung von Web-Anwendungen
  • Scrum und Agile Entwicklung
  • Interface-Entwicklung mit HTML (5), CSS, JavaScript
  • Hybrid-App-Entwicklung
  • Software-Testing
  • Nutzer- & Usability-Tests
 

IDEEN, KONZEPTE, LÖSUNGEN

In der Webentwicklung sind strukturierte Prozesse und eine methodische Herangehensweise wichtige Erfolgsfaktoren. Bei uns entstehen aus Ihren Ideen und Konzepten effiziente Lösungen. Mit diesem Ziel vor Augen hinterfragen und testen wir Ihre Ideen aktiv und arbeiten sie Schritt für Schritt gemeinsam mit Ihnen aus.

FLEXIBILITÄT DURCH BREITES PORTFOLIO

Wir beginnen Projekte je nach Anforderung mit der Konzeptphase oder ab der technischen Umsetzung. Unser Portfolio in der Webentwicklung reicht von einfachen Animationen und Structured Experiences auf Websites über Lösungen für Mobile Web Anforderungen und Facebook Apps bis hin zu komplexen Webanwendungen. Durch den häufigen Einsatz von TYPO3 als Content Management System, gehört auch die Entwicklung von TYPO3 Extension zu unseren Leistungen.


Beispiele unserer Services aus dem Bereich Webentwicklung

Dynamische Webfrontends & HTML-Oberflächen

Unsere Stärke in der Webentwicklung liegen im Frontend. Sowohl für einfache Marketing-Websites und One-Pager als auch für dynamische, AJAX-lastige Portale oder komplette Single-Page-Applications bieten wir Konzeption und Umsetzung, Beratung und Entwicklungsunterstützung, bis hin zur vollständigen Realisierung. Wir setzen seit Jahren auf bewährte HTML-Technologien. Dabei loten wir ständig die Grenzen des Machbaren aus; wir realisieren alles, was mit HTML, CSS und JavaScript möglich ist. Je nach Anforderung unterstützen wir Sie ebenfalls in Entscheidungen zu Themen wie Responsive Webdesign, Responsive Images, Ladezeit-Optimierung, Inhalts-Auszeichnung, Accessibility, SEO, Realtime-Kommunikation und Testing.

Web-Technologien:

  • HTML5 / CSS3 / JavaScript (Kerntechnologien)
  • SASS / SCSS (Objektorientiertes CSS / Preprocessor)
  • jQuery / Zepto (JavaScript-Libraries, Entwicklung von Plugins)
  • AngularJS (Single Page Application Framework)
  • React / Flux (Komponenten- / Single Page Application-Framework)
  • Socket.IO / Engine.IO / SockJS (Realtime-Kommunikation)
  • Node.js / Express / Restify / MongoDB / Redis (Backend-Entwicklung)
  • JSUnit / QUnit / Karma / Mocha / Jasmine / Protractor (Testing-Frameworks)
  • TYPO3 (Content Management System)
Komponenten-Frameworks & Style-Guide-Driven Development

Große Portale, oder über mehrere verteilte Systeme entwickelte Frontends, können erheblich von gezielt erstellten UI-Komponenten oder Komponenten-Frameworks profitieren. So wird nicht nur ein konsistenter Look'n'Feel (zum Beispiel auf Basis eines Styleguides oder Design Manuals) erreicht, sondern auch die sonst oft mehrfach parallel, redundant stattfindende Entwicklungs-Zeit erheblich reduziert. Zusätzlich ergibt sich die Möglichkeit auf Basis von bestehenden UI-Komponenten und -Konzepten effizient Ideen anhand von Prototypen zu evaluieren.

Web-Technologien: 

  • RequireJS / Almond / AMD (JavaScript Module-Loader)
  • Yeoman / Grunt / Gulp (Custom Buildprozesse)
  • KSS / Hologram (Living Styleguides)
  • Docco (Generierte Code-Dokumentation) 
Buildprozesse für Webprojekte

Die Erstellung von auf HTML / CSS / JavaScript basierenden Frontends hat in den letzten Jahren erheblich an Komplexität gewonnen. Gründe dafür sind unter anderem der rasante Anstieg mobiler Internet-Nutzung, die immer besseren Bandbreiten, hochauflösende Displays und die entstandenen technologischen Neuerungen wie HTML5.

Um bei der Webentwicklung nicht den Überblick zu verlieren, können wir mit der Erstellung automatischer Buildprozesse unterstützen, die manuelle und oft fehleranfällige Prozesse für Sie übernehmen. Häufige Themen sind hier das Zusammenführen von JavaScript- / CSS-Files zur Request-Minimierung, die Komprimierung von Text- und Bild-Dateien oder das Erzeugen von Seiten auf Basis von Layouts und Partials. Durch eine zusätzlich mögliche Konfigurierbarkeit kann darüber hinaus auf verschiedenste Anforderungen (z.B. Development vs. Staging vs. Production) zentral eingegangen werden.

Web-Technologien:

  • Yeoman / Grunt / Gulp (Custom Buildprozesse)
  • optipng / jpegtran (Bildoptimierung)
  • RequireJS / Almond / AMD (JavaScript Module-Loader)
Anbindung & Entwurf von (Web-)APIs

Häufig werden Webfrontends unabhängig von Backend-Systemen entwickelt. Für maximale Flexibilität, zum Beispiel bei der Umsetzung von Frontend / Backend durch verschiedene Teams / Firmen / Webentwickler / Partner, hat sich der Einsatz einer API-Beschreibung als Contract zwischen beiden Parteien bewährt. Zusätzlich erlaubt eine solche Aufteilung der Webentwicklung das spätere Entwickeln alternativer Clients auf Basis der API-Beschreibung. Ein klassisches Beispiel wäre zu einer bestehenden Seite zusätzlich auch Informationen über eine App mobil auszuliefern. Wir unterstützen oder übernehmen sowohl die Anbindung bestehender APIs als auch die Entwicklung von APIs und API-Beschreibungen.

Web-Technologien:

  • HTTP / REST (Basis-Technologie und Struktur-Vorgaben)
  • Node.js / Express / Restify (API-Server)
  • JSON Web Token / JSON Web Signature (Authentication)
  • Apiary (API-Dokumentation und -Testing)
Accessibility-Konformität

Ist die Accessibility-Konformität für eine Webseite zu gewährleisten, so helfen wir bei der Überprüfung von bekannten Richtlinien wie BITV und WCAG. Mit Hilfe der so gewonnenen Erkenntnisse, die auch aus einer bereits existierenden Accessibility-Prüfung stammen können, unterstützen wir Sie bei der Anpassung bestehender Seiten und Frontends. Häufige Aufgaben und Anforderungen sind hier das korrekte Auszeichnen von Inhalten nach BITV / WCAG sowie das Testen der Ausgabe auf verschiedenen Ausgabemedien (Screenreader, etc).

Web-Technologien:

  • BITV / WCAG (Accessibility-Standards)
  • Accessibility Developer Tools (Browser-Plugins)
Mobile Hybrid-Apps

Als Alternative zu separat entwickelten Mobil-Apps für verschiedene Plattformen (iOS / Android / Windows Phone) bietet sich, vor allem für Daten-getriebene Apps, die Entwicklung einer Hybrid-Lösung auf Basis von Basis-Technologien der Webentwicklung (HTML / CSS / JavaScript) an. Ergebnis ist eine Kernanwendung, die mit schmalen Anpassungen für die einzelnen Zielplattformen, zum Beispiel um unterschiedlichen Bedien-Konzepten zu entsprechen, über verschiedene App-Stores implementiert werden kann.

Web-Technologien:

  • HTML / CSS / JavaScript (Kerntechnologien)
  • AngularJS / Ionic, React / Flux (Oberflächen)
  • localStorage / WebSQL / IndexedDB (Datenspeicherung)
  • PhoneGap / Cordova (Paketierung und Zugriff auf native Geräte-Funktionen)

Technologie-Portfolio

  • HTML / CSS / JavaScript
  • jQuery / AngularJS / React / Flux
  • Bootstrap / Zurb Foundation
  • CSS Preprocessors / SASS
  • JSHint / CSSLint / Y Slow / Google Page Speed
  • Buildprozesse / Grunt / Gulp / Yeoman
  • Node.js / Express / Restify / MongoDB
  • Socket.io / Engine.io / SocketStream
  • Amazon S3 / Heroku / Nodejitsu

Kontakt

Sie haben weitere Fragen?

Kontaktieren Sie uns:

+49 221 47 67 28 20