webdesign-Archiv - visual.addiction

Vom Excel-Verteiler zum durchsuchbaren Mitgliederverzeichnis

Cornelia Rammler — Sat, 14 Feb 2026 15:45:40 +0000

Vom Excel-Verteiler zum durchsuchbaren Mitgliederverzeichnis

Viele Verbände und Organisationen führen ihre Mitgliederverzeichnisse intern — oft als Excel-Datei, die bei Bedarf per E-Mail verschickt wird. Funktional, aber weder aktuell noch leicht zugänglich.

Auch beim Berufsverband der Kameraschwestern war das lange die Realität. Gesucht wurde daher keine „Website“, sondern eine Lösung, die die Mitglieder sichtbar und das Verzeichnis zentral, durchsuchbar und jederzeit verfügbar macht — für Produktionen, Kolleg:innen und internationale Anfragen gleichermaßen.

Die Kameraschwestern sind Kameraassistent:innen aus der Film- und Fernsehbranche — Menschen, die normalerweise hinter den Kulissen arbeiten.

Die neue Website bringt sie bewusst nach vorne: mit einem klar strukturierten, leicht durchsuchbaren Mitgliederverzeichnis als Herzstück der Seite.

Das zweite Ziel war eine kompakte Darstellung der Verbandsarbeit — informativ, aber ohne unnötige Textwüsten.

Design: Funktion vor Selbstdarstellung

Die Branche ist pragmatisch, direkt und wenig beeindruckt von visuellem Theater. Also auch keine Website, die versucht, wichtiger zu wirken als ihr Inhalt. Das Design ist bewusst reduziert, ruhig und präzise. Klare Typografie, viel Struktur, keine Spielereien. Eine Seite, die ihren Zweck erfüllt — und zwar sofort.

Ohne Kompromisse

Als Verein standen nur eingeschränkte Mittel zur Verfügung. Ziel war daher keine aufwendige Sonderlösung, sondern ein System, das langfristig funktioniert und eigenständig betreut werden kann.

Technisch umgesetzt wurde die Website mit WordPress und Elementor. Ergänzend erhielt der Verein ein Set maßgeschneiderter Bausteine, Layouts und Sektionen, mit denen Inhalte selbst erweitert werden können — ohne das Design zu zerlegen.

So bleibt die Seite konsistent, auch wenn mehrere Personen daran arbeiten.

Mitgliederverzeichnis: Entwickelt für den realen Einsatz

Im Zentrum der Website steht ein bewusst schlank gehaltenes Mitgliederverzeichnis, das sich an der tatsächlichen Arbeitsweise der Branche orientiert. Gesucht wird hier nicht in Ruhe und mit vollständigen Daten, sondern oft unter Zeitdruck — mit fragmentarischen Informationen oder nur einem bekannten Spitznamen.

Entsprechend kombiniert das Verzeichnis mehrere einfache, aber wirkungsvolle Funktionen: eine Filtermöglichkeit nach Berufsbezeichnung, eine alphabetische Sortierung sowie eine Volltextsuche, die sowohl offizielle Namen als auch in der Branche gebräuchliche Spitznamen berücksichtigt.

Die Oberfläche bleibt dabei bewusst reduziert. Statt komplexer Optionen steht eine schnelle Orientierung im Vordergrund — mit dem Ziel, die passende Person in wenigen Sekunden zu finden, auch mobil oder direkt vom Set aus.

Zweisprachig von Anfang an

Die Filmbranche ist international. Deshalb wurde die Website direkt zweisprachig (Deutsch/Englisch) aufgebaut, mit identischer Struktur und Nutzerführung in beiden Versionen.

Der Beitrag Vom Excel-Verteiler zum durchsuchbaren Mitgliederverzeichnis erschien zuerst auf visual.addiction.

Sataya Webdesign

Cornelia Rammler — Sat, 11 Nov 2023 00:27:38 +0000

Yoga & Delfine - Webdesign & -entwicklung

Sataya Energy ist kein gewöhnliches Retreat. Es findet auf einem Boot inmitten des ägyptischen Ozeans statt und bietet bezaubernde Begegnungen mit Delfinen.

Stellen Sie sich vor, Sie wären in einer Oase der Ruhe, weit weg von der Hektik des Alltags, wo Sie entspannen, meditieren, Yoga praktizieren und neben diesen großartigen Kreaturen schwimmen können. Das ist das Sataya Energy Retreat!

KUNDE

HM Tauchsafaris, Projekt Sataya Energy

ROLLE

Art Direction, Webdesign, Projektmanagment, Webentwicklung

ERGEBNIS

Website

Ziel

Die Website für Sataya Energy hat zwei Hauptziele. Erstens geht es darum, die Essenz und die lebendige Energie des Retreats einzufangen und zu vermitteln.

Zweitens muss die Website technisch so aufgebaut sein, dass meine Kundin mühelos und ohne Programmierkenntnisse selbst zusätzliche Seiten erstellen kann. Um dies zu ermöglichen werden Module und Sektionen als Vorlagen in WordPress mit Elementor gespeichert und der Kundin zur Verfügung gestellt.

Vorgehen

Als Grundlage für dieses Projekt dienen wie immer ein umfassendes Briefing und ein tiefes Verständnis des Unternehmens, seiner Ziele und der Menschen dahinter. Aufgrund meiner langjährigen Beziehung zur Kundin verstand ich sofort die Geschichte, die sie vermitteln wollte.

Um eine ruhige und schwebende Atmosphäre zu schaffen, habe ich beruhigende Delfinvideos im Header eingefügt, sanfte Farben verwendet und einen minimalistischen Ansatz gewählt. Das Design ist bewusst einfach gehalten, damit die Kundin im nächsten Schritt anhand der vorgegebenen Module selbst weitere Seiten in WordPress individuell zusammenstellen kann.

Ergebnis

Die Lösung besteht darin, eine responsive Website mit WordPress und Elementor zu entwickeln. Um die zukünftige Seitenerstellung zu vereinfachen, haben wir Abschnitte und Elemente als Vorlagen gespeichert, damit meine Kundin problemlos weitere Seiten erstellen kann.

Dieser Ansatz bietet Flexibilität und Benutzerfreundlichkeit und ermöglicht eine mühelose Erweiterung und Anpassung der Website nach Bedarf.

Durch diese Vorgehensweise lassen sich natürlich auch Entwicklungskosten einsparen.

Der Beitrag Sataya Webdesign erschien zuerst auf visual.addiction.

Webdesign ExpertSkills

Cornelia Rammler — Thu, 12 Oct 2023 00:34:33 +0000

Webdesign für EXPERTskills

EXPERTskills bietet ein umfassendes Angebot an Nachrichten und Schulungen im Finanzbereich. Sie richten sich an Fachleute in der Finanzbranche und bieten wertvolle Ressourcen zur Weiterbildung.

In Zusammenarbeit mit meinem Kollegen David Maucher, der ein großartiger WordPress-Entwickler ist, entwickeln wir eine neue, moderne Website. Meine Aufgabe im Projekt ist das Design der neuen Website für EXPERTskills.

KUNDE

EXPERTskills

ROLLE

Webdesign

ERGEBNIS

Webdesign, Adobe XD Datei

Ziel

Das Hauptziel der neuen Website besteht darin, eine moderne, professionelle und benutzerfreundliche Plattform zu schaffen.

Da Schulungsangebote und Neuigkeiten zentrale Bestandteile sind, ist es entscheidend, eine einfache Navigation und Zugänglichkeit zu gewährleisten.

EXPERTskills hat eine klare Vision für die Website-Struktur und unser Ziel ist es, diese Vision zum Leben zu erwecken.

Vorgehen

Der Webdesign-Prozess beginnt mit einem ausführlichen Briefing und einem gründlichen Verständnis der gewünschten Website-Struktur.

Das Design soll schlank, modern und übersichtlich sein und die Inhalte leicht zugänglich und auffindbar machen. Wenig Schnick-schnack und klare Linien stehen im Vordergrund.

Im ersten Schritt designe ich immer die Startseite in der Desktopansicht, welche dann dem Kunden vorgelegt wird. Ist diese abgenommen, werden alle weiteren Seiten gestaltet. Dieser Prozess hat sich bewährt und stellt eine zügige Fertigstellung sicher.

Sind alle Desktopansichten erledigt, werden die responsiven Varianten für Tablet und Smartphone erstellt.

Bei allen Schritten arbeite ich eng mit dem Kunden zusammen.

Ergebnis

Das Endergebnis ist eine benutzerfreundliches und übersichtliches Webdesign. Der Schwerpunkt auf Einfachheit und Funktionalität sorgt für ein reibungsloses und ansprechendes Benutzererlebnis.

Mein Teil des Projektes endet hier mit der Übergabe der Designdateien an meinen Kollegen David Maucher, der sich um die technische Umsetzung kümmert. Auf diese Weise sind bereits viele großartige Projekte entstanden.

Der Beitrag Webdesign ExpertSkills erschien zuerst auf visual.addiction.

Brows & Brows Website

Cornelia Rammler — Mon, 07 Aug 2023 16:09:28 +0000

Website für ein Microblading Studio

Die Website von Brows & Brows ist ein integraler Bestandteil des gesamten Markenauftritts. Im ersten Schritt habe ich ein Markendesign entwickelt, das alle relevanten Designelemente für die Marke festlegte.

Die Website dient als Plattform zur Präsentation der Marke und ist außerdem ein entscheidender Bestandteil der User Journey, da sie über die Hubspot-Integration Terminbuchungen ermöglicht.

KUNDE

Brows & Brows

ROLLE

Art Direction, Branddesign, Webdesign, Projektmanagment

ERGEBNIS

Branding, Website

Ziel

Ziel ist, eine hochmoderne, luxuriöse Website für ein brandneues Microblading-Atelier in Zürich zu erstellen. Die Website muss benutzerfreundlich sein und legt einen starken Schwerpunkt auf die mobile Nutzung, da die Zielgruppe hauptsächlich mobil unterwegs ist.

Die Website wurde von mir designed und in Zusammenarbeit mit meinem Team entwickelt. Neben dem luxuriösen Design ist die nahtlose Anbindung an ein Buchungssystem für die Vereinbarung von Microbladingterminen von besonderer Bedeutung.

Vorgehen

Das Projekt begann mit dem Aufbau der Marke, einschließlich einer Zielgruppen-Recherche. Die Designentscheidungen wurden durch die Analyse der Benutzerpräferenzen und der gewünschten Eigenschaften der Marke getroffen.

Durch die Entwicklung des Markendesigns wurden bereits im Vorfeld viele Komponenten für das Webdesign festgelegt. Wie üblich entsteht im ersten Schritt die Startseite und nach Abnahme des Designs alle weiteren Seiten und die responsiven Varianten. In diesem Fall wurde in allen Designschritten die mobile Nutzung mitgedacht.

Nach Abnahme des Designs erfolgt die technische Entwicklung auf Basis von WordPress. Für die Integration des Buchungssystems kommt Hubspot zum Einsatz.

Umfangreiche Tests schließen den Prozess ab.

Ergebnis

Das Ergebnis ist eine urbane und luxuriöse Website, die ein nahtloses Benutzererlebnis auf allen Geräten bietet. Das Design schafft ein Gleichgewicht zwischen Eleganz und Einfachheit und stellt sicher, dass Besucher leicht durch die Inhalte navigieren und online Termine buchen können.

Die Verwendung hochwertiger Grafiken und sorgfältig ausgewählter Typografie verbessert die Gesamtästhetik und schafft ein Gefühl von Luxus und Raffinesse.

Das mobil-responsive Design garantiert, dass die Website auf Smartphones und Tablets einwandfrei aussieht und funktioniert und so dem mobilen Lebensstil der Zielgruppe gerecht wird.

Der Beitrag Brows & Brows Website erschien zuerst auf visual.addiction.