Fabry&Hofmann, Maßmanufaktur (2016)
www.fabry-hofmann.de
Homer Simpson
»Das Internet?
Gibt‘s diesen Blödsinn immer noch?«
»A Mission Statement is a dense slab of words
sitting around downloading Internet porn.«
needs to establish that its workers are not just
»Das Internet?
Gibt‘s diesen Blödsinn immer noch?«
Dave Barry
that a large organization produces when it
www.bayerische-chemieverbaende.de
Bayerische Chemieverbände (2015)
Rufolf Huber GmbH Präzisionsmechanik (2015)
www.huber-praezisionsmechanik.de
Die F-ait Website ist ein Beispiel dafür, wie ein Entwurf zu 100% umsetzbar ist. Die Änderungswünsche des Kunden waren in diesem Falle nahe 0%. Dass es auch ganz anders kommen kann, sehen Sie auf der nächsten Seite.
f-ait.com - Automotive (2018)
www.f-ait.com
Auf den folgenden Seiten sehen Sie einige Internet-Projekte der letzten Zeit. Die Websites sind fast alle mit WordPress erstellt, das in den allermeisten Fällen Typo3 und andere hochkomplizierte CMS abgelöst hat.
WordPress hat sich vom „Blog-CMS“ zum „Full-Scale-CMS“ für beinahe alle Einsatzgebiete entwickelt.
Größter Vorteil beim Implementieren: der unendlich große Entwickler- und PlugIn-Fundus, der jedes nur denkbare Szenario abbilden kann.
Größter Vorteil für die Kunden: kinderleichte Bedienung des Back-End.
Der Flughafen München ist ein gigantisches Unternehmen, mit unzähligen Abteilungen. Natürlich hat jede dieser Abteilungen individuelle Internetanforderungen.
Wir befriedigen diese individuellen Wünsche durch Microsites, die auf der offiziellen Homepage nicht wirklich gut aufgehoben wären.
Alle abgebildeten Microsites waren mit TYPO 3 angelegt, dem damals weit verbreitetsten (und vermutlich vom Kunden meistgehassten) CMS Deutschlands.
Inzwischen empfehlen wir Typo3 nicht mehr für solche Einsatzzwecke.
Seit 2014 verzichtet der Flughafen München auf Microsites.
www.airport-beach.de
www.airport-media-award.de
www.muc-media-video.de
2000
Als im Mai 2000 ein einzelner Apotheker mit 21ST Kontakt aufnahm und uns bat, über ein Portal für deutsche Apotheken nachzudenken, fing die Diskussion über den Versand von Arzneimitteln über das Internet gerade erst an. Was wir vage ahnten, wurde durch die Jahre zur Gewissheit: der Apotheker war mit seinen Ideen der Zeit um Lichtjahre voraus.
Wir sind immer noch stolz darauf, für apotheken.de arbeiten zu dürfen. In der Zwischenzeit entwickelte sich das Portal von einer Vision zu einer der profitabelsten Websites in Deutschland.
Nicht die schlechteste Empfehlung, oder? Der Wettbewerb hat indes immer noch nicht aufgeschlossen.
Allein die Datenbank von apotheken.de ist schlicht eine unübertroffene Informationsquelle. Firmen wie die frühere telegate, Focus online oder BMW (iDrive), um nur einige zu nennen, verlassen sich bei ihren Services seit Jahren voll und ganz auf die Daten von apotheken.de
www.apotheken.de
2008 hatten wir die schöne Gelegenheit, für ein spezielles Wellness E-Commerce-Portal zu arbeiten – veravita.
Das Portal basiert ebenfalls auf der open source Installation XT-Commerce. Unsere Aufgabe war, das bestehende Design durch ein freundliches und einladendes Design zu ersetzen.
www.veravita.de
2008
2006
www.venus-versand.de
Venus-Versand ist ein schönes Beispiel für ständige Verbesserungen, die wir immer gerne machen.
Die Site wurde speziell für weibliche Kunden entwickelt, was natürlich bedeutete, dass der visuelle Umgang mit der Erotik zu ganz „anderen" Ergebnissen führt. Andererseits ist es aber für eine E-Commerce Website lebenswichtig, bei Suchmaschinen wie Google ein Top-Listing zu haben. Das kleine Problem dabei ist: Google listet nicht gerne Inhalte mit sexuellem Hintergrund.
Und das ist, wie Sie sich vorstellen können, bei einer E-Commerce-Site für Erotik ein bisschen ungünstig. Vor allem, wenn‘s um
Keywords und visuelle Beschreibungen von – sagen wir’s ruhig mal politisch unkorrekt – Sex-Spielzeug geht.
Nichtsdestotrotz haben wir inzwischen die richtigen „visuellen" Antworten gefunden. Die Seite funktioniert schlicht hervorragend.
2009
www.appsundco.de
Sie erwarten jetzt nicht wirklich, dass wir erklären, weshalb eine Website über iOS-Geräte wie iPhone, iPad und iPod eine gute Idee ist?
Der Ebner-Verlag/Ulm hat das im Print-Bereich schnell erkannt und das Sonderheft „iPhone & Co“ konzipiert. Das Magazin hatte einen hervorragenden Start. Als geplante „einmalige“ Publikation versagte das Magazin allerdings Gott sei Dank sträflich – die Leser und iFanbois liebten die erste Ausgabe. „Zähneknirschend“ machte der Verlag ein vierteljährliches Periodikum draus.
Nach der ersten Ausgabe fragten sich allerdings eine ganze Menge Leser „Wo zum Geier ist eigentlich die Website?“ –
Nun, hier ist sie, designed von 21ST.
Seit 2014 betreuen wir die Seite nicht mehr, die seitdem (leider) nahezu unverändert online ist.
1999
www.pc-welt.de
Können Sie sich vorstellen, wie wir uns gefühlt haben, als IDG uns Ende 1999 bat, das erste Redesign der PC Welt online zu machen? Naja, um ehrlich zu sein, es war wohl höchste Zeit, denn die Seite erinnerte eher an eine Do-it-yourself-Sache mit Frontpage und passte so gar nicht zur erfolgreichsten PC Zeitschrift Deutschlands.
Wir fühlten uns wie geadelt, schließlich wären uns auf Anhieb andere Agenturen nicht nur in München eingefallen, die für den Job in Frage gekommen wären.
(Unser Relaunch hatte immerhin eine Halbwertszeit von rund 3 Jahren, dann war der nächste dran.)
Wie auch immer – die harten Fakten waren eindrucksvoll: Wir hatten nur 6 Wochen für Planung und Design, denn zur CeBIT 2000 sollte die ganze Chose live geschaltet werden. Recht turbulente aber trotzdem spaßige Wochen sollten vor uns liegen.
Das Resultat war nicht weniger eindrucksvoll: PC Welt online hatte 3,485 Mio PageImpressions im Januar 2000 (noch altes Design). Als wir Mitte Februar dann mit dem neuen Design live gingen, stiegen die PageImpressions im Restmonat um nicht weniger als 21 % auf wundervolle 4,232 Mio an. Das machte uns extrem stolz.
»Software ages like milk,
not like wine.«
@Josh Corman
www.yourcoach247.de
www.wein-mattheis.de
www.competent.de
www.lustperle.de
www.esc-unternehmensberatung.com
www.citypilot.de
iPad/Tablet
2011 und 2012 haben wir unsere
„Mobile Revolution“ erweitert.
Wir sind tief in den App-Ozean einge-taucht. Viele unserer entworfenen Apps sind unter den Top 20 der jeweiligen Kategorien (z. B. Medizin) zu finden. Für detaillierte Informationen bitten wir Sie, direkt auf uns zuzukommen.
Layout © 2015/2016 by Wort+Bild Verlag Konradshöhe
JSON-Programmierung by 21ST, Mockups für Internet via HYPE
2011
2012
Nichts veraltet so schnell wie ein Betriebssystem.
Bis iOS6 war Skeumorphismus angesagt, mit iOS7 änderte sich dies alles radikal. Dementsprechend „altmodisch“ sehen auch unsere ersten App-Interface-Designs heute aus.
Nichtsdestotrotz: die Funktionaliät ist geblieben.
iPhone
2013
iOS7 ff
Betriebssysteme werden modernisiert – und dann auch noch die Screengrößen angepasst. Mehr Platz heißt mehr Möglichkeiten, und doch versuchen wir auch bei mehr Möglichkeiten so „einfach“ wie möglich zu bleiben.
Unser Beispiel illustriert einen solchen Übergang prototypsich.
Sie sehen hier nur iOS-Arbeiten. Wir sind der Ansicht, dass iOS sich grundlegend von Android unterscheidet. Deshalb haben wir uns auf UI-Designs aus der Apple-Welt spezialisiert.
Android-Adaptionen bieten wir natürlich mit unseren Partnern an, nehmen Sie dazu bitte Kontakt mit uns auf.
iOS6
Wir schreiben das Jahr 2200, äh 2002.
Es gibt kein Sproutcore, CSS3 und schon gar keine Browser mit HTML5-Eigenschaften.
Zusammen mit der alphasystems gmbh, Augsburg, die die Projektplanung innehatte, entwickelten wir das Interface für ein Intranet-basiertes Collaboration-Tool für Hexal.
HEXAL
2002
iPhone History
Als das iPhone vorgestellt wurde, verfolgten wir Steve Jobs’ Präsentation mit einer Mischung aus tiefer Ungläubigkeit und überschäumendem Enthusiasmus. War diese Demonstration ein gigantischer Fake oder hatte er tatsächlich mal eben die Bedienung von Handys revolutioniert?
Naja, Mitte 2007 wussten wir es dann ganz genau. Und nach der Einführung des App-Stores änderte sich buchstäblich alles. Unsere ersten Apps (zusammen mit 9Zwanzig, Augsburg, die die Programmierung machten) sind der CityPilot und CityPilot Apotheken (mit Erscheinen lange Zeit in den Top Twenty der kostenlosen Medizin-Apps!).
2007
So weit so gut. Was können wir für Sie tun?
InternetStrategische Beratung
Konzepte
Anwendungs-Architektur
Navigations-Entwicklung
Screendesign
Banner Design (Flash, gif, HTML5)
Template Entwicklung
(u. a. für Wordpress, TYPO3 (Uhh!),
XT-Commerce, Magento, etc.)
H.264 Mastering
Animationen und Schaubilder (HTML5 mit HYPE)
MultimediaCD-ROM (CD-ROM?
jaja, keiner macht das heutzutage mehr…)
Animationen (3D)
Filmschnitt mit Final Cut Pro X
Acrobat-Präsentationen
(gibt es ganz selten noch)
PPT-Präsentationen (da braucht man verflixt gute Nerven…)
Keynote-Präsentationen (DAS macht Spaß)
Apps & CoGUI-Entwicklungen (iPhone, iPad, Applikationen…)
Roadbooks mit detaillierten Angaben
(aka „Malen nach Zahlen“)
Mockups (Photoshop, AffinityDesigner)
Funktionelle Mockups (mit HYPE in HTML5)
Web-Apps für iOS Devices (mit HYPE)
Classical Advertising
Konzepte
Anzeigen
Folder/Flyer
Spots (TV, Trailer, Radio)
Mailings
Illustation & Graphik Design2D & 3D
Infographik
Corporate Design
Logoentwicklung
Magazin-Entwicklung
Titel Etwicklung
munich-airport-events.de
Apps & CoGUI-Entwicklungen (iPhone, iPad, Applikationen…)
Roadbooks mit detaillierten Angaben
(aka „Malen nach Zahlen“)
Mockups (Photoshop, AffinityDesigner)
Funktionelle Mockups (mit HYPE in HTML5)
Web-Apps für iOS Devices (mit HYPE)
Classical Advertising
Konzepte
Anzeigen
Folder/Flyer
Spots (TV, Trailer, Radio)
Mailings
Illustation & Graphik Design2D & 3D
Infographik
Corporate Design
Logoentwicklung
Magazin-Entwicklung
Titel-Entwicklung
Sie vermissen etwas auf der Liste
und wollen wissen, ob wir das machen?
Schicken Sie uns eine E-Mail oder rufen Sie uns einfach an!
agentur@twenty-first.de
Sie werden feststellen, dass die derzeitige Website inzwischen anders aussieht. Wir haben uns entschlossen, unseren präferierten Entwurf stattdessen zu präsentieren, der initial Anfang des Jahres 2018 genau so live gegangen ist.
www.mymovingpartner.de
mymovingpartner.de (2018)
www.k-tronik.de - Automotive u.a. (2018)
www.k-tronik.de
www.soolong.de
www.soolong.de - Mode für große schlanke Männer (2018)