Hypercode Blog, #Development
Welcome to the new hypercode.de!
Die neue hypercode.de ist kein Relaunch um des Relaunches willen. Sie ist das Ergebnis der Frage, wie wir das, was uns und unsere Arbeit ausmacht, noch besser sichtbar machen können. Denn es ist einiges passiert: Hypercode ist gewachsen, unser Portfolio hat sich weiterentwickelt und unser Anspruch an die eigene Außendarstellung ebenfalls1. Die neue Website greift das auf: Sie erzählt direkter, zeigt mehr und spricht klarer aus, was wir für unsere Kund*innen leisten.
Show, don't tell
Was schon in der Vorgängerversion angelegt war, haben wir konsequent weitergedacht: Hypercode ist ein Digital Product Studio mit eigenem, hohem (Qualitäts-)Anspruch – und genau das soll die Website vom ersten Moment an vermitteln. Der neue Auftritt setzt auf mehr Kontrast, stärkere Akzente und eine Bildsprache, die unsere Arbeit unmittelbar erlebbar macht. Weniger erklären, mehr zeigen.
Deshalb zeigt die neue hypercode.de deutlich mehr Bewegtbild – direkt aus unseren Projekten, nicht aus Stock-Archiven. Ergänzt wird das durch zahlreiche neue Case Studies, die unsere Projekte von Strategie über Konzeption bis zur Umsetzung konkret nachvollziehbar machen. Vom Showreel auf der Startseite bis zu jedem einzelnen Projekt-Screencast: Die neue Website macht unsere Arbeit so greifbar wie nie zuvor.
Spotlight: Unsere Leistungen
Ein zentraler Bestandteil der neuen Informationsarchitektur sind unsere neu gedachten Leistungsseiten, die präzise aufzeigen, wie wir arbeiten und was dabei entsteht. Das gliedern wir in What We Do, also wo unsere Expertise liegt, und What We Create, welche Outcomes für und mit unseren Kund*innen wir damit erreichen:
What We Do
- Produktstrategie & Architektur – Wir helfen bei der Entwicklung der Digitalstrategie und Produktidee, beraten bei der Technologieauswahl und Architektur und identifizieren frühzeitig Lösungsansätze durch die Analyse angrenzender Geschäftsprozesse.
- Konzeption & Design – Durch eine auf Kund*innen abgestimmte Designsprache schaffen wir ansprechende User Experiences. Unsere Nähe zum Development ermöglicht uns dabei die verlustfreie Realisierung komplexer Designanforderungen.
- Software- & Web-Entwicklung – Als tatkräftiger Implementierungspartner entwickeln wir hochperformante, intuitiv bedienbare Mobile Apps, Web-Apps, Konfiguratoren, Websites und Web-Services, die ihre Nutzer*innen begeistern.
What We Create
- Mobile Apps für iOS & Android – Wir entwickeln mobile Anwendungen, die auf allen Plattformen überzeugen – technisch präzise, gestalterisch klar und optimal integriert. Von hybriden Architekturen bis zur nahtlosen Nutzung nativer Funktionen.
- Corporate Websites – Wir gestalten und entwickeln individuelle Webauftritte, die komplexe Inhalte klar strukturieren, technologische Exzellenz vermitteln und durch beste Performance und spannende Interaktionen in der Nutzerführung überzeugen.
- Web-Apps & Produktkonfiguratoren – Interaktive Tools, die Entscheidungen erleichtern und Prozesse beschleunigen: modular, skalierbar und optimal integriert in bestehende Systeme und Geschäftsmodelle.
- Individualsoftware – Wenn Standardlösungen an Grenzen stoßen, entwickeln wir maßgeschneiderte Software, die genau auf die jeweiligen Anforderungen zugeschnitten ist. Modular gedacht, skalierbar umgesetzt – mit klarem Fokus auf Wartbarkeit und Effizienz.
Dazwischen findet ihr das ein oder andere Easter Egg, denn auch ein Business-Auftritt sollte unserer Meinung nach Spaß machen. 🐣 Viel Spaß beim Erkunden der neuen Inhalte – und wie immer freuen wir uns über Feedback und Anregungen!
Footnotes
- Tatsächlich ist es so, dass unsere Kund*innen den Prozess schon länger verfolgen konnten, denn unsere Präsentation, Kommunikation, etc. spiegelt das alles – samt der neuen Farbwelten – bereits seit einigen Monaten wider. ↩
awork × Raycast – Unsere Lieblings-Projektmanagementsoftware trifft auf unseren Lieblings-Launcher
Als Digital Product Studio, das überwiegend im Kundenauftrag agiert, sind für uns eine effiziente Ressourcenplanung, präzise Projektkommunikation und eine unterbrechungsfreie Zeiterfassung das A und O einer funktionierenden Organisation.
Nach einer – wie wir dachten – endlosen Suche nach dem idealen Projektmanagement-Tool sind wir im Sommer 2023 auf awork gestoßen. Schnell wurde klar: Die Lösung aus Hamburg vereint endlich all jene Anforderungen, die für uns zentral sind – Kommunikation, Planung und Zeiterfassung – in einer Plattform. Einer Plattform, die nicht nur ansprechend gestaltet ist und kontinuierlich weiterentwickelt wird, sondern dank offener APIs und guter Dokumentation auch Spielraum für individuelle Erweiterungen lässt.
Und da wir im Team zudem große Fans des erweiterbaren Application-Launchers Raycast sind, war für uns schnell klar: Wir brauchen eine Raycast-Extension, mit der wir direkt in awork suchen, Projekte & Aufgaben öffnen oder Zeiten mit wenigen Tastenkombinationen erfassen können (wir empfehlen Hyperkey+A). Um somit direkt von überall aus mit awork interagieren zu können – ob nun zur Referenz einer Aufgabe, während wir in Figma designen; zur Zeitbuchung nach einem erfolgreichen Pull Request oder weil wir die Mailadresse eines Projekts brauchen (Tipp: ⌃E), um eine E-Mail dorthin weiterzuleiten.
Seit einigen Monaten setzen wir unsere awork-Extension für Raycast nun schon intern ein – und sie ist aus unserem Arbeitsalltag nicht mehr wegzudenken. Nach einem sehr positiven Austausch mit dem awork-Team stand fest: Wir veröffentlichen die Extension kostenlos im Raycast Store, damit auch andere Teams und Nutzer*innen von awork und Raycast ihre Arbeitsprozesse damit vereinfachen und beschleunigen können. Alles was dazu nötig ist, ist die Einrichtung eines API-Clients in awork, was komfortabel über das User Interface erledigt werden kann und in diesem awork-Supportdokument nochmal genau beschrieben wird.
👉 Jetzt mehr erfahren:
Alle Infos zur Extension, Einrichtung & Features findest du auf unserer Projektseite:
→ hypercode.de/projekte/awork-raycast
🚀 Feedback erwünscht!
Wir freuen uns über Feedback, Feature-Wünsche oder einfach ein kurzes „Gefällt mir“ – am liebsten via LinkedIn, Instagram oder direkt per Mail. ☺️
Walzwerk-App – Ein interaktiver Lageplan mit Mietersuche und GPS-Wegfindung
Das Walzwerk ist nicht nur Unternehmensstandort für Firmen aus den Bereichen Digitalisierung, Online-Handel und Bildung, sondern auch ein beliebter Kultur- und Freizeitort im Großraum Köln. Das 35.000 Quadratmeter große Areal im Westen von Pulheim zieht täglich zahlreiche Besucher*innen an - darunter Geschäftsleute und Privatpersonen. Neben Ateliers und Unternehmen finden sich auf dem Gelände ein Theater, ein Schwimmbad, Gastronomie, eine Kirche sowie zahlreiche Künstlerwerkstätten. Angesichts der Größe und Vielfalt kann die Orientierung jedoch herausfordernd sein.
Seit Dezember wird den Besucher*innen mit der Walzwerk-App unter app.walzwerk.de digitale Unterstützung geboten:
- Interaktiver Lageplan und Mietersuche – Mit der App lassen sich Mieter*innen und Ateliers schnell suchen und auffinden. Ausgewählte Mieter*innen/Ateliers werden direkt im Lageplan verortet. Der Weg dorthin wird ausgehend von der GPS-Position des Besuchers direkt & live auf der Karte eingezeichnet.
- GPS-Wegfindung in Echtzeit – Besucher*innen können sich live zur gewünschten Location navigieren lassen. Die Route wird basierend auf der aktuellen GPS-Position direkt auf der Karte eingezeichnet. Falls GPS nicht verfügbar ist, wird die Hauptzufahrtsstraße oder der Standort der genutzten QR-Code-Hinweistafeln als Startpunkt verwendet.
- Browser-basiert ohne Installation – Die App funktioniert direkt im Internet-Browser, ohne dass eine Installation aus den App Stores erforderlich ist. Auf dem Gelände machen Hinweistafeln mit QR-Code auf die App aufmerksam.
- Für Mobile und Desktop – Die Anwendung funktioniert nicht nur auf Smartphones und Tablets, sondern auch auf Desktop-Rechnern, so dass Wegbeschreibungen überall eingesehen und geteilt werden können (z.B. in einer E-Mail-Signatur).
Der Schutz der Besucherdaten war ein besonders großes Anliegen: Die GPS-Position wird ausschließlich zur Routenführung genutzt und verbleibt auf dem Gerät der Besucher*innen. Es erfolgt keine Speicherung oder Weiterverarbeitung der Daten.
Die Walzwerk-App ist direkt an das digitale Mieterverzeichnis des Walzwerks angebunden. Dadurch sind alle Informationen stets auf dem neuesten Stand und Änderungen werden automatisch übernommen.
Eine neue, flexible Website für Quiply, die #1 Mitarbeiter-App
Die Mitarbeiter-App Quiply zeichnet sich durch viele, hilfreiche Funktionen – von Channels und Chats bis hin zu Umfragen und Mitarbeiterverzeichnis – aus, die die Vernetzung und den Informationsaustausch in Unternehmen aus verschiedensten Branchen fördern und verbessern. Über individuelle Anpassungen können dabei die jeweiligen Branchen-Anforderungen berücksichtigt werden – egal ob für Industrie, Healthcare, Handel, Gastronomie oder kommunale Unternehmen.
Die große Stärke von Quiply ist damit zugleich die größte Herausforderung an die Konzeption, das Design und die Entwicklung einer Website. Schließlich wollen all diese Funktionen gezeigt und zielgruppenspezifisch aufbereitet werden. Was das für den Website-Relaunch bedeutet, war schnell klar: Die App-Funktionen sollten den Nutzern interaktiv und audiovisuell vermittelt werden können. Das Page-Building musste möglichst flexibel gestaltet werden können, um alle Use Cases optimal und abwechslungsreich darstellen zu können.
In unserer neuen Case Study zum Website-Relaunch von Quiply beschreiben wir den Weg, den wir zusammen mit den Kollegen von Quiply zur Realisierung eben dieser Anforderungen eingeschlagen haben und welche Technologie-Entscheidungen wir währenddessen getroffen haben. Das Ergebnis können Sie sich derweil bereits auf quiply.com ansehen.