Starfetch background

A Branding, UX/UI & Development Transformation For StarFetch

Starfetch website on a laptop

Client

•Starfetch Investment AG

Timeframe

•20 Days

Deliverable

•Branding

•UX/UI Design

•Web App Development

•AWS Deployment

PAIN POINTS

Starfetch needed to explain a complex financial product through a clear digital experience. Its identity, product information and user journey had to work together so visitors could understand the proposition, explore the platform and find a direct way to get in touch.

SOLUTIONS

We created a visual identity and designed the platform around clear navigation and focused product screens. We then developed the web app with a React and TypeScript frontend, a Node.js and Express backend, and an AWS deployment workflow.

OVERVIEW

Starfetch Investment AG is a Swiss company historically associated with financial technology and investment products. For this project, SDS brought its Starfetch-branded digital experience together across identity, interface design and development. The resulting design gives product information, platform actions and contact points a consistent structure.

Technologies

  • React JS ( Frontend )React JS ( Frontend )
  • Typescript ( Frontend )Typescript ( Frontend )
  • Express ( Backend )Express ( Backend )
  • Node.js ( Backend )Node.js ( Backend )
  • MongoDB ( Database )MongoDB ( Database )
  • RedisRedis

Design Softwares

  • FigmaFigma
  • Adobe PhotoshopAdobe Photoshop
  • Adobe IllustratorAdobe Illustrator

Deployment & Server Administration

  • Amazon Web ServicesAmazon Web Services
  • EC2 InstanceEC2 Instance
  • S3 BucketsS3 Buckets
  • Jenkins CI/CD PipelineJenkins CI/CD Pipeline

SERVICES

We worked across the identity and platform, from the first interface concepts through development and deployment.

Branding & Visual Identity
UI/UX Design
Web App Development
System Architecture
Responsive Interface Design
AWS Deployment

OUR DECISION

Financial products need more than a striking first screen. We gave the platform a consistent visual system and organised its pages around what visitors need to understand and do next. The design keeps product details readable and actions easy to locate.

Graphic Design

01BRANDING
BRANDING
02COLOUR PALETTE
COLOUR PALETTE
1. primary color2. secondary color3. accessibility(contrast ratio)
1. primary color2. secondary color3. accessibility(contrast ratio)
03TYPOGRAPHY
TYPOGRAPHY
1. font selection2. readability
1. font selection2. readability
04ICONOGRAPHY & IMAGERY
ICONOGRAPHY & IMAGERY
1. icon style2. illustration
1. icon style2. illustration
01
BRANDING
Starfetch branding banner
02
COLOUR PALETTE
0B172A94DFEBFFFFFFF3F3F3

COLOR

32CAE2FF474721293B223144

CONTRAST

03

TYPOGRAPHY

READ - ABILITY

PrimarySpace Grotesk
SecondaryInter
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

ICON STYLE

trash
edit
user
star
star
star

UX/UI Design

We designed the interface to make a detailed financial proposition easier to navigate. Product information, action cards and forms follow a consistent pattern across the screens shown.

UI Components

w1
widget 1
widget 2

Desktop View

The desktop layout introduces the proposition, highlights the available product journey and places the main action where visitors can find it quickly.

Starfetch landing page on laptop

Main Pages

Trade Page

The trade interface groups the product overview and transaction controls in one view, helping users review the information before taking an action.

Trade Page

About Us

This page gives visitors space to understand Starfetch’s background and the thinking behind the platform.

About Us

Contact Us

A focused form provides a direct route for questions and enquiries, with clear fields and a visible submission action.

Contact Us

Conclusion

The new Starfetch website successfully captures their brand identity and provides a superior user experience, positioning them strongly in the SaaS market.

Ready to Get Started?