Anaxam: animated website development - Lemberg Solutions

Anaxam: Entwicklung animierten Website

Als begeisterter Förderer wissenschaftlicher Entwicklung benötigte Anaxam eine originelle Website mit responsiven Animationen, die die Tech-Community ansprechen und die Einzigartigkeit der von dem Unternehmen angebotenen Dienstleistungen hervorheben sollte.

Über den Kunden

Anaxam ist ein Technologietransferunternehmen, das der Industrie den Zugang zu innovativen Materialanalysen sichert, die ursprünglich für Grundlagenstudien entwickelt wurden. Die Organisation eröffnet neue Möglichkeiten für Kunden, die sich den Herausforderungen der Industrie stellen wollen.

Die Herausforderung

Der Kunde benötigte eine ansprechende Website, da er Dienstleistungen anbietet, die den wissenschaftlichen Fortschritt vorantreiben. Anaxam hat sich zum Ziel gesetzt, in der sich schnell entwickelnden Welt innovativ aufzutreten und ihren Wert für Kunden aus verschiedenen Branchen zu verdeutlichen. 

Gelieferter Mehrwer

In Zusammenarbeit mit Digitalution, einer Schweizer Digitalagentur, hat das LS-Team Anaxam eine praktische Website mit vielen interaktiven Elementen aufgebaut. Die Besucher können nun problemlos durch die Website navigieren, und unser Kunde hat die Möglichkeit erhalten, die Blöcke der Site auf jede erdenkliche Weise neu anzuordnen. Wir haben anpassbare Seiten entwickelt, so dass der Kunde sich keine Sorgen machen musste, dass die Integrität der Website beschädigt würde, wenn die Blöcke verschoben werden müssten.

Der Prozess

Lemberg Solutions und Digitalution waren aktiv an der Entwicklung der Anaxam-Website beteiligt. Lukas Sigel, Leiter von Digitalution, organisierte Mock-up-Meetings, bei denen wir die ersten Schritte des Projekts besprachen. Der erste Schritt umfasste das globale Design der Website, während der zweite Schritt die Entwicklung betraf. Die meiste Zeit arbeiteten wir auf Festpreisbasis.

Die Designleistungen wurden nach Zeit und Material geschätzt. Der Austausch von Feedback wurde in zwei Phasen unterteilt. Zunächst haben wir die Ergebnisse mit Lukas Sigel besprochen, der uns seine Vorschläge unterbreitete. Danach erhielten wir ein Feedback von den wichtigsten Stakeholdern von Anaxam. Nach Freigabe der Website unterzeichnete der Kunde einen SLA-Vertrag mit LS für den Support und die Behebung kritischer Probleme. Darüber hinaus boten wir On-Demand-Wartungspakete an, falls der Kunde weitere unserer Services benötigte. 

Der Hauptfokus der Website liegt auf den Animationen. Lemberg Solutions verwendete Drupal 8 als CMS-Plattform und behielt den visuellen Teil mit Hilfe von JavaScript und Styles bei. Die komplexeste Animationsaufgabe war die Animation eines Kartenspiels, da die Objekte volumetrisch aussehen sollten. Beim Ziehen eines durch die einzelnen Karten gehenden Pfeils mussten die Entwickler diesen zwischen den Karten löschen, um den Übergang von einer Karte zur anderen fließender zu gestalten. Unser Ingenieur zog fünf separate Pfeile, die übereinander gelegt wurden, ohne dass das Bild seine visuelle Integrität verlor. Wir haben dem Deck und allen Karten sogar Schatten hinzugefügt. Die Entwickler mussten auch eine Animation des Navigationspfeils erstellen, die anzeigt, dass der Besucher der Website sich durch die Blöcke bewegen kann. 

Alle Animationen werden aktualisiert, sobald Sie zu anderen Blöcken der Landing Page wechseln. Dieser Ansatz erleichtert die Nutzung der Website, da der Leser die Seite nicht jedes Mal neu laden muss, wenn er die Animation erneut auslösen möchte. Um Anaxam den größtmöglichen Komfort zu bieten, entwickelten wir die Blöcke der Seiten auf eine spezifische Art und Weise, so dass sie in beliebiger Reihenfolge verschoben werden können. Wir haben die größtmögliche Anzahl von Umgestaltungsmöglichkeiten in Betracht gezogen und die Blöcke so konfiguriert, dass der Standort flexibler an die künftigen Bedürfnisse des Kunden angepasst werden kann.

Technologien
Drupal 8
JavaScript
Vollständige Case Study im PDF-Format
Anaxam: animated website development - Lemberg Solutions
Anaxam: animated website development - Lemberg Solutions
Anaxam: animated website development - Lemberg Solutions
Anaxam: animated website development - Lemberg Solutions
Anaxam: animated website development - Lemberg Solutions

Wie es funktioniert

Anaxam - Testimonial - Lemberg Solutions
Anaxam - Testimonial - Lemberg Solutions

Mit Lemberg Solutions habe ich einen langjährigen Partner in der Drupal-Entwicklung an meiner Seite, der professionell und termingerecht arbeitet und dessen Mitarbeiter mit viel Herzblut bei der Sache sind. Die Partnerschaft zwischen Lemberg Solutions und Digitalution konnte mit diesem Projekt erneut beweisen, dass nichts unmöglich ist.

Anaxam - PDF Form - Lemberg Solutions
Download the case study to read it later