Starfetch background

Eine Branding-, UX/UI- & Entwicklungstransformation für StarFetch

Starfetch website on a laptop

Kunde

•Starfetch Investment AG

Zeitrahmen

•20 Tage

Lieferung

•Branding

•UX/UI-Design

•Web-App-Entwicklung

•AWS-Deployment

AUSGANGSLAGE

Starfetch musste ein komplexes Finanzprodukt durch ein klares digitales Erlebnis verständlich machen. Markenidentität, Produktinformationen und Nutzerführung mussten nahtlos ineinandergreifen, damit Besucher das Angebot auf Anhieb verstehen, die Plattform erkunden und einen direkten Kontaktweg finden können.

LÖSUNG

Wir entwickelten eine visuelle Identität und gestalteten die Plattform rund um eine übersichtliche Navigation und fokussierte Produktansichten. Anschliessend realisierten wir die Web-App mit einem Frontend in React und TypeScript, einem Node.js- und Express-Backend sowie einem automatisierten AWS-Deployment-Workflow.

ÜBERBLICK

Die Starfetch Investment AG ist ein Schweizer Unternehmen im Bereich Finanztechnologie und Anlageprodukte. Für dieses Projekt führte SDS das digitale Markenerlebnis von Starfetch über Identität, Interface-Design und Entwicklung zusammen. Das Ergebnis verleiht Produktinformationen, Plattformfunktionen und Kontaktpunkten eine durchgängig klare Struktur.

Technologien

  • React JS (Frontend)React JS (Frontend)
  • TypeScript (Frontend)TypeScript (Frontend)
  • Express (Backend)Express (Backend)
  • Node.js (Backend)Node.js (Backend)
  • MongoDB (Datenbank)MongoDB (Datenbank)
  • RedisRedis

Design-Software

  • FigmaFigma
  • Adobe PhotoshopAdobe Photoshop
  • Adobe IllustratorAdobe Illustrator

Deployment & Server-Administration

  • Amazon Web ServicesAmazon Web Services
  • EC2-InstanzEC2-Instanz
  • S3-BucketsS3-Buckets
  • Jenkins CI/CD-PipelineJenkins CI/CD-Pipeline

LEISTUNGEN

Wir begleiteten das Projekt ganzheitlich von den ersten Interface-Konzepten über das Markendesign bis hin zur vollen Entwicklung und dem Deployment.

Branding & visuelle Identität
UI/UX-Design
Web-App-Entwicklung
Systemarchitektur
Responsives Interface-Design
AWS-Deployment

UNSERE ENTSCHEIDUNG

Finanzprodukte erfordern mehr als nur einen markanten ersten Eindruck. Wir gaben der Plattform ein konsistentes visuelles System und strukturierten alle Seiten anhand der Fragen, die Nutzer verstehen und als Nächstes ausführen möchten. So bleiben Produktdetails stets gut lesbar und Kernaktionen sofort auffindbar.

Grafikdesign

01BRANDING
BRANDING
02FARBPALETTE
FARBPALETTE
1. Primärfarbe2. Sekundärfarbe3. Barrierefreiheit (Kontrastverhältnis)
1. Primärfarbe2. Sekundärfarbe3. Barrierefreiheit (Kontrastverhältnis)
03TYPOGRAFIE
TYPOGRAFIE
1. Schriftauswahl2. Lesbarkeit
1. Schriftauswahl2. Lesbarkeit
04IKONOGRAFIE & BILDSPRACHE
IKONOGRAFIE & BILDSPRACHE
1. Icon-Stil2. Illustration
1. Icon-Stil2. Illustration
01
BRANDING
Starfetch branding banner
02
FARBPALETTE
0B172A94DFEBFFFFFFF3F3F3

FARBE

32CAE2FF474721293B223144

KONTRAST

03

TYPOGRAFIE

LES- BARKEIT

PrimärSpace Grotesk
SekundärInter
Extra LightStarfetch

The quick brown fox jumps over the lazy dog

LightStarfetch

The quick brown fox jumps over the lazy dog

RegularStarfetch

The quick brown fox jumps over the lazy dog

MediumStarfetch

The quick brown fox jumps over the lazy dog

BoldStarfetch

The quick brown fox jumps over the lazy dog

04

IKON-STIL

trash
edit
user
star
star
star

UX/UI Design

Wir haben das Interface so gestaltet, dass ein detailliertes Finanzangebot intuitiv erfassbar wird. Produktinformationen, Aktionskarten und Formulare folgen auf allen Bildschirmen einem einheitlichen Muster.

UI-Komponenten

w1
widget 1
widget 2

Desktop-Ansicht

Das Desktop-Layout führt das Angebot ein, hebt den Produktverlauf hervor und platziert zentrale Handlungsaufforderungen genau dort, wo Besucher sie schnell auffinden.

Starfetch landing page on laptop

Hauptseiten

Handelsseite

Die Handelsoberfläche bündelt Produktübersicht und Transaktionssteuerung in einer Ansicht, damit Nutzer alle Informationen vor einer Aktion prüfen können.

Handelsseite

Über uns

Diese Seite vermittelt Besuchern den Hintergrund von Starfetch und die Philosophie hinter der Plattform.

Über uns

Kontakt

Ein zielgerichtetes Formular bietet einen direkten Weg für Fragen und Anfragen – mit klaren Feldern und deutlicher Absendeaktion.

Kontakt

Fazit

Die neue Starfetch-Website bringt die Markenidentität präzise auf den Punkt und bietet ein erstklassiges Nutzererlebnis, das Starfetch optimal im SaaS- und Fintech-Markt positioniert.

Bereit loszulegen?