Digital Standards

Motcom UX Repository

Ein zentraler Arbeitsraum für konsistente Interfaces, klare Inhalte und robuste digitale Services von Motcom.

Patterns ansehen Content Standards

01 Prinzipien

Ruhig, präzise, einsatzbereit.

Motcom-Interfaces sollen Orientierung schaffen, komplexe Kommunikation verständlich machen und in operativen Situationen schnell funktionieren.

01

Klar vor dekorativ

Jede Fläche, jedes Label und jede Aktion muss die nächste Entscheidung erleichtern.

02

Technik greifbar machen

Funk, Service und Engineering werden visuell konkret, mit nachvollziehbaren Begriffen und realen Anwendungsfällen.

03

Vertrauen durch Konsistenz

Wiederkehrende Navigation, Statusanzeigen und Formulare verhalten sich auf allen Motcom-Seiten gleich.

02 Brand Kit

Logo, Schutzraum und Einsatz.

Motcom tritt technisch, ruhig und vertrauenswürdig auf. Das Logo bleibt klar lesbar, wird nicht verzerrt und steht auf ruhigen Flächen.

Motcom Logo auf hellem Hintergrund
Primärlogo auf hellen Flächen
Motcom Logo weiss auf dunklem Hintergrund
Weissversion für dunkle Flächen
Motcom Favicon
Motcom Favicon für Browser, Tabs und App-Shortcuts
SchutzraumMindestens Logo-M-Höhe rundum freihalten.
MindestbreiteDesktop 132 px, Mobile 104 px.
FaviconNur das Motcom-Favicon verwenden. Keine Jubiläums-, Partner- oder Kampagnenzeichen als Browser-Icon.

04 Farbschema

Ein funktionales System statt Dekoration.

Die Palette führt von Motcom-Blau und technischer Tinte zu warmen Status- und Serviceakzenten. Farben markieren Funktion, Zustand und Priorität.

Deep Signal#102033
Motcom Blue#1F58B0
Signal Tint#E8EEF9
Service Amber#F5A300
Soft Ground#F4F6F3
System Grey#52626D
Primary ActionBlau für eindeutige Hauptaktionen.
Operational HighlightHellblau für ruhige Informationsflächen, Repository-Hinweise und sekundäre Hervorhebungen.
Alert / ServiceAmber für Hinweise, Wartung und Eskalation.

03 Jubiläum

30 Jahre Motcom seit 1996.

Die Jubiläumselemente sind temporäre Kampagnenbausteine für 2026. Sie ergänzen die Marke, ersetzen aber nicht Logo, Favicon oder primäre Navigation.

30 Jahre Motcom seit 1996
Header-Badge und Modal-Zeichen

Einsatzregeln

  • Im Header als dezenter Jubiläums-Badge neben dem Logo.
  • Im Jubiläums-Modal mit kurzer Erklärung und persönlichem Ton.
  • Nicht als Favicon, Hauptlogo oder CTA-Ersatz verwenden.

05 Typografie

Lesbarkeit für Fachthemen.

Headlines dürfen gross und ruhig sein. UI-Texte bleiben knapp, eindeutig und ohne Marketingfloskeln.

DisplayKommunikation, die im Einsatz hält.
SectionFunkplanung und Inhouse-Versorgung
Body

Motcom plant, realisiert und betreibt Kommunikationslösungen für Organisationen mit hohen Anforderungen an Verfügbarkeit.

UI LabelSTOERUNG MELDEN

06 Bildwelt

Reale Technik, echte Arbeit, klare Räume.

Bilder zeigen Menschen, Anlagen, Messungen und Einsatzorte. Keine generischen Stock-Szenen, keine überladenen Collagen, keine schwer lesbaren Textflächen.

System Engineering Motiv
Engineering: ruhig, technisch, präzise
Antennenmontage
Montage: reale Handgriffe und Infrastruktur
Funkmessung mit Messgerät
Messung: Belege statt Behauptungen
Hero16:9 oder 21:9, ruhige Textzone links oder unten.
Referenz3:4 für Cards, 16:9 für Detailheader.
ShopProdukt freigestellt, neutraler Hintergrund, konsistente Schatten.

07 Icons

Ein Iconset für Orientierung.

Icons werden funktional eingesetzt: Kategorien, Aktionen, Status und Kontaktwege. Sie ersetzen keine Labels, sondern beschleunigen das Scannen.

Funk
Sicherheit
Engineering
Service
Störung
Kontakt
Standort
Team

08 UI Patterns

Bausteine für Website, Shop und Service.

Die wichtigsten Muster werden als verbindliche Referenz gepflegt: Navigation, Hero, Listen, Formulare, Status, Kontaktpunkte und technische Detailseiten.

Navigation Top-Level, Submenus, Sprachwechsel, mobile Drawer Stable
Service Forms Störungsmeldung, Kontakt, Team-Kontakt, Validierung Review
Product Detail Shop-Produkt, Verfügbarkeit, Beratung, Zubehör Draft
Knowledge Pages Funkwelt-Artikel, Tabellen, Glossar, Related Links Stable

09 Content Standards

Ein Sprachsystem für Fachthemen.

Texte sind direkt, fachlich belastbar und für Kunden ohne Funktechnik-Alltag verständlich. Interne Begriffe werden erklärt, nicht vorausgesetzt.

Seitentypen

  • Leistungsseiten mit Nutzen, Einsatzbereich und Ablauf
  • Referenzen mit Ausgangslage, Umsetzung und Wirkung
  • Service-Seiten mit klarer Eskalation und Kontaktweg

Tonality

  • Schweizer Hochdeutsch, keine Werbefloskeln
  • Kurze Sätze für operative Themen
  • Konkrete Substantive statt abstrakter Versprechen

Deutsch Text

Regeln für deutsche Texte in SPOZZ Interfaces, Marketingflächen, Hilfetexten und Produktkommunikation.

  • Umlaute werden immer als ö, ä und ü geschrieben. Umschreibungen wie oe, ae oder ue werden nicht verwendet.
  • Das scharfe S wird nicht verwendet. Wörter wie Mass, Grösse und schliessen werden konsequent mit ss geschrieben.
  • Deutsche Texte werden vor Veröffentlichung auf Umlaute und ss-Schreibweise geprüft.

10 Components

Wiederverwendbare UI-Bausteine.

Buttons, Status, Cards und Formulare folgen festen Grössen, Farben und Zuständen. So wirkt Motcom über Website, Shop und Servicecenter wie ein System.

Primäraktion Sekundäraktion
Stable Review Draft
Vor-Ort SupportKurzer Titel, ein Satz Nutzen, klare Aktion.

11 Governance

Von Draft zu Live.

Neue Seiten und Patterns starten als Draft, werden fachlich geprüft und erst danach für Navigation, SEO und Übersetzungen freigegeben.

  1. DraftKonzept, Inhalt und UI im CMS vorbereiten.
  2. ReviewFachcheck, Mobile-Check, Bildrechte und Kontaktwege prüfen.
  3. PublishVerlinkung, Sitemap, Übersetzungen und Monitoring aktivieren.