SPOC conkret
CONKRET ist ein österreichisches Statikprogramm, das seit 1994 entwickelt und erfolgreich vertrieben wird. 2021 übernahm die Firma spoc.at gmbh die Rechte am Produkt conkret und führt seither die Weiterentwicklung fort.
Hauptfunktionen: Statische Berechnung und Bemessungen für Stahlbeton, Stahl und Holz
Grundbauberechnungen nach ÖNORM EN 1997
Verbreitung: Über 1.500 Anwender in ganz Österreich nutzen die große Funktionalität des Statikprogramms
Pasching (Linz), OÖ
2008
Softwareentwicklung
7
Projektauftrag
Neugestaltung der Benutzeroberfläche des Statikprogramms CONKRET zur Verbesserung der User Experience und zur einheitlichen Integration in das neue Corporate Design der Unternehmenswebseite. Die Projektanforderungen umfassten die Überarbeitung und Vereinfachung branchenspezifischer Icons, die visuelle Harmonisierung mit der neuen Designsprache sowie die Entwicklung sowohl einer Light Mode- als auch einer Dark Mode-Variante für optimale Nutzbarkeit in unterschiedlichen Arbeitsszenarien.
Ergebnis
Das Redesign resultierte in einer deutlich verbesserten Benutzerfreundlichkeit durch eine intuitive Oberflächengestaltung und optimierte Navigation.
Die überarbeiteten branchenspezifischen Icons und präzise Button-Beschriftungen ermöglichen neuen Anwendern eine schnellere Einarbeitung und effizienteres Arbeiten.
Die zusätzliche Bereitstellung von Light Mode und Dark Mode unterstützt unterschiedliche Nutzungsszenarien und trägt zur erhöhten Anwenderakzeptanz bei.
Ausgangssituation
Finales Redesign (Light Mode)
Finales Redesign (Dark Mode)
Prozess
Research & Analyse: Ich führte eine Konkurrenzanalyse durch und recherchierte Branchentrends, um fundierte Designentscheidungen treffen zu können.
Informationsarchitektur: Um die geforderte Konsistenz zur Website zu gewährleisten, passte ich Navigation und Menüstruktur der App entsprechend an.
Wireframing & Prototyping: Ich visualisierte das Konzept zunächst durch Low-Fidelity-Wireframes, erstellte ein passendes Iconset in Adobe Illustrator und entwickelte schließlich einen vollständig interaktiven Prototyp in Figma zum Testen der User Experience.
Usability Test: Auf Grundlage des Kundenfeedbacks entwickelte ich sechs Design-Varianten als interaktive Figma-Prototypen. Nach mehreren Testzyklen und Optimierungsrunden fiel die Entscheidung für eine finale Version, die ich anschließend in beiden Modi (Light/Dark) detailliert ausarbeitete.
Style Guide & Implementierung: Zum Projektabschluss entwickelte ich einen detaillierten Styleguide, der sowohl die langfristige Designkonsistenz gewährleistet als auch die technische Umsetzung für die Entwickler optimiert.
Das finale Design-Ergebnis: Sechs zentrale Anwendungsseiten im direkten Vergleich zwischen Light und Dark Mode. Einheitliche Gestaltungsprinzipien gewährleisten eine nahtlose Nutzererfahrung in beiden Modi.
“ Das mit den Bildern wirkt super, alles sieht sehr aufgeräumt aus. Die Farben sind so auch passender. Die Reaktionen der Kollegen waren sehr positiv und du hast das Projekt äußerst positiv abgeschlossen. Gratuliere! ”
Mario Priller
Projektleiter, Frontend Development | SPOC
Konsistente Button-Gestaltung für optimale Usability: Primary Buttons für Hauptaktionen und Call-To-Action Buttons für conversion-kritische Interaktionen, jeweils optimiert für Dark und Light Mode mit einheitlicher Typografie und Farbgebung.
Ausgangssituation: Komplexes, farbintensives Icon mit kleinteiligen Details, die bei kleineren Darstellungsgrößen schwer erkennbar sind und die Übersichtlichkeit beeinträchtigen.
Finales Redesign: Minimalistisches, gut erkennbares Icon im neuen Corporate Design. Krafteinwirkung vereinfacht: Wind-Symbol & Schneeflocke - beide Icons nun auch bei kleinen Größen klar erkennbar.
Fazit
Durch das Redesign wurde die conkret Statikprogramm-Benutzeroberfläche zu einer intuitiven, effizienten Arbeitsumgebung. Das Projekt verdeutlichte, wie strategisches UX/UI-Design direkt zu höherer Nutzerakzeptanz und -zufriedenheit führt.
