Der Startpunkt: Eine kreative Vision

Katharina Schäfer ist Textildesignerin mit einem klaren Ziel: Sie möchte ihre Entwürfe in einem professionellen Online-Portfolio präsentieren, um sie mit potenziellen Auftraggebern unkompliziert teilen zu können. In PDF-Form per E-Mail ist das sehr umständlich, da die Dateigröße zu riesig ist und das Format zudem unflexibel. Es braucht eine smarte Lösung – und diese Herausforderung gehen wir gerne gemeinsam an.

Die Idee: Klare Ziele, einfache Ästhetik

Wir haben bereits für ein anderes Thema gemeinsam ein erfolgreiches Website-Projekt durchgeführt, daher ist der Einstieg denkbar unkompliziert. Die Kundin bringt zum ersten Termin schon Ideen für Texte und Farben mit und formuliert eine klare Vorstellung: Das Online-Portfolio soll ihre Entwürfe ansprechend inszenieren. Die Gestaltung wird daher eher minimalistisch sein, um den Inhalten nicht die Show zu stehlen.

Zusammen entwickeln wir ein Konzept. Als Startpunkt dient uns dabei eine Beispiel-Website, die bereits ähnliche Kriterien erfüllt und die wir am Ende des Tages einfach auf die Anforderungen von Katharina Schäfer adaptieren.

Der Entstehungsprozess: Farben, Schriften und ein Slogan

Die Umsetzung startet mit der Recherche nach passenden Schriften, verbunden mit der Gestaltung eines einfachen Logos für den Header.

Die Schrift soll schnörkellos und schlicht sein, um nicht von den Entwürfen abzulenken. Ebenso soll die gesamte Gestaltung dezent und edel wirken. Wir entscheiden uns für einen leichten Türkiston als Hintergrund, darauf weiße und graue Schrift. Dies sorgt für eine ruhige und wertige Anmutung.

Inhaltlich legen wir den Fokus auf Klarheit. Dazu gehört auch, auf blumige Formulierungen und unnötige Anglizismen, wo es geht zu verzichten. Der Slogan, der dabei entsteht und den Weg ins Logo findet, lautet: „textil · design · visionen“.

Der Ansatz „keep it simple“ spiegelt sich auch im Domainnamen wider. Wir entscheiden uns, einfach den eigenen Namen zu verwenden, der als Umlaut-Domain noch verfügbar ist.

Die Zusammenarbeit: Flexibel und persönlich

Durch regelmäßige Updates per Telefon und Messenger sowie eine Schulung vor Ort schaffen wir eine entspannte, effiziente und gleichzeitig inspirierende Zusammenarbeit, die sich in einem gelungenen Ergebnis widerspiegelt.

Das Portfolio setzt die Werke von Katharina Schäfer professionell in Szene und lässt sich sowohl mobil als auch am großen Bildschirm einfach teilen und betrachten.

Kundenfeedback:

Die Zusammenarbeit fand ich sehr inspirierend, dynamisch und zielführend. Es war sehr unkompliziert, effektiv ein sehr schönes Ergebnis zu bekommen. Besonders hilfreich fand ich, dass du meine Ideen und Wünsche sofort verstanden und proaktiv umgesetzt hast. Ich bin sehr glücklich mit dem Ergebnis. Eigene Änderungen lassen sich intuitiv umsetzen und dein Support ist immer zuverlässig und schnell. Ich danke dir für dieses tolle Projekt und freue mich auf die Weiterentwicklung dessen.

Katharina Schäfer, Textildesignerin

Das Projekt im Web:

https://www.katharinaschäfer.de/

Bahnberatung bedeutet, das Wissen aus unterschiedlichsten Fachdisziplinen zielgerichtet bereitzustellen, so dass am Ende das beste Ergebnis herauskommt. Informationsdesign macht im Grunde dasselbe. Beste Voraussetzungen also für eine äußerst produktive Zusammenarbeit!

Alles beginnt mit einem Platzhalter

Zu Beginn steht eine Platzhalterseite, die der Inhaber Ralf Rotermund selbst erstellt hat. Wir besprechen in einem ersten Treffen das Wesen und den Charakter der Bahnberatung, und arbeiten die Merkmale der Gestaltung heraus.

Der Design-Entwurf soll Zuverlässigkeit und Kompetenz widerspiegeln, daneben aber auch Soft Skills wie Kommunikationsstärke hervorheben – garniert mit einer gewissen Prise Humor. Auf Wunsch des Kunden greifen wir die Farbgebung des Platzhalters mit den Hauptfarben hellblau und weiß auf.

Aus dem Bildmaterial, das wir Verfügung gestellt bekommen, wählen wir passende Motive aus und platzieren sie im Entwurf. Besonders ist dabei, dass wir bewusst nur kleine Ausschnitte aus den Bildern zeigen, um metaphorisch den Blick fürs Detail darzustellen. Ganz praktisch gesehen helfen Bilder auch dabei, die Gestaltung aufzulockern und die Gesamtwirkung attraktiver zu machen.

Eine Prise Fahrplan in der Navigation

Für die humorvolle Komponente schaffen wir in der Hauptnavigation einen außergewöhnlichen Blickfang, denn die einzelnen Menüpunkte stellen wir ähnlich wie in einem Fahrplanaushang als Perlenschnur dar. Der jeweils ausgewählte Menüpunkt ist dabei farblich hinterlegt.

Das finale Design bauen wir als responsive WordPress-Seite in Form eines One-Pagers auf. Der Kunde liefert uns sehr viele Informationen und unsere Aufgabe ist es, diese stimmig und übersichtlich aufzubereiten. Zum Einsatz kommen dabei bewährte Elemente wie klappbare Listen, Tabellen und Symbole. Die gesamte Gestaltung wird so optimiert, dass alle verwendeten Elemente auch auf kleinen Bildschirmen – wie etwa am Smartphone – gut bedienbar sind.

Nachdem die Seite mit den Inhalten bestückt ist, werden jene sukzessive gekürzt, vereinfacht und stimmig angeordnet. Weiterhin erfolgen technische Optimierungen und ein letzter Feinschliff an der Gestaltung, dann wird die neue Website endlich „aufgegleist“, also live geschaltet.

Das WordPress-System ist darauf ausgelegt, dass der Kunde die Inhalte bei Bedarf eigenständig bearbeiten und erweitern kann – wobei wir natürlich auch künftig bei allen Fragen jederzeit zur Verfügung stehen. Die Zusammenarbeit im Website-Projekt hat allen Beteiligten sehr viel Freude bereitet und das Ergebnis kann sich sehen lassen!

Kundenfeedback:

Mit Nils Schaffernicht kann ich meinen Entwurf für meine Internetpräsenz perfekt ausarbeiten. Er versteht, wie meine Ideen umgesetzt werden sollen.

In regelmäßigen Treffen sowohl persönlich als auch über Online-Treffen gestalten wir erfolgreich meine Internetpräsenz. Seine große Geduld unterstützt die Entwicklung meiner Seite.

Besonders angenehm empfinde ich, dass mir Nils Schaffernicht unausgesprochen vor den Treffen neue Entwürfe schickt, die gut zu meinen Vorstellungen passen. Gerade die optische Darstellung und insbesondere der Verzicht auf technischen Schnickschnack sind sehr gelungen.

Ralf Rotermund, Inhaber Bahnberatung Rotermund

Das Projekt im Web:

https://www.bahnberatung-rotermund.de/

Wie gelangt man von der Idee bis zur fertigen Corporate Identity? Bei einem ersten Kennenlerntermin besprechen wir zunächst den Bedarf und kümmern uns anschließend um die grundlegenden Fragen: Wie soll es sich anfühlen? Was ist die Kernaussage?

Es folgen weitere Termine, bei denen wir uns mit sämtlichen Details befassen: Was soll auf die Website, wie sieht die Bildwelt aus, wie verknüpfen wir Professionalität mit Leichtigkeit und wie lassen sich verschiedenste und vor allem zahlreiche Interessen, Talente, Leistungen und Kompetenzen so aufbereiten, dass man davon nicht komplett erschlagen wird?

Strukturieren heißt das Zauberwort. Ausgehend von der Sitemap der Website schaffen wir Klarheit und sorgen in einem iterativen Prozess dafür, dass am Ende alle Leistungen sinnvoll gegliedert, selbsterklärend und dennoch umfassend aufgeführt sind. In den regelmäßigen Video-Meetings sprudelt förmlich die Kreativität und durch vielfältige Impulse ergeben sich zahlreiche Aha-Momente und ungeahnte Erkenntnisse – was auch dazu führt, dass sich unsere Sitzungen zu einem regelrechten Highlight innerhalb der Arbeitswoche entwickeln.

Startseite: Der erste Eindruck zählt

Die Startseite als Einstiegspunkt steht bei uns besonders im Fokus. Hier soll vom ersten Moment klar werden, dass man sich an der richtigen Adresse befindet. Wir nutzen hierfür eine Vorschaltseite mit einem ausdrucksstarken Bildmotiv, das einen direkten persönlichen Bezug zu unserer Kundin hat. Das Foto wird so inszeniert, dass man als Betrachter unmittelbar die Botschaft erfasst.

Der Slogan, den wir passend zum Bild ersinnen, lautet „Organisation und Entwicklung – für Menschen und Unternehmen“. Darin spiegelt sich der ganzheitliche Ansatz unserer Kundin wider, der sich von der persönlichen Entwicklung einzelner Individuen bis hin zu komplexen Strukturen und Abläufen auf Unternehmensebene erstreckt. All das wird konsequent zusammen gedacht und in Bezug zueinander gesetzt.

Bausteine des Corporate Designs

Passend dazu entwickeln wir die einzelnen Bausteine des Corporate Designs, die einerseits schon für sich das Unternehmen repräsentieren und andererseits auch nahtlos ineinandergreifen.

1. Firmenlogo: Ein prägnantes Logo, das die Initialen der Inhaberin als organisches Element in einen runden Schriftzug integriert, welcher Ordnung und Struktur vermittelt. Es bleibt dabei aber Raum für Offenheit und die namensgebende Entwicklung.
2. Website: Die Website-Gestaltung wirkt ansprechend, obwohl sie bewusst sehr schlicht gehalten ist. Eine übersichtliche Struktur ermöglicht es Besucher*innen, sich sehr einfach zurechtzufinden. Die notwendige Gliederung der Inhalte erreichen wir unter anderem mit ausklappbaren Listen und interaktiven Grafiken. Die enorme Fülle an bereitgestellten Informationen zu unterschiedlichsten Themen wird dadurch zugänglich.
3. Bildkonzept: Eine ausgewogene Mischung aus Menschlichkeit und Professionalität, um die Kernwerte des Unternehmens zu unterstreichen.
4. Visitenkarten: Die Vorderseite der Karten trägt lediglich das prägnante Logo und steht damit für einen selbstbewussten Markenauftritt. Die Rückseite enthält alle notwendigen Kontaktinformationen.
5. Briefpapier: Hochwertiges Briefpapier, das die Seriosität von JS-Organisationsentwicklung unterstreicht.
6. E-Mail-Signatur: Eine klare und professionelle Signatur für die geschäftliche Kommunikation.

Ausflug in die Tierwelt

Abseits aller professionellen Gestaltung betrachten wir auch einen spielerischen Aspekt:
Unsere Kundin hat drei Tiere entwickelt, die sie als auflockerndes Element in ihren Präsentationen einsetzt, um verschiedene Perspektiven zu verdeutlichen: Die Ameise, den Fuchs und den Adler.

Unsere Aufgabe ist die grafische Umsetzung der drei Charaktere, so dass die Tiere als auflockerndes Element mit Wiedererkennungswert zum Einsatz kommen können. Jedes Tier hat einen Charakter, der einer Funktion im Unternehmen zugeordnet ist. Der Adler steht für den Überblick und die Ameise für einzelne Arbeitsschritte. Der Fuchs wiederum verkörpert Strukturen und Abläufe innerhalb einer Abteilung.

Die Website wird von uns initial mit Inhalten bestückt und von der Kundin selbst aktualisiert. Das gesamte Projekt fühlt sich für uns wie eine spannende Reise an und wir freuen uns schon auf die weitere Entwicklung.

Kundenfeedback zur Website-Erstellung:

Über mehrere Monate erstellte Nils Schaffernicht für mein neu gegründetes Unternehmen eine Internetpräsenz. Die Zusammenarbeit mit ihm war in gleichem Maße angenehm wie professionell und flexibel. Durch regelmäßige Online-Meetings konnten wir effizient kommunizieren und gemeinsam getroffene Vereinbarungen schnell und verlässlich umsetzen.

Nils Schaffernicht hat sich viel Zeit genommen, um meine Anforderungen zu verstehen und umzusetzen. Wir haben dabei gemeinsam Lösungen gefunden, die perfekt für meine Bedürfnisse passen und hatten auch noch Spaß dabei.

Mit dem Ergebnis bin ich sehr zufrieden. Die Website ist funktional, benutzerfreundlich und widerspiegelt auch graphisch die Vision meines Unternehmens.

Ich würde Nils definitiv weiterempfehlen und freue mich auf zukünftige Projekte mit ihm.

Jana Schleske, Geschäftsführerin JS-Organisationsentwicklung UG

Das Projekt im Web:

https://js-organisationsentwicklung.de/

Die menschliche Seite der IT

Unsere erste Herausforderung ist es, eine Bildsprache zu finden, die gleichermaßen ansprechend, seriös und menschlich ist, ohne zu sehr die Technik aus den Augen zu verlieren und auch den Nerds und Faktenmenschen eine Heimat sowie Orientierung zu bieten.

Das hervorragende Arbeitsklima bei der COMLINE soll ebenso dargestellt werden, wie die herausragende Kompetenz in Sachen IT, von der Hardware über maßgeschneiderte Software-Lösungen bis hin zum kompletten IT-Outsourcing bzw. Carve-Out, Hosting, Cloud-Anwendungen, Security und nicht zuletzt Beratung an elf Standorten in ganz Deutschland.

Unsere Lösung hierzu ist eine Kombination aus runden Visuals, die für die Menschlichkeit stehen, kombiniert mit einer klaren Gestaltung und einer technischen Anmutung, die subtil über die Wahl der Header-Motive transportiert wird.

Übersichtsseiten mit Kacheln bieten einen schnellen Einblick in die Themen, in die man ganz nach Bedarf tiefer einsteigen kann. Faktenboxen am rechten Rand lockern nicht nur auf, sondern bieten auch einen komprimierten Überblick zu den Kernaussagen. Die Orientierung muss am Smartphone natürlich ebenso gut funktionieren wie am großen Bildschirm.

Eine greifbare Seitenstruktur

Nächste Baustelle ist die Struktur der neuen Website. Die Vorgabe ist, möglichst mit einer Haupt- und Unternavigation alles abzubilden. Allerdings ist es gar nicht so einfach, die Vielzahl an Leistungen stimmig zu gruppieren. Wichtig war uns, dass auf den ersten Blick die zentralen Leistungen sichtbar sind und einen „hier bin ich richtig“ – Moment auslösen.

Das Gefühl von „hier bin ich richtig“ spielt auch im sogenannten Hero-Bereich eine herausragende Rolle. Dieses unterstreichen wir hier mit der Botschaft „Wir stellen Ihre IT sicher.“

Kompetenz widerspiegeln

Bei vielen Unternehmen kommt in der Selbstdarstellung die Sicht der Kunden zu kurz und die eigene Kompetenz wird nur unzureichend vermittelt. Wir legen daher großen Wert auf die Platzierung von Zertifikaten und Kundenstimmen, da diese als Trust-Elemente eine strategische Rolle spielen, um Interessent:innen zu Kunden zu machen. Weiterhin spielt auch hierfür die Navigation wieder eine zentrale Rolle, weil sie die Bandbreite der Leistungen übersichtlich darstellt.

Im Konzept spielt auch der Bereich Nachhaltigkeit eine zentrale Rolle. Wir schaffen dafür einen eigenen Bereich in der Rubrik „Über uns“ und verweisen aus dem Footer und im Hero-Bereich mit einem kleinen runden Button darauf. Ein anderer strategischer Bereich ist das Thema „Karriere“. In dieser Rubrik entscheiden wir uns bewusst für eine abweichende Gestaltung um dem menschlichen Aspekt mehr Freiraum zu bieten. Offenheit und Wertschätzung sollen transportiert werden, wobei sich das Ganze aber dennoch in das Gesamtbild der Website harmonisch einfügt.

Flexible Lösungen

Die neue Website von COMLINE SE ist von vorneherein darauf angelegt, dass die hauseigene Marketing-Abteilung sie eigenständig pflegen kann. Die Grundstruktur ist insofern fix, als sich zum Beispiel die Header jeder Seite an der übergeordneten Rubrik orientieren. Auf Ebene der weiterführenden Informationen gibt es fertige Bausteine, die nach Bedarf eingefügt werden können. Dabei besteht sowohl die Möglichkeit, zentral gepflegte globale Objekte zu nutzen, die sich automatisch aktualisieren, als auch solche, die sich individuell anpassen lassen.

Zu den Highlights zählen hier die Spam-geschützten Kontaktformulare, die an die jeweils auf der Seite aufgeführten Ansprechpartner übermittelt werden sowie die oben bereits erwähnten Trist-Elemente wie Kundenstimmen und Zertifikate, die themenspezifisch den Gesamteindruck der Kunden abrunden.

Ein Launch auf den Punkt.

Obwohl zwischenzeitlich der Ansprechpartner im Projekt wechselt, halten wir den angepeilten Launch-Termin wochengenau ein. Hilfreich hierbei ist neben unserer Routine in Web-Projekten vor allem die partnerschaftliche und agile Kommunikation aller Beteiligten auf Augenhöhe – und nicht zuletzt der gemeinsame Wille, das Projekt zügig zu Ende und damit die neue Website an den Start zu bringen.

Kundenfeedback:

Die Zusammenarbeit war sehr partnerschaftlich. Gerade bei einem solchen Thema einer neuen Webseite, wo viele Stakeholder zusammen zu bringen sind, brauchte es einen Dienstleister, der flexibel und schnell reagiert hat und für die Anforderungen immer eine Lösung gefunden hat. [Besonders hilfreich fanden wir die] kurzfristige Verfügbarkeit und Umsetzung, [sowie] schnelles und verbindliches Feedback. Die Webseite entspricht genau unseren Vorstellungen. Es hat ein strukturiertes Menü, das bei Änderungen problemlos ergänzt und angepasst werden kann. Wir wollten keinen technischen Schnickschnack, sondern in die Lage versetzt werden, nach dem Relaunch die Seite mit eigenen Mitteln zu aktualisieren.

Carsten Marquardt, Mitglied der Geschäftsleitung und Prokurist, COMLINE SE 

Das Projekt im Web:

https://www.comline-se.de/

Die Gestaltung – Schlicht, aber ansprechend

Grundgedanke bei der Gestaltung der Plattform ist die Idee, den Menschen in den Mittelpunkt zu stellen. Daher spielt die Auswahl passender Bildmotive eine zentrale Rolle. Vier Branchen sollen optisch auf den ersten Blick erkennbar sein: Kaufmännische Berufe, Lager/Logistik, Produktion sowie Gesundheit und Medizin. Als Blickfang auf der Startseite motiviert eine sympathische Frau zur Suche nach Jobs. Passende Icons sorgen für Auflockerung bei Aufzählungen. Außerdem werden Informationen für Bewerber, Unternehmen sowie zu Schulungen präsentiert.

Die Suche – Funktional

Das Herzstück der Job-Plattform ist die Suche nach Jobs. Als Grundlage verwenden wir das WordPress-Plugins „Jobs for WordPress“. Es bietet die volle Funktionalität und ist auf den Standard „Google for Jobs“ optimiert, was zunächst suchmaschinentechnisch Vorteile bietet, aber grundlegend auch den Import und Export mit anderen Plattformen vereinfacht. Zudem können Bewerbungen direkt über die Plattform eingereicht werden, inkl. Upload von Dokumenten.

Fazit

Die Jobplattform bietet eine umfangreiche Funktionalität, von der Suche nach Jobs über Bewerbungsfunktion bis hin zum Download von Job-Angeboten im PDF-Format. Außerdem werden Schulungsangebote und Infos für die verschiedenen Zielgruppen dargestellt – und das alles in einem ansprechenden Rahmen.

Das Projekt im Web:

https://kas-personal.de/

Korsika tickt anders als Stuttgart. Heike Ludwig lebt seit dem Herbst 2021 auf der französischen Insel und betreibt dort ihr Büro für visuelle Kommunikation. Um lokal Kunden zu gewinnen, hat sie den Namen “dabuja conception graphique” entwickelt. Der bisherige Name „endstufe Konzeption & Gestaltung“ wäre für den französischen Markt komplett untauglich.

Doch der Name ist nicht die einzige Änderung: Der deutsche Webauftritt ist sehr detailliert und eben nur auf Deutsch vorhanden. Für den korsischen Markt entwickeln wir daher ein eigenständiges Konzept.

Vom Logo zum Webauftritt

Am Anfang steht ein spielerisches Logo. Darauf aufbauend konzipieren wir eine Webpräsenz, die sich schnell und leicht umsetzen lässt und außerdem an die Gegebenheiten vor Ort angepasst ist. Einfach gehalten, auf den Punkt gebracht, funktional und ohne große technische Spielereien. Eine solide Seite, die das grafische Portfolio und die relevanten Leistungen für die Zielgruppe in Korsika übersichtlich darstellt.

Unsere Kommunikation verläuft gewohnt einfach. Auch wenn wir auf zwei verschiedenen Kontinenten in unterschiedlichen Zeitzonen sitzen – der Programmierer in Buenos Aires und die Grafikerin auf Korsika – gestaltet sich die Zusammenarbeit dank digitaler Tools und bewährter Kommunikationsmedien äußerst routiniert und völlig unkompliziert.

WordPress-Schulung inklusive

Neben dem eigentlichen Aufbau der Seite führen wir eine Schulung im Umgang mit WordPress durch, so dass Heike die Website-Inhalte nicht nur selbst einstellen kann, sondern auch künftig in der Lage sein wird, eigenständig Material auszutauschen oder zu ergänzen.

Die neue Seite braucht vom ersten Entwurf bis zur Livestellung keine zwei Wochen – was natürlich auch daran liegt, dass das Material im Wesentlichen von der deutschen Seite übernommen werden kann.

Neben der obligatorischen responsiven Gestaltung und Mobiltauglichkeit besticht die neue Seite durch ihre Reduzierung auf das Wesentliche. Perfekt geeignet für die beiden Hauptzwecke: Einen ersten Überblick über das Portfolio zu verschaffen und die Kontaktdaten bereitzustellen.

Wir freuen uns schon auf weitere gemeinsame Projekte in unserer virtuellen Bürogemeinschaft.

Das Projekt im Web:

https://www.dabuja.eu/

Die Grundschule Burgholzhof ist eine Quartiersschule im Stuttgarter Norden mit familiärer Atmosphäre. Jeder kennt jeden und es wird ein entspannter Umgang miteinander gepflegt. Die Kommunikation mit den Eltern läuft weitgehend auf dem traditionellen Weg, sei es im direkten Kontakt, per Telefon oder E-Mail.

Im Verlauf der Corona-Pandemie 2020 entwickelt sich die Lage immer dynamischer, so dass sich die Randbedingungen sehr häufig ändern. Jetzt wäre es hilfreich, wenn Informationen zentral bereitgestellt werden könnten. Leider ist die Schul-Homepage seit Jahren wegen technischer Fehler außer Betrieb.

Der Einstieg: Schnell und unkompliziert.

Die Lösung ist aber nicht weit entfernt: Schulleiterin Inga von Zabern hat über einen Kollegen den Kontakt zu Nils Schaffernicht erhalten. Bereits wenige Tage nach der ersten Abstimmung per E-Mail folgt das erste Telefonat – und noch am selben Vormittag das erste persönliche Treffen vor Ort. Kurze Wege und eine unkomplizierte Haltung auf beiden Seiten machen es möglich!

Beim Kick-Off-Termin in der Schule kommt trotz Maskenpflicht und Abstandsregeln gleich eine herzliche Atmosphäre auf. So sind die Eckpunkte Budget, Inhalt und Termine schnell besprochen und wir nutzen die Gelegenheit für ein strukturiertes Gespräch, um den Charakter der Schule herauszuarbeiten und typische Merkmale zu definieren. Diese Aspekte spielen für die treffende Gestaltung der Website eine entscheidende Rolle.

Ausgestattet mit den notwendigen Informationen und den Zugangsdaten zum Webserver machen wir uns an die Arbeit. Von der Schule erhalten wir bereits einen Grundstock an Bildmaterial.

Heike Ludwig sichtet das Material und entwickelt anhand der Stichwörter aus dem Briefing einen grafischen Entwurf. Das Design soll bewusst schlicht gehalten sein, aber mit einer spielerischen Komponente, welche die Vielfalt, Kreativität und Lebensfreude an dieser Grundschule vermittelt.

Das Webdesign: Trifft ins Schwarze.

Auf unsere Frage nach einem Logo schickt uns die Schule das Bild eines Turms mit Gesicht im Comic-Stil, den wir als Wiedererkennungsmerkmal in das Design integrieren. Die Gestaltung wird damit so stimmig und gelungen, dass wir bereits drei Wochen nach dem ersten Treffen einen ausgereiften Entwurf präsentieren können.

Die Beteiligten an der Schule sind sehr angetan von der Gestaltung, so dass wir letztlich nur noch ein wenig die Farben anpassen müssen, um diesen Part abzuschließen.

Im nächsten Schritt programmiert Nils Schaffernicht die Website in WordPress und richtet die gewünschten Funktionalitäten ein. Neben einer Einstiegsseite, auf der sich aktuelle Themen finden, wird auch ein Kalender eingebaut, so dass künftig Termine auf einen Blick erkennbar sind. Die Gestaltung ist responsiv, passt sich also flexibel an verschiedene Bildschirmgrößen an. Es kann sogar bei Bildern der Ausschnitt gewählt werden, welcher in jedem Fall sichtbar sein soll, falls die Bildgröße einmal sehr schmal oder sehr hoch ist.

Die Schule liefert währenddessen sukzessive die Inhalte. Aus Gründen der Effizienz nehmen wir im Zuge des Aufbaus auch die Grundbestückung mit Inhalten vor. Die eigentliche Pflege der Website will die Schule aber selbst organisieren. So treffen wir uns zur Übergabe des Projektes noch einmal an der Schule, um in einem gemeinsamen Workshop die Bedienung des Content-Management-Systems in der Praxis zu üben und grundsätzliche Fragen dazu zu klären.

Die beteiligten Lehrer*innen finden sich sehr schnell mit der WordPress-Oberfläche zurecht und sind hochmotiviert, die Website auch künftig auf dem neusten Stand zu halten. Hilfreich bei diesem Unterfangen ist sicher der Umstand, dass sowohl für das Bildmaterial und die Texte als auch für den Umgang mit Online-Plattformen versierte und engagierte Kolleg*innen in der Lehrerschaft bereitstehen. Dadurch, dass die Website schlank ist und sich die Aufgabe auf mehrere Schultern verteilt, bleibt der Aufwand mit der Pflege sicher auch gut überschaubar.

Das Ergebnis: Ein stimmiger Auftritt!

Das Ergebnis ist eine maßgeschneiderte Homepage, welche die Schule adäquat repräsentiert und eigenständig inhaltlich betreut werden kann. Sowohl den Projektverlauf als auch das Resultat beurteilen alle Beteiligten als äußerst gelungen, wie das nachstehende Feedback der Schule zeigt.

Feedback der Schule

Wir sind sehr zufrieden mit der Homepage….nur positive Rückmeldungen [..] seitens des Restkollegiums. Die Zusammenarbeit war sehr unkompliziert. Vor allen Dingen war es toll, dass ein erstes Treffen sehr schnell und zeitnah zustande kam.

In der Besprechung kamen wir schnell zu einem Konsens… Ihr Brainstorming-Konzept war hierfür sehr hilfreich. Bei auftretenden Problemen/ Fragen, waren für uns Ihre sofortigen Rückmeldungen per Email oder telefonisch sehr hilfreich und immer lösungsorientiert… [Die] Einführung der Kollegen in die Homepagebedienung war wirklich hilfreich und gut.

Insgesamt:
Unsere Schule war mehr als zufrieden ….und wir sind froh so schnell und unkompliziert eine neue Homepage endlich an den Start bringen zu können. Gut ist auch zu wissen, dass Sie uns bei auftretenden Schwierigkeiten auch in Zukunft schnell helfen können.

Das Projekt im Web:

www.grundschule-burgholzhof.de

Nachhaltigkeit ist das Schlüsselthema des 21. Jahrhunderts. Telenario® bietet kleinen und mittleren Unternehmen Unterstützung dabei, ihre Prozesse von der Beschaffung über die Produktion bis zur Kommunikation nachhaltig und ökologisch auszugestalten.

Unternehmensgründerin Dietlind Weide ist bereits seit zwei Jahrzehnten auf diesem Gebiet aktiv als Verantwortliche für Nachhaltigkeit in namhaften deutschen und internationalen Unternehmen.

Aller Anfang ist schwer – aber ein erfahrenes Team hilft

Der Schritt in die Selbständigkeit bringt ungewohnte Herausforderungen mit sich. Eine besonders knifflige besteht darin, die eigene Mission glaubhaft, seriös und durchgängig zu kommunizieren. Wie gut, dass die Unternehmerin über ihr Netzwerk bereits passende Partner gefunden hat, die sie dabei unterstützen können!

• Heike Ludwig entwickelt seit 2003 visuelle Erscheinungsbilder für Unternehmen – von der Corporate Identity bis zur Geschäftsausstattung – und legt seit ihrem Zweitstudium in technischer Biologie ihren Fokus auf die verständliche und wissenschaftlich korrekte grafische Darstellung komplexer Sachverhalte.
• Nils Schaffernicht erstellt und betreut seit 2005 Webauftritte vom Einzelunternehmen bis zum DAX-Konzern und sorgt als Informationsdesigner dafür, dass deren Benutzer sich intuitiv zurechtfinden.
• Alexander Kurz verfügt über jahrzehntelange Erfahrung als Redakteur für Fachzeitschriften und -bücher führender Verlage und stellt in dieser Funktion sicher, dass alle Texte klar, durchgängig, ausdrucksstark und stilsicher verfasst sind.

Phase 1: Corporate Identity

Unsere Zusammenarbeit starten wir mit einem Kick-off-Termin bei uns im Büro, wo wir zunächst den Bedarf und die Randbedingungen ausloten.

Zum Einstieg erörtern wir, welche Wirkung das künftige Corporate Design entfalten soll. Es muss zugleich seriös sein, soll aber dennoch organisch wirken, ohne aber zu sehr nach Bioladen oder Bündnis 90 / die Grünen auszusehen. Der Nachhaltigkeits-/Ökologiegedanke spielt ebenso eine wichtige Rolle wie die Aufbruchstimmung in Bezug auf den Umbau der Wirtschaft in ökologisch verträgliche Formen. Als zentrale Schlagwörter hierfür identifizieren wir Bodenständigkeit und natürliches Gleichgewicht.

Ein Logo, das den Aufbruch symbolisiert

Heike Ludwig entwirft auf dieser Grundlage ein Logo, das all diese Aspekte in sich vereint. In die Logogestaltung fließt bereits die Planung für alle nachfolgenden zu gestaltenden Produkte ein. Der Aufbruchsgedanke wird in Form einer jungen Pflanze symbolisiert, die aus einem Samen emporkeimt und dabei verkrustete Strukturen durchbricht. Diese Ansätze werden dann über das ganze weitere Projekt hindurch weiterverfolgt.

Für die Geschäftsausstattung entstehen im nächsten Schritt Visitenkarten, ein Briefbogen sowie eine Vorlage für PowerPoint-Präsentationen. Für letztere definieren wir bewusst verschiedene Hintergrund-Varianten in Sand- und Steinoptik, um die gewünschte Dynamik des Themas und eine organische Anmutung zu kommunizieren.

Phase 2: Website-Erstellung

Der zentrale Dreh- und Angelpunkt der Unternehmenspräsentation nach außen ist heute natürlich die Website.

Bevor wir in die Programmierung einsteigen, analysieren wir zunächst das Tätigkeitsfeld von Telenario®, um dessen Komplexität zu verstehen. Auf Basis dieser Analyse entwickeln wir eine vertikal und horizontal gegliederte Struktur, die es dem Website-Besucher ermöglicht, aus verschiedenen Ausgangspositionen in die Thematik einzusteigen.

Website-Struktur: Eine Wissenschaft für sich!

Wir lassen uns dabei von folgenden Grundgedanken leiten:

• Der Aufbau muss flexibel genug sein, um keine starren Wege zu bauen, aber stringent genug, um Klarheit in das doch sehr anspruchsvolle Thema zu bringen.
• Die Website soll es einerseits ermöglichen, einen schnellen Überblick über die Schwerpunktthemen zu bekommen, aber gleichzeitig auch die Möglichkeit bieten, bis ins Detailwissen vorzudringen.
• Für uns ist klar, dass die Gestaltung der Homepage unverwechselbar sein muss, denn ein austauschbarer 08/15-Webauftritt würde die einzigartige Mission unserer Kundin diskreditieren.
• Durch die internationale Ausrichtung soll die Seite von Anfang an gleichberechtigt auf Deutsch und Englisch verfügbar sein.

Bei der Entwicklung des Webdesigns reizen wir absichtlich alle Möglichkeiten aus, die das digitale Medium für eine wirkungsvolle Kommunikation bietet. Anders als man vielleicht vermuten würde, sind unsere Maßnahmen jedoch eher subtil, denn die starke Aussage fußt vor allem auf dem Zusammenspiel vieler bewusst gesetzter kleiner Faktoren, welche dem Betrachter unterschwellig die zentrale Botschaft bereits vermittelt haben, bevor er überhaupt das erste Wort gelesen hat.

Startseite mit Extras

Die entscheidende Rolle für den ersten Eindruck spielt die Startseite. Mit einer radikal reduzierten Gestaltung sorgen wir hier einerseits für Ruhe. Andererseits lassen wir Dynamik entstehen durch einen Video-Hintergrund auf einer halbtransparenten Fläche sowie mittels feiner Wellen, die beim Bewegen oder Klicken mit der Maus ausgelöst werden (aber auch über Touch-Ereignisse).

Ergänzt wird dies durch eine Portion Neugier, denn kleine, animierte kreisförmige Löcher lassen den Hintergrund erahnen und sobald man darüberfährt, erschließen sich dem Benutzer die einzelnen Hauptmenüpunkte.

Selbstverständlich passt sich das Design responsiv der jeweiligen Bildschirmgröße an und funktioniert sowohl auf dem Desktop als auch auf mobilen Geräten. Bei Programmierung sorgt Nils Schaffernicht mittels Fallback-Lösungen dafür, dass die Gestaltung auch dann noch wirkt, wenn ein Browser oder Gerät eine bestimmte Funktion nicht unterstützt.

Von der Startseite gelangt man zu den eigentlichen Inhaltsseiten. Diese sind von der Aufmachung her angelehnt an das Briefpapier und verfügen wie Letzteres über unterschiedliche Hintergründe, die für Abwechslung sorgen, ohne dabei aufdringlich zu wirken.

Phase 3: Inhaltliche Bestückung der Website und Feinschliff

Noch während wir an der Website arbeiten, erstellt unsere Kundin Dietlind Weide ihre ersten Textentwürfe. Diese Aufgabe ist nicht zu unterschätzen, denn gerade, wenn man über umfangreiches Theorie- und Praxiswissen in einem Gebiet verfügt, ist es manchmal schwer, die entscheidenden Punkte klar herauszuarbeiten.

Ein weiterer Knackpunkt ist der Anspruch, sich im Text fachlich korrekt auszudrücken und dabei dennoch verständlich zu bleiben, jedoch ohne den Text über Gebühr zu vereinfachen oder zu banal wirken zu lassen.

An dieser Stelle holen wir unseren Kollegen Alexander Kurz ins Projekt. Er geht zusammen mit Dietlind Weide die ersten Textentwürfe durch und stellt dabei die entscheidenden Fragen, um der Unternehmerin zu helfen, die Essenz ihrer Tätigkeit herauszuarbeiten. Auf diese Weise werden nicht nur die die zentralen Aussagen definiert, sondern auch die inhärente Reihenfolge des Prozesses in eine schlüssige Nummerierung der Hauptmenüpunkte gegossen. Weiterhin sorgt unser Lektor für die notwendige Durchgängigkeit der Texte und gibt Anregungen für die Ausgliederung von Detailinformationen in aufklappbare Boxen oder auf Folgeseiten.

Die fertig lektorierten Texte lässt Dietlind Weide anschließend ins Englische übersetzen. Das Ergebnis pflegt Nils Schaffernicht schließlich in Website ein und recherchiert zu den einzelnen Themen noch das passende Bildmaterial.

Wir sind mit dem Projekt und seinem Ergebnis und vor allem mit der Zusammenarbeit hochzufrieden, was sich letztlich auch in dem begeisterten Feedback widerspiegelt, welches die Kundin nach dem Abschluss des Website-Projektes geschrieben hat.

Kundenfeedback:

Ich bin über den Kontakt zu Heike Ludwig an ein ganz tolles Team geraten. Ich finde es ein sehr gutes Konzept – und bei mir war es ausschlaggebend für die erfolgreiche Fertigstellung des Projektes – neben der Gestaltung und der technischen Umsetzung auch Unterstützung beim Texten anzubieten.

Die Zusammenarbeit war immer ausgezeichnet. [Es wurde] zuverlässig und zu den vereinbarten Terminen alles in bester Qualität geliefert. Da die Zusammenarbeit an sich keine Baustelle war, stand die Projektbaustelle immer im Mittelpunkt. Was kann sich ein Kunde mehr wünschen?

Da ich mich erstmalig selbstständig gemacht habe, habe ich Zeit und damit eure Geduld gebraucht, um mein Portfolio zu entwickeln und darzustellen. Ich bin sehr froh, dass ich diesen Spielraum hatte und dennoch mein Ziel erreichen konnte.

Ich bin mit dem Ergebnis rundum zufrieden. Natürlich gibt es auch immer Stimmen, die in Fragen der Gestaltung einen anderen Geschmack haben als ich. Die überwiegende Meinung der Besucher ist: die Seite ist technisch top und der Inhalt absolut professionell.

Dietlind Weide, Managing Owner Telenario®

Das Projekt im Web:

https://www.telenario.de/
https://www.telenario.com/

Die ABS Team GmbH ist ein SAP-Partner aus Niedersachsen mit Spezialisierung auf HR-Lösungen. Zum Jahresende wurden von der Unternehmenskommunikation bislang immer Weihnachtsgrüße auf traditionellem Weg per Post an die Kunden, Partner und Lieferanten verschickt.

2020 stößt dieses Vorgehen jedoch an seine Grenzen, da viele der potenziellen Empfänger aus dem Home-Office arbeiten und die Grüße daher unter Umständen gar nicht entgegennehmen können. So entsteht die Idee, eine digitale Weihnachtskarte zu kreieren, die man per E-Mail senden kann und die Empfänger damit garantiert auch am häuslichen Arbeitsplatz erreicht.

Können wir trotz kurzen Vorlaufs rechtzeitig liefern?

Der Vorlauf ist allerdings denkbar knapp: Anfang Oktober ist die Idee spruchreif. Für ABS Team ist es gut zu wissen, dass sie mit Nils Schaffernicht und Heike Ludwig ein Expertengespann an der Hand haben, welches über entsprechende Routine in Gestaltungs- und Digitalprojekten verfügt und sich auch durch knappe Projektlaufzeiten nicht aus der Ruhe bringen lässt.

Im ersten Schritt prüfen wir das Grobkonzept von ABS Team, schätzen den Zeitbedarf ab und ordnen die vorhandenen Ideen im Hinblick auf eine realistische Umsetzung bis zum angepeilten Veröffentlichungstermin ein. Um die Ausgestaltung für beide Seiten fair und transparent zu machen, liefern wir im Vorfeld eine grobe Einschätzung der ungefähren Aufwände. Gleichzeitig vereinbaren wir, dass wir nach tatsächlichem Aufwand abrechnen, wobei wir selbstverständlich Rücksprache halten, falls irgendein Bestandteil deutlich mehr Zeit braucht als erwartet.

Als nächstes entstehen ein Feinkonzept und ein Zeitplan. Neben uns ist auch noch ein externer Grafiker involviert, der bisher die traditionelle Weihnachtskarte verantwortet hat. ABS Team liefert uns dazu noch verschiedene Inhalte in Form von PDFs und Grafiken zur Bestückung der Weihnachtswelt.

Die Aufbauphase

Nachdem die finalen Grafiken vorliegen, baut Nils Schaffernicht innerhalb eines Tages ein Grundgerüst für die virtuelle Weihnachtshütte, welches nun stetig um optische Elemente und Funktionen erweitert wird. Eine Woche später lodert in der digitalen Stube bereits das Feuer im Kamin und der Weihnachtsbaum lässt sich per Drag und Drop mit Kugeln schmücken.

In der Folge entstehen die Funktionen für das E-Card-Center und die verschneite Außenwelt. Letzere leitet Heike Ludwig von der Gestaltung der bisherigen Weihnachtskarten aus Papier ab. Mittels Animationen adaptieren wir den Entwurf für das digitale Medium und schaffen damit auch gleichzeitig die entsprechende Dramaturgie.

Ebenso wie die Animationen entstehen einige Funktionalitäten und Spielereien ganz organisch, ohne dass sie anfangs geplant gewesen wären. Je weiter das Projekt fortschreitet, desto mehr entwickelt sich eine kreative Eigendynamik, die bei allen Beteiligten zunehmende Begeisterung entfesselt.

Im Rahmen des finalen Feinschliffs werden alle Bestandteile noch einmal konsolidiert. Wir vereinheitlichen das Bedienkonzept und zu guter Letzt gestalten wir für die E-Cards noch individualisierte Rückseiten, die zum Motiv der jeweils gewählten Vorderseite passen.

Geschafft!

Zehn Tage vor Weihnachten ist es dann endlich soweit: Die Navigation ist optimiert, der Schornstein raucht und die digitale Weihnachtshütte öffnet ihre Pforten! Alle Beteiligten sind überglücklich, dieses Projekt zu einem guten Ende gebracht zu haben. Der zusätzliche Aufwand für den Feinschliff hat sich gelohnt, denn das Ergebnis kann sich nun wirklich sehen lassen!

Wir bedanken uns bei Jana Ohle und den anderen Kollegen von ABS Team für die offene und konstruktive Zusammenarbeit, für die Geduld, die intensiven Tests, die eingebrachten Ideen sowie das Herzblut, die uns stetig motiviert haben, das Unmögliche möglich zu machen.

Wir freuen uns schon auf künftige Weiterentwicklungen!

Vysible Communication ist eine Unternehmensberatung, die sich auf die Positionierung von Arztpraxen spezialisiert hat. Gründerin und Inhaberin Vanessa Kohnert stellt als Marketing- und Kommunikationsexpertin hohe Ansprüche an den Webauftritt für ihr Business. Die Website soll nicht von der Stange sein, sondern individuell und auf die Kommunikationsaussage zugeschnitten. Entsprechend aufwändig ist das Setup ihres WordPress-Systems, in dem sie einige technische Kniffe eingeplant hat.

Technisches Tiefen-Know-How ist gefragt

WordPress bietet zwar tonnenweise Plugins für jeden Einsatzzweck, aber wie so oft liegen die Tücken im Detail: Im Headerbereich sind Hintergrund-Videos vorgesehen, es sollen bestimmte Schriftarten eingesetzt werden und auf der Startseite ist geplant, dass die Menüpunkte eine Art minimalistischer Wort-Wolke bilden. Für all das gibt es theoretisch passende Erweiterungen, aber in der Praxis ist die Umsetzung nicht immer ganz so trivial wie es scheint – oder das gewählte Plugin streikt und treibt den Anwender zur Verzweiflung.

Über die Empfehlung einer Kollegin landet die Kommunikations-Expertin schließlich beim WordPress-Experten Nils Schaffernicht. Der persönliche Kontakt ist über E-Mail und Telefon ist sehr schnell hergestellt und die Anforderungen und das verfügbare Budget werden detailliert besprochen.

Saubere und flexible Umsetzung

Die Umsetzung der Anpassungen lösen wir über ein Child Theme, in dem alle Veränderungen gegenüber dem ursprünglich verwendeten Design gebündelt werden. Dadurch wird die Anzahl der benötigten Plugins deutlich reduziert, wobei wir das Rad nicht neu erfinden, sondern Plugins durchaus auch integrieren, sofern dies sinnvoll erscheint.

Die Videos im Header sind sehr schnell umgesetzt, ebenso die Einbindung der Schriftart. Bei Letzterer spielt das Thema Feintuning eine große Rolle. So passen wir mehrfach die Laufweite und Zeilenabstände an. Die Anordnung der Menüpunkte auf der Startseite bearbeiten wir so lange, bis sie auf allen Bildschirmen und Geräten perfekt passt.

Am Ende sind beide Seiten rundum zufrieden. Die Zusammenarbeit hat viel Freude bereitet und das Ergebnis beeindruckt durch die auffällige Gestaltung und ein stimmiges, ausgewogenes Gesamtbild.

Beim Thema Web arbeiten wir weiterhin zusammen und damit steht auch jederzeit gerne wieder ein routinierter Web-Experte bereit, falls es mit der Technik mal nicht so läuft, wie es soll.

Kunden-Feedback

Die Zusammenarbeit mit Nils war super angenehm und unkompliziert. Selten so gute Erklärungen bekommen. Auch bei echt kniffligen Dingen konnte er uns schnell und zuverlässig helfen. Ganz lieben Dank für die super Unterstützung. Gerne wieder.

Vanessa Kohnert, Inhaberin Vysible Communication

Das Projekt im Web:
www.vysible.de