Showreel «Digital»

User-Interface Design und Programmierung aus einer Hand.
Unterschiedliche Systeme wie WordPress, Drupal, Typo3, Magnolia, Contentful, Craft, Cockpit oder vollständig individuell entwickelt auf Basis von symfony, node.js oder vue.

Die Digitalisierung ist noch immer Top-Thema und erklärtes Ziel für praktisch alle Unternehmen und Institutionen. Stetig zeichnen sich neue Trends ab und jeder Tag generiert Erkenntnisse zu guten oder schlechten Umsetzungen – sei es bei Websites, eShops, Apps oder ganzen Applikationen.

Während die technischen Möglichkeiten sich in den vergangenen Jahren immer weiter gesteigert haben – und das mit zunehmender Geschwindigkeit auch weiterhin tun werden – hat sich das Design von Lösungen im Web zunehmend mehr auf gewisse «Standards» reduziert. Diese Standards helfen Anwendern, sich möglichst einfach und ohne Unsicherheiten in Websites, Shops und ähnlichem zu «bewegen» und schaffen Vertrauen. Doch auch unter der Wahrung dieser erwartungskonformen Elemente, sollte eine Website die Möglichkeit erhalten, das visuelle Erscheinungsbild des Unternehmens zu repräsentieren und zu stärken. Neben einer guten Usability und Funktion ist dies unser wichtigstes Anliegen.

Dieser Showreel zeigt einige Beispiele für diverse Websites, eShops und auch Cloud-Applikationen, welche alle basierend auf den jeweiligen Kundenwünschen umgesetzt wurden. Die Bandbreite reicht von einer kleinen Microsite bis hin zur umfangreichen und hochsicheren Web-Applikation.
 

Schmitt Naturstein – ab 0:07

Die Website von Schmitt Naturstein sollte keine klassische Website werden. Man wollte seinen internationalen Kunden vielmehr ein «Mosaik» an Möglichkeiten präsentieren. So basiert das Design der Website auf einem Quadrat-Raster, das auf allen Devices die Projekte ohne viele Worte in den Vordergrund stellt. Durch die Affinität des Inhabers für alles Visuelle wurde darauf geachtet, dass die Position jeder einzelnen Bildkachel im Raster gezielt festgelegt werden kann. So entstand im WordPress-Backend eine eigens dafür entwickelte Sortiermöglichkeit.

Weiterführende Links zu Schmitt Naturstein
» Website-Relaunch für Schmitt Naturstein
» Markenentwicklung für Schmitt Naturstein
 

Restaurant Baratella – ab 0:17

Ein Restaurant wie das Baratella in St.Gallen muss eigentlich keine Werbung für sich machen – zu bekannt und beliebt ist das Baratella für seine authentisch italienischen Gerichte, hausgemachte Pasta, die kunstvoll geduckten Speisekarten und die ehrliche Gastfreundschaft. Aber alleine für die schönen Aufnahmen von Fotograf Daniel Ammann lohnt sich die Microsite schon. Das Design der Microsite ist reduziert und zeigt ohne Firlefanz verpackt die Öffnungszeiten, Kontaktmöglichkeiten, Speisekarte und natürlich die Impressionen. Nur ein Besuch vor Ort ist noch schöner.

Mehr zum Restaurant Baratella
» Website für das Restaurant Baratella
» Verpackungs-Redesign Baratella Pasta fresca
» Speisekarte Restaurant Baratella
 

STI Group – ab 0:33

Die Corporate Website der STI Group in Steinach sollte die Möglichkeiten umfassend aufzeigen, welche STI weltweit anbieten kann. Zudem sollte sie zu einem Hub werden, das den Sales-Mitarbeitern als Hilfsmittel dienen. So wurde bei der Struktur der Seite der Fokus klar auf die Bereiche «Leistungen» und «Geschäftsfelde» gelegt. Gleichzeitig wurde versucht, die internationale Ausrichtung über die Standorte in der Schweiz, Deutschland, Frankreich, China und den USA aufzuzeigen. Für alle Leistungen findet sich detaillierte Informationen wie erfüllte ISO-Normen, maximale Werkstück-Dimensionen, Härte und mehr in digitalen Datenblättern. Diese Informationen unterscheiden sich länderspezifisch. Die auf dem Basler CMS-System «Magnolia» basierende Website wurde um eine Suchfunktion auf Basis von «Elasticsearch» erweitert. Dies ermöglichte die Erstellung eine Coating-Finders, welcher anhand von Eigenschaften, Anwendungsgebieten, Dimensionen und weiteren Informationen die richtige Lösung von STI anzeigen kann. Das Frontend-Design ist klar gegliedert und stärkt das Erscheinungsbild der STI Group. Die verfügbaren Detailinformationen sind für einen besseren Überblick visuell übersichtlich strukturiert.

Weitere Informationen zum Website Projekt der STI-Group
» Relaunch Corporate-Website der STI Group
 

Mosterei Kobelt – ab 0:41

Der eShop der Mosterei Kobelt aus Marbach sollte das gesamte Sortiment klar und reduziert abbilden. Ermöglicht wird dies durch ein einfaches Raster, kombiniert mit viel Weissraum und extrem klaren Produktbildern.

Weitere Projekte für die Mosterei Kobelt
» eCommerce für die Mosterei Kobelt
» Labeling Design für Kobelt Spirits
» Labeling Design für Bommet Schweizer Cider
» Labeling Design für Small Batch Craft Ciders
» Labeling Design für Bartlis Schweizer Cider
 

Peterer Rechtsanwalt Notar – ab 0:52

Nach 7 Jahren in Betrieb wurde die Website der Peterer Rechtsanwalt Notar AG komplett überarbeitet. Grund dafür war weniger eine Unzufriedenheit mit dem Frontend-Design, als viel mehr eine Veränderung der Kanzlei im Ganzen. Neben einem personellen Wachstum – das Auswirkungen auf die Präsentation der Team-Mitglieder hatte – wurde auch der Wunsch nach einem Blog geäussert. Das Redesign hat Kernelemente der vorherigen Website übernommen, und trotz der Entwicklung eines völlig neuen Fronted-Designs konnte der Charme des ursprünglichen User-Interface beibehalten werden.

Zusätzliche Informationen zu Peterer Rechtsanwalt Notar
» Website Relaunch für Peterer Rechtsanwalt & Notar
» Corporate Design für Rechtsanwalt Peterer
» Responsive Website für Rechtsanwalt Peterer
 

St.Gallische Psychiatrie-Dienste Süd – ab 1:04

Die Website der St.Gallischen Psychiatrie-Dienste Süd durfte mit 8 Jahren auf eine eher ungewöhnlich lange Nutzungsdauer zurückblicken. 2020 war es dann dennoch an der Zeit für einen grafischen und technischen Relaunch. Das Webdesign sollte sich reduziert und klar zeigen und dem Mobile-First Ansatz folgen. Unter dem Leitsatz «Content ist King» entstand ein helles und zeitloses User Interface Design, das seinen Hauptfokus auf die User Experience legt und die Inhalte strukturiert und gut lesbar darstellt. Die neue Website der Psychiatrie-Dienste basiert auf dem CMS-System Drupal, bei dem wir zur Optimierung der Bedienbarkeit das Interface des Backends optimiert haben.

Detailinformationen zu den St.Gallischen Psychiatrie-Diensten Süd
» Neuentwicklung Website Psychiatrie-Dienste Süd
» Webauftritt für die Psychiatrie-Dienste Süd
» Crossmediale Kommunikation Psychiatrie-Dienste Süd
» Durable Design – eine Investition die sich lohnt
 

LegacyNotes – ab 1:34

Für die Cloud-Applikation von LegacyNotes durfte Adicto das User-Interface Design umsetzen. Ziel war es ein komplexes Tool einfach bedienbar zu machen – und das mit einem Aufwand, der in Relation zu den finanziellen Möglichkeiten des StartUps stand. Daher entschied man sich für einen hybriden Weg, bei dem die Google Material-Design Library als Ausgangspunkt diente. Basierend auf den dort verfügbaren Design-Molekülen konnten im Verfahren des Atomic-Designs neue grafische Elemente gestaltet und umgesetzt werden. Die individuell für LegacyNotes gestalteten UI-Elemente fügen sich dabei nahtlos in bestehen Patterns ein. Durch seine primäre Ausrichtung auf die Touch-Bedienung ist die Design-Sprache von Googles Material-Design Library vielen Anwendern im Handling bereits vertraut, was einer positiven User Experience von LegacyNotes zugutekommt.

Zusätzliche Informationen zu LegacyNotes
» Cloud-Applikation User Interface Design
» Naming und Markengestaltung für LegacyNotes
 

 

Adicto Showreel «Digitale Projekte»

Digitale Lösungen unterteilen sich grob in zwei wesentliche Arbeitsbereiche – UX/UI und Programmierung/Entwicklung. Bei Adicto erhalten Sie alles aus einer Hand. Trotzdem sind wir dabei nicht «systemfixiert» und können für Ihr Projekt massgeschneidert unter verschiedenen Plattformen auswählen.

Wir meinen, dass ein Umsetzungswunsch nicht an äusseren Einschränkungen scheitern soll. Weder durch gestalterische, noch durch technische Rahmenbedingungen. Vor allem bei der Entwicklung von Web-Applikationen, egal ob Website, eShop oder Custom-Application stehen heutzutage die unterschiedlichsten Tools und Plattformen zur Verfügung. Wir helfen Ihnen dabei, die passende Grundlage zu definieren, damit Ihren Workflow zu optimieren und das Ganze noch mit einer intuitiven, zeitgemässen und durchdachten Gestaltung zu vollenden.