Kategorie: Entwicklung

Kategorie ‚Entwicklung‘

Broermann Health & Heritage Hotels

Hotel Atlantic: Denkmalgeschützt und am Puls der Zeit

Um die Wertigkeit des weltberühmten, denkmalgeschützten Hotel Atlantic Hamburg auch im Digitalen zu spiegeln und den Besuchern ein ansprechendes Buchungserlebnis zu ermöglichen, haben wir für die Broermann Health and Heritage Hotels ein maßgeschneidertes WordPress System entwickelt.

Die neue Multisite dient als zentrales Verwaltungselement und sichert die Konsistenz in Design und Nutzerführung – auch für die zugehörigen Webseiten der Sternehotels „Grand Hotel Suisse Majestic“, „Falkenstein Grand“ und „Villa Rothschild“.

Design trifft auf Funktion

Auf Grundlage des bereits bestehenden Lead Designs haben wir das Dachkonzept und das individuelle UX/UI-Design je Webseite entwickelt. Daran angelehnt haben wir zudem das Custom Icon-Set illustriert. Darüberhinaus haben wir die Seiten-Architektur überarbeitet, um die Besucher so einfach und ansprechend wie möglich zu den gewünschten Inhalten der Website zu führen. So wurden Design und Funktion auch in der digitalen Welt miteinander vereint.

Die neuen Webseiten transportieren die Einzigartigkeit jedes dieser markanten und renommierten Häuser, während im Hintergrund ein System läuft, das es den Redakteuren ermöglicht, wiederkehrende Elemente und Gemeinsamkeiten übersichtlich mit einer Multisite-Instanz zu pflegen.

Das System basiert auf WordPress und bedient sich der neuesten Features des Open Source CMS: Der Gutenberg Editor erleichtert das Einpflegen von Inhalten. Die Custom-Blöcke haben wir speziell für die Anforderungen der Broermann Health & Heritage Hotels angepasst und erweitert.

Auch im Bereich SEA- und SEO beraten wir die Broermann Health & Heritage Hotels seit vielen Jahren und stehen unter anderem bei der Suchmaschinen-Content-Optimierung zur Seite.

NLDX Leistungen

–  ENTWICKLUNG Custom WordPress Theme

–  UX/UI-DESIGN auf Grundlage des Lead Design

–  KONZEPTION Informationsarchitektur und Benutzerführung

–  SEO und SEA technischer Qualitätsstandard

Custom WordPress Theme

Ein maßgeschneidertes, von uns selbst programmiertes Website-Template, das ganz individuell auf die Bedürfnisse von Kunden-Websites zugeschnitten wird und jederzeit erweiterbar ist. Vergleichbar mit einem maßgeschneiderten Kleidungsstück.

Multisite

Mit einer Multisite können Benutzer mehrere Webseiten professionell in einer CMS-Anwendung verwalten. Die verschiedenen Webseiten-Inhalte werden so zentral in einem einzelnen Software-System eingepflegt.

Custom Icon-Set

Illustrationen, die passend zum Corporate Design gestaltet werden – bezüglich Farbgebung, Strichstärke, Abstraktionsgrad, etc.
Damit können Informationen optisch einheitlich dargestellt und Botschaften effektiv kommuniziert werden. So werden Look & Feel der Marke sowohl textlich als auch visuell transportiert.

Internationale Bauausstellung 2027 Stuttgart

Der digitale Dreh- und Angelpunkt für das IBA’27 Festival

Die Internationale Bauausstellung 2027 Stadtregion Stuttgart Gmbh steuert die Iba’27. Unter anderem setzt sie Impulse, berät, vernetzt und entwickelt die Projekte zusammen mit den Partnerorganisationen; sie fördert den Austausch zwischen den Projekten sowie mit Fachleuten in der Region und aus der ganzen Welt.

Im Sommer 2023 steht für die IBA’27 ein Meilenstein an: Sie öffnet den Vorhang für das erste IBA’27-Festival! Im Mittelpunkt steht die Frage: Wie wohnen, leben und arbeiten wir in einer Welt im Wandel? Das Festivalprogramm beinhaltet Ausstellungen, Führungen und Exkursionen über Workshops, Podiumsdiskussionen und Fachsymposien bis zu Straßenfesten und künstlerischen Performances.

STADTENTWICKLUNG ERLEBBAR MACHEN

Den virtuellen Mittelpunkt des Festivals stellt die eigens dafür entwickelte Website dar. Um der Bedeutung dieses Meilensteins gerecht zu werden, wurde eine Plattform speziell für das Festival selbst benötigt; eine individualisierte Website, die sich optisch abhebt und die den Aufschlag für die Kommunikation gezielt rund um die IBA’27 ermöglicht. Hierdurch soll die Stadtentwicklung als gemeinsamer Prozess in der Region Stuttgart für alle erlebbar gemacht werden.

Das Herzstück von Festival und Website

Um diesen Anforderungen gerecht zu werden, haben wir ein individuelles WordPress Custom Theme mit Gutenberg Block-Editor entwickelt. Dadurch konnte das Corporate Design mit der Funktionalität der neuen Seite vereint werden. In enger Abstimmung mit der Lead Agentur L2M3 haben wir das bestehende Design ins Digitale übersetzt und dafür ein UI-Kit gebaut. 

Das Herzstück des Festivals und zugleich der Website ist der Veranstaltungskalender – übersichtlich, Echtzeit filterbar, Zielgruppen-freundlich und erweiterbar entsprechend den Anforderungen. Eine weitere Besonderheit ist die Highlight-Funktion für einzelne Veranstaltungen, die Datenbank basiert ausgelesen wird. 

DESIGN UND FUNKTION VEREINT

Ein nennenswertes gestalterisches sowie technisches Detail ist das Key Visual der Website: Wir lassen die Grafik zur Geltung kommen, indem wir sie so animiert haben, dass sie sich beim ersten Laden der Seite aufbaut und beim scrollen optisch wieder aufsplittet. 

Hinzu kommen Parallax Scrolling mit gleichbleibend guten Ladezeiten der Seite und als besonderes Feature: Scroll Reveal. 

NLDX Leistungen

–  ENTWICKLUNG Custom WordPress Theme, Eventkalender mit Filter

–  SCREENDESIGN Erweiterung des Corporate Design, UI-Kit

–  ANIMATION mit Custom CSS, ScrollReveal, Parallax

–  SEO technischer Qualitätsstandard

Custom WordPress Theme

Ein maßgeschneidertes, von uns selbst programmiertes Website-Template, das ganz individuell auf die Bedürfnisse von Kunden-Websites zugeschnitten wird und jederzeit erweiterbar ist. Vergleichbar mit einem maßgeschneiderten Kleidungsstück.

Parallax Scrolling

Beim Scrollen bewegen sich die Elemente der Website unterschiedlich schnell: das Hintergrundbild langsamer, Text und Grafikelemente im Vordergrund schneller, so entsteht der Eindruck von Tiefe.

Gutenberg Block-Editor

Eine WordPress-Technologie, mit der Websites auf Basis individuell vorgefertigter Module gestaltet werden. Diese ermöglichen eine Kunden-spezifische und zugleich einheitliche und einfache Content-Bearbeitung durch die Redakteure im Backend. Es sind keine Plug-Ins dafür notwendig.

Scroll Reveal

Website-Elemente werden erst beim Scrollen sichtbar.

UI-Kit

Web- und Mobile-optimierte Schriften, Buttons, sprich das gesamte Design System mit User-Interface-Elementen.

Staatsministerium Baden-Württemberg

Website Strategiedialog „Bezahlbares Wohnen und innovatives Bauen”

Mit dem Strategiedialog „Bezahlbares Wohnen und innovatives Bauen“ geht die baden-württembergische Landesregierung auf Initiative des Ministerpräsidenten Winfried Kretschmann die großen Herausforderungen in den Bereichen Planen, Bauen und Wohnen an.

Ein wichtiger Aspekt des Strategiedialogs ist die Schaffung einer offenen und transparenten Kommunikation zwischen den verschiedenen Akteueren. 

Die Website ist ein zentrales Element zur Dokumentation des zeitlichen Verlaufs und zur Information über die Arbeitsergebnisse, Modellprojekte und Arbeitsgruppen. 

Wir haben sdb-bw.de so geplant und umgesetzt, dass alle individuellen Anforderungen des Strategiedialogs abdeckt sind. Das Custom WordPress Theme wurde von uns gemäß Corporate Design gestaltet und entwickelt. Die Infografik „Struktur des Strategiedialogs“ und die CSS Animation auf der Startseite sind dabei unsere persönlichen Highlights.

NLDX Leistungen

– KONZEPTION Informationsarchitektur und Benutzerführung

– SCREENDESIGN passend zum Corporate Design

– INFOGRAFIK „Struktur des Strategiedialogs“

– ANIMATION mit Custom CSS

– ENTWICKLUNG Custom Word Press Theme

+  CONTENT MANAGEMENT

Meilensteine des Strategiedialogs übersichtlich festgehalten

Mit dem integrierten Zeitstrahl lassen sich aktueller Stand und vergangene Meilensteine des Strategiedialogs nachvollziehen.

Das besondere daran:
– die Einträge können wahlweise mit Blogbeiträgen verknüpft sein oder eine freie Headline enthalten und
– die Jahreszahlen werden automatisch angezeigt.

Konzipiert, designed und entwickelt haben wir den Zeitstrahl entsprechend der individuellen Anforderungen des SDB-BW. Umgesetzt haben wir ihn mit einem personalisierten WordPress Custom Theme.

Pudel Unlimited

Portfolio Website

Freunde und andere Haustiere

„Pudel Unlimited“-Macherin Anja Haas gehört fest zum Freundeskreis von NLDX. Mit ihrem Unternehmen verbindet sie Künstler:innen und Auftraggeber:innen, um außergewöhnliche, inspirierende und überraschende Visuals zu verwirklichen.

Das neue Online-Zuhause des Pudel-Portfolios haben wir in enger Zusammenarbeit mit ihr, nach ihrem eigenen Screendesign, als Custom WordPress Theme umgesetzt. Dadurch kommen ihre kreativen Projekte individuell zur Geltung und folgen zugleich dem roten Faden der Website.

ad agents

Agentur Website mit Magazin

Herrenberger Agenten

ad agents die Agentur für digitales Marketing überzeugt durch ein umfangreiches Leistungsportfolio. Einblicke in ihr tiefgreifendes Expertenwissen aus dem Bereich Online und Performance Marketing gewähren die Agenten durch das gut sortiere Magazin auf der neuen Firmenwebsite.

Das Custom WordPress Theme haben wir eigens für ad agents konzipiert und entwickelt. Flexible Inhaltsblöcke, bei denen sich die Hintergundfarbe einstellen lässt (Kudos an die Frontend-Entwicklung) und verschiedene Inhaltsnavigationen – wie zum Beispiel eine sticky Anker-Navigation – machen die umfangreichen Inhalte besonders für Smartphone-User leicht zugänglich.

Richard's Boots

Designkonzept + Online-Shop

A beautiful story.

Richard’s Boots ist eine junge Kinderschuhmarke aus Ludwigsburg. Jessica und Thomas entwickeln, produzieren und vertreiben die weltweit ersten Kinderschuhe aus Olivenleder® – komplett schadstofffrei und einfach wunderschön.

Um die Platzierung und den Verkauf von Richard’s Boots erfolgreich zu starten, haben wir ein umfassendes Designkonzept für den Online-Shop und Social Media @richardsboots  beigetragen. Dazu passend entwickelten wir Headlines, Story- und Produkttexte für den Shop in Deutsch und Englisch.

Um die besondere Qualität der Schuhe mit den verschiedenen Farbstellungen und liebevollen Details im Online-Shop greifbar zu machen, haben wir für Produktfotografie Viola Schütz an Bord geholt. Fotoshootings und Projekt-Kommunikation wurden von uns koordiniert.

Den zweisprachigen Onlineshop richardsboots.com haben wir mit dem Shopsystem Shopify umgesetzt.

Kathi Bretsch

Super Jami Kitchen

UNSER VEGANES LIEBLINGSRESTAURANT IM HEUSTEIGVIERTEL BRINGT TÄGLICH NEUE LECKEREIEN AUF DEN TISCH.

Mithilfe einer WordPress basierten Website von uns macht Super Jami Kitchen nicht nur auf den Tellern eine super Figur sondern auch im Netz. Die technische Umsetzung erfolgte nach Konzept und Design von Super Jami Chefin herself: Kathi Bretsch.

Konzept-e

element-i Multisite

Individuell, interessen­orientiert und interaktiv

Konzept-e führt eigene Kinderhäuser und Schulen, bildet Erzieherinnen und Erzieher aus und bietet Beratung für Unternehmen und soziale Einrichtungen zum Thema Bildung und Betreuung an.

Wir haben für Konzept-e eine neue, responsive Multisite für das Bildungskonzept „element-i Bildung“ designed und umgesetzt. Ein elementarer Teil im Prozess war die Konzeption eines Farbsystems, das das Corporate Design des Kunden abbildet und gleichzeitig modular für künftige Seiteninstanzen einsetzbar ist. Ein besonderes Feature der Seite:  Die interaktive Karte mit Umkreissuche für alle element-i Einrichtungen.

Stadt Stuttgart

Museum Hegel-Haus

Relaunch analog und digital

Das Museum Hegel‐Haus hat seit August 2020 wieder für Besucherinnen und Besucher geöffnet und feiert das mit einem zweiwöchigen Programm aus analogen und digitalen Veranstaltungen.

Wir haben die WordPress Multisite der Museumsfamilie des StadtPalais mit der neuen Hegel-Haus Website um eine neue Instanz erweitert und den Content implementiert. Design by stapelberg&fritz.

InnoSteam

V-Liquids Online-Shop

Technische Umsetzung mit Shopware

V! ist eine Marke der InnoSteam GmbH aus Weinstadt – ein renommierter Hersteller von Hardware für die Produktion von E-Liquids. Wir haben den V-Liquids Online-Shop für E-Zigaretten und E-Liquids mit Shopware umgesetzt.

Für das Design zeichnet die Agentur Wecause verantwortlich.