Kontakt

rm-frontend - Unsere Komponenten Library für Website Frontends

Unsere ruhmesmeile Frontend Component Library oder kurz rm-frontend ist eine auf die hohen Anforderungen aktueller Corporate Websites ausgelegte Component Library zur schnellen Bereitstellung hochqualitativer Frontends. Es folgt konsequent dem Ansatz des Atomic Design. Dadurch ist es zugleich mächtig und flexibel.

Vorteile:

  • Spart eigene Entwicklungskosten
  • Macht das Website-Frontend schnell, schlank und robust
  • Sorgt für Konsistenz im Frontend – innerhalb einer Website und über Websites hinweg.
  • Erspart Entwicklern Routineaufgaben
  • Wird laufend aktuell gehalten
  • Ist flexibel anpassbar, überschreibbar, erweiterbar


Das ruhmesmeile Frontend funktioniert wie jedes gute Werkzeug. Es hat eine bestimmte Funktion, macht seinen Nutzer effektiver und vereinfacht die Dinge. Es funktioniert jedoch nicht komplett automatisch, sondern braucht Designer und Web-Entwickler, die es einzusetzen verstehen.


Für Entwickler ist das ruhmesmeile Frontend die perfekte Basis um ein Design System zu implementieren.

Das Frontend bringt für Entwickler neben den Komponenten ein passendes Tooling auf Basis offener Standards mit, welches für höchte Effektivität bei der Entwicklung sorgt.

rm-frontend: Das Werkzeug für digital Auftritte

  • Einheitliche Kundenschnittstellen schaffen
  • Design Systeme technisch umsetzen

Das perfekte System für Website Frontends

Das rm-frontend bildet die typischen Bedürfnisse von Corporate Websites als Sammlung dynamischer Komponenten ab. Von simplen Textbausteinen und Bildergalerien bis zu komplexen Ansichten zur Darstellung von Veranstaltungen oder Produkten: Für alles was Unternehmen und Organisationen auf Ihren Websites wünschen wird eine fertig implementierte Oberfläche geliefert.

Das rm-frontend ist unabhängig von Backend-Technologien oder Content-Management-Systemen. Es kann daher in verschiedene Content-Management-Systeme integriert werden. Unsere TYPO3-Websites verwenden das rm-frontend z.B. als ihre Frontend-Technologie. Durch den technologieübergreifenden Ansatz kann das rm-frontend in einer Organisation in mehreren Projekten verwendet werden, z.B. als Oberfläche für verschiedenen Technologien und Websites. Damit kann parallele Entwicklung vermieden und die User Experience vereinheitlicht und harmonisiert werden. Das rm-frontend kann also als Implementierung eines Design Systems dienen.

Das rm-frontend wurde bereits in vielen Projekten erfolgreich eingesetzt und muss sich täglich beweisen. Die UX-Qualität ist dadurch überaus solide und praxiserprobt.

Das ruhmesmeile frontend kann beliebig erweitert und angepasst werden. Wird dabei bestimmten Mustern gefolgt, bleibt auch eine angepasste Version des Frontends kompatibel zu den beständig bereitgestellten Updates.

Die Codebase wurde in eine Vielzahl sinnvoller, semantischer Module aufgeteilt. Die Module können einzeln genutzt, angepasst und individualisiert werden.

Flexibles Branding – Designer lieben es

Die Website ist für das Marketing eines Unternehmens wichtig. Das rm-frontend macht Branding sehr schnell und einfach möglich: Einfache Basisanpassungen sind einsteigerfreundlich über herausgezogene Variablen in einem zentralem Instanz-Modul einstellbar. Bei allen für das rm-frontend getroffenen Designentscheidungen, Farbwerten, Größenverhältnissen etc. wurde stets auf sinnvolle Defaults geachtet. Dazu kommt maximale Flexibilität da sämtliche Werte individuell überschreibbar bleiben.

Interface- und UX-Designer können das Styling der Website direkt im Code, jedoch unabhängig von dem darunterliegenden Entwicklungsstack vornehmen.

Ein Branding ist also in kürzester Zeit umgesetzt und kann trotzdem beliebig umfassend und fein justiert werden.

Von Webentwicklern für Webentwickler gemacht

Das ruhmesmeile frontend ist Production Ready: Kompilierte Varianten der Komponenten Library sind direkt in Projekten einsetzbar (fertiges CSS, JS + Markup-Vorgaben)

Das rm-frontend ist auf die Wünsche und Anforderungen von Entwicklungsteams ausgelegt:

Vorteile:

  • Das rm-frontend ist auf einen schnellen Start und schnelle Ergebnisse ausgelegt.
  • Das rm-frontend ist unabhängig von CSS-Frameworks und Backend-Technologien und ist nicht fest an ein JavaScript Framework gebunden.
  • Das rm-frontded ist auf nachhaltige Qualität und Nutzung ausgelegt.

Weitere Vorteile:

  • Dokumentation des notwendigen Markups in Form eines Pattern Lab, welches zusätzlich jede Komponente in jeder relevanten Konstellation zeigt und testbar macht.
  • Beispielhafte Templates, als Inspiration zum Einsatz der bereitgestellten Komponenten, im Rahmen des Pattern Lab.
  • Mit beliebigen Technologien kombinierbar (Individualentwicklungen, TYPO3, Ruby on Rails, Angular, React, Vue.js; jede Backendtechnologie die Templating erlaubt)
  • In beliebig vielen, unterschiedlichen Websites und Apps / PWAs einbaubar, um eine übergreifend hohe UI- / UX-Qualität zu erreichen
  • Hooks und Konfigurationsmechanismen, in die eigene Funktionalität eingehängt werden kann.
  • Komplett gekapselte Buildprozesse (liegen in einem eigenen Modul), und damit mit jedem bereits vorhandenen / etablierten Buildprozess kombinierbar.
  • Tree-Shaking: Nur tatsächlich genutzte CSS-Regeln und JavaScript-Methoden werden auch tatsächlich in die Projekt-spezifischen Module gepackaged.
  • Optimierung des Critical Rendering-Paths; alle für die initiale Ansicht notwendigen Regeln werden isoliert ausgegeben, und können direkt mit dem initialen HTML ausgeliefert werden
  • Automatisiert getestete Crossbrowser-Kompatibilität.
  • Kompression und Zusammenfassung von Abhängigkeiten (JavaScript und CSS)
  • Nutzung von Best Practices für Code-Qualität, die durch die Buildprozesse fortlaufend sichergestellt werden.
  • Versionierung nach SemVer (Semantic Versioning), automatische Changelog-Generierung durch Commit-Nachrichten.
  • Pflege in Monorepository.
  • Einsatz von starken Open Source-Lösungen (z.B. Pattern Lab), und etablierten Ansätzen (z.B. Atomic Design, ITCSS, BEM)

Das rm-frontend steigert die Produktivität von Entwicklungsteams, denn Teams können sich voll und ganz auf die spezifischen Herausforderungen im Projekt konzentrieren.

Bisher gibt es keinen einheitlichen Preis für das ruhmesmeile Frontend. Wir vereinbaren individuelle Lizenzvereinbarungen.

Wir sind uns jedoch in einer Sache sicher: Das rm-frontend macht sich unmittelbar bezahlt, da es Entwicklungsaufwand und damit Kosten spart!

Sie wollen unsere Component Library in Ihren Projekten nutzen?

Gerne senden wir Ihnen ein Angebot.