AIP Ambassador Investment Partner
Website-Redesign · Konzept · November 2026
Erstellt von Samui Infotech
Konzept Startseite

Eine moderne aip-so.ch persönlich, klar und unabhängig

Ein Design, das auf dem grossen Bildschirm im Büro und auf dem Smartphone gleich gut funktioniert. Beide Vorschauen sind live: scrollen Sie, öffnen Sie das Menü und beobachten Sie die wechselnden Hinweise unter dem Titelbild.

Desktop in 1280 px, Mobil in 390 px
🔒 aip-so.ch
9:41
●●● ▮
iPhone · 390 × 844
Was sich ändert

Gleicher Inhalt, klarer erzählt

Texte, Dienstleistungen, Kundenstimmen und Finanzfragen bleiben wie heute. Neu sind Reihenfolge, Gewichtung und Darstellung.

Vorher: Team-Slider mit Zusatz-Plugin

Zwei Team-Slider, direkt in Bricks

Wie heute: auf Desktop und Laptop grosse Freisteller, auf Tablet und Handy ein eigener, kompakter Slider mit quadratischen Bildern. Neu ohne LayerSlider.

Vorher: ein fester Terminhinweis

Wechselnde Hinweise

Unter dem Titelbild wechseln vier Hinweise automatisch: AIP News, Kunden-Performance, Rente oder Kapital und unabhängige Beratung.

Vorher: kleine Schrift in schmalen Spalten

Gut lesbar auf jedem Gerät

Schriftgrössen passen sich fliessend an den Bildschirm an. Dienstleistungen und Säulen stehen als ruhige Karten, News lassen sich auf dem Handy wischen.

Vorher: jede Seite einzeln gestaltet

Einheitliche Bausteine

Team, Experten, News und Finanzfragen kommen aus Vorlagen. Neue Inhalte erfassen Sie in Formularen, das Layout ergibt sich von selbst.

Neu: Wechselnde Hinweise

Vier Botschaften, ein Platz

Die Hinweise rotieren alle paar Sekunden, pausieren beim Darüberfahren und lassen sich über die Punkte direkt wählen.

01

AIP News jetzt abonnieren

Monatliche Einblicke zu Zinsen, Märkten und Vermögenssicherung.

→ Bestellung AIP News
02

Performance unserer Kunden

PDFs ab Mitte Januar, danach halbjährlich aktualisiert.

→ Performance-PDFs
03

Rente oder Kapital

Die wichtigste Finanzentscheidung vor der Pensionierung.

→ Blogbeitrag
04

Jetzt unabhängig beraten lassen

Persönlich, transparent und ohne Produktbindung.

→ Kontaktformular

Jeder Hinweis erhält ein Startdatum. Der Performance-Hinweis erscheint so automatisch Mitte Januar, ohne dass jemand daran denken muss.

Markensystem

Aus den AIP-Farben aufgebaut

Navy trägt Titel und Navigation, Gold ist für Handlungen und Akzente reserviert. So ist der nächste Schritt immer klar erkennbar.

Navy#1c314e
Hellblau#617a99
Gold#af985a
Sand#f1ede2
Grau#f5f5f5
Markenverlauf138°, 60% → 100%
Titel · Montserrat 300 / 900
Unabhängig und frei
Text · Montserrat 400–700 · fliessend 375 → 1300 px

Vermögensverwaltung, Anlage- und Finanzberatung, übersichtlich auf jedem Bildschirm.

Termin vereinbaren →Weitere News →
Hauptziel

Spürbar schneller laden

Der Neuaufbau ist die Gelegenheit, die Website schlank zu machen. Weniger Plugins, weniger Skripte, kleinere Bilder und ein Schweizer Server mit LiteSpeed.

Vorher: 55 aktive Plugins

Deutlich weniger Plugins

Impreza, WPBakery, LayerSlider, AWSM Team, Yoast mit drei Zusätzen und Ultimate Member fallen weg. Bricks liefert schlankes HTML ohne jQuery.

Vorher: Slider-Plugin und Icon-Bibliothek

Kein Ballast im Browser

Titelbild als reiner CSS-Slider, Team-Slider ohne Bibliothek, die wenigen Symbole direkt als SVG statt Font Awesome.

Vorher: grosse Bilder für alle Geräte

Bilder passend zum Gerät

WebP in Desktop- und Handy-Grösse. Das erste Titelbild lädt mit Vorrang, alles weiter unten erst beim Scrollen. Der Desktop-Slider lädt auf dem Handy gar nicht.

Vorher: Server in Deutschland

Alles aus der Schweiz

Montserrat selbst gehostet, vier Dateien mit rund 130 KB. Hosting bei Novatrend mit LiteSpeed und Seiten-Cache, Daten in der Schweiz.

Vor dem Start messen wir die heutige Startseite mit PageSpeed Insights und vergleichen nach dem Go-live mit denselben Messpunkten (LCP, CLS, INP, Seitengewicht).

Umsetzung

WordPress mit Bricks Builder

Das AIP-Team pflegt Personen, News, Finanzfragen und Hinweise in einfachen Formularen. Die Gestaltung übernehmen die Vorlagen.

Inhaltstypen

Ein Team für alle Ansichten

Jede Person wird einmal erfasst und erscheint je nach Schalter im Karussell, bei den Experten, auf der Teamseite oder bei den Mandatsträgern.

Felder

Ausfüllen statt gestalten

Funktion, Fachgebiet, Telefon, E-Mail und Porträt. Hinweise mit Titel, Text, Link und Startdatum.

Vorlagen

Ein Design pro Seitentyp

Gemeinsamer Kopf- und Fussbereich, Vorlagen für News, Finanzfragen und Team. Neue Inhalte brauchen keine Gestaltungsarbeit.

Technische Spezifikation

Inhaltstypen

  • mitarbeiter bleibt das Team-CPT und übernimmt AWSM Team und mandatstrager
  • Taxonomie personengruppe: Team, Verwaltungsrat, Partner, Mandatsträger
  • Anzeige-Schalter zeige_karussell, zeige_team, zeige_mandatstraeger
  • News als Beiträge, Kategorien AIP Monitor und AIP Expert
  • Finanzfragen über das eigene FAQ-Plugin

SCF-Felder

  • Team: vorname, name, funktion, einleitung, biografie, zitat, telefon, email, linkedin_link, youtube_link, reihenfolge
  • Bilder: bild_portrait (quadratisch), Freisteller gross für den Desktop-Slider, Freisteller 500 × 500 für den Mobil-Slider
  • Optionsseite hinweise (Repeater): Titel, Text, Link oder PDF, sichtbar_ab, sichtbar_bis
  • Bildgrössen per PHP registriert

Bricks

  • Header mit Overlay-Menü auf Mobil, Kundenlogin über das Schloss
  • Titelbild: CSS-Slider aus aip-bricks-framework.css, ohne JavaScript
  • Team: zwei Slider aus einer Query (ab 992 px gross, darunter quadratisch), Bilder mit loading="lazy", keine Slider-Bibliothek
  • Login und Registrierung über Gravity Forms mit User Registration
  • Geschützte Inhalte über Bricks-Bedingungen plus Rollenprüfung (vip_kunden) in PHP
  • SEOPress Pro statt Yoast, Weiterleitungen inklusive

Performance

  • Montserrat variabel, selbst gehostet, nur latin wird standardmässig geladen
  • Erstes Titelbild per preload mit fetchpriority="high", Handy-Varianten der Hero-Bilder
  • Symbole als Inline-SVG, kein Font-Awesome-Kit
  • LSCache auf LiteSpeed; eingeloggte Benutzer vom Cache ausgenommen
  • reCAPTCHA und Formular-Skripte nur auf Seiten mit Formular
  • Datenbank-Aufräumen (Autoload-Optionen, Altlasten) erst nach dem Neuaufbau