Hybrid

A modern wallet that bridges the gap between physical and digital payment methods.

Project

Interface Design 1

Semester

2nd Semester

Year

2024

Institution

HfG Schwäbisch Gmünd

Role

Concept, UX Design, UI Design

Team

Moritz Beder

Enes Cilingir

Franz Anhäupl

Problem Statement

Our semester project aims to make everyday life more intuitive and accessible through innovative haptic user interfaces. The focus is on the development of interfaces that enable seamless interaction with technical devices through tactile feedback.

We are currently living between two worlds – the physical and the digital – and our wallets reflect this transitional phase.

Hybrid Wallet Project Cover

Concept

For our topic, we analyzed our current wallets and thought about how we could improve them. We quickly realized that we are currently living between two worlds. On the one hand, there is the new digital world, in which we are trying to digitize more and more cards – be it the Deutsche Bahn card, our bank card or the Payback card.

You might think that the wallet is obsolete – but that's not the case. There are still plenty of cards that are not yet available digitally. Not all shops where you shop have the option of paying by card, and receipts that you want to take with you also need somewhere to be stored.

As a medium at the checkout, you therefore always have to take your mobile phone with you in addition to your wallet. With our product, we want to create a solution to this problem.

Product Requirements

Why should I use the product?

Our product should combine all the functions that are available in both the conventional and digital areas. It should be suitable for everyone and not be off-putting for those with technical skills. The product should also offer security.

Intuitive Secure Universal Inclusive

What does our product include?

Cash compartment
Cash Compartment

Secure space for bills with easy access

Card compartment
Card Compartment

Protective slots for physical cards

Coin compartment
Coin Compartment

Dedicated space for storing coins

Localization & speaker
Find Your Wallet

GPS tracking and sound alert to locate your wallet

Touch ID security
Biometric Security

Fingerprint authentication for access control

NFC option
Contactless Payments

Built-in NFC technology for digital transactions

LED display
Visual Feedback

Color-coded LED indicators for card selection and status

Research & Analysis

In order to gain an insight into the current status of users, we created a questionnaire and had it completed by 14 respondents. This allowed us to gain interesting insights into user behavior.

Among other things, we learned that few of the respondents have a digital card, that their wallets are too bulky and that they carry a lot of cards that are not available digitally.

Checkout Process Analysis

A further aid in the development of our product was the analysis of the checkout process:

Checkout Process Analysis
Analysis of user behavior at checkout points
1

Approaching Checkout

User prepares payment method before reaching the cashier

2

Payment Selection

Decision point between digital and physical payment methods

3

Transaction

Completing payment and verification process

Brand Identity

Color Palette

Primary Blue

#4378FF

Secondary Blue

#5994FF

Light Blue

#8EBAFF

White

#FFFFFF

Black

#000000

Typography

TT AUTONOMOUS

Primary Display Font

HELVETICA NEUE

Secondary Font / Body Text

Prototyping Process

Prototyping Process Overview

HYBRID 1.0 - First Sketches

Our prototyping process involved multiple iterations based on user feedback and technical feasibility. We began with sketches, moved on to cardboard mockups, and eventually built fully functional prototypes.

Cardboard Prototype 1
Early design sketches exploring form and functionality
Cardboard Prototype 2
Detailed sketches of internal components and mechanisms

Cardboard Prototype

We created a cardboard prototype to test basic ergonomics and size constraints.

First Functional Prototype

We developed our first functional prototype with basic features to gain insights into design errors and usability issues.

First Prototype 1
First functional prototype with basic structure
First Prototype 2
Card access mechanism in action

Insights from First Prototype

This prototype allowed us to identify design errors and usability issues early on, enabling us to refine our solution effectively.

Prototype Insights 1
Testing the efficiency of the card slot design
Prototype Insights 2
Multi-card organization system evaluation

HYBRID 2.0 - Refined Prototype

In this iteration, we soldered the technology externally to enable operable controls, including a push and turn button. An LED strip was added to the front to provide visual feedback, allowing users to change colors to match their card arrangement.

We can control this via the buttons so that you can change the color to match the card arrangement stored in the app by turning the knob.

User Persona

Alex

23 years old
Tech Savvy

Embraces digital solutions but still carries physical cards and cash

Minimalist

Appreciates clean design and streamlined experiences

Security Conscious

Values protection of financial information and assets

Efficiency Seeker

Looks for solutions that simplify everyday tasks

"I want a simple way to manage all my payment methods without carrying multiple cards and apps."

Goals
  • Pay securely and seamlessly across platforms
  • Reduce wallet bulk while maintaining functionality
  • Easily manage multiple accounts in one place

Usability Test

We conducted a usability test with six participants in their early to mid-20s, each with different experiences using mobile payments and wallets. The test aimed to understand usage behavior and identify areas for improvement.

Tasks

HYBRID 3.0 - Final Prototype

LED Function

The LED system displays transaction activity through subtle lighting cues for a comfortable visual experience.

Further Development

We refined our prototype to create a more compact, sleek wallet with hidden technical components and an integrated charging cable.

Improvements

Using a smaller yet powerful Arduino Micro allowed us to achieve a compact design without sacrificing functionality.

HYBRID App

Functionality

The HYBRID App provides complete control over your wallet through an intuitive interface, enabling features such as card blocking, adding payment options, LED color customization, and more.

Block Card

Instantly freeze any card if lost or stolen.

Add Payment Option

Integrate new cards via scanning or manual entry.

Color Settings

Customize LED colors for quick card identification.

Sound Settings

Configure audible feedback and notifications for transactions.

Find Wallet

Locate your wallet using GPS tracking and sound alerts.

Transaction History

Review detailed analytics of your spending activities.

Security Settings

Manage passwords, Touch ID, and authentication methods.

Wallet Preferences

Customize the wallet's behavior and interface.

App Screenshot 1
Home screen with wallet status overview
App Screenshot 2
Digital card management interface

UI Design - Card Management

The UI design is modern and elegant, emphasizing user-friendliness. The "Card settings" screen displays four round icons for functions such as "Show Card", "Lock Card", "Set Sound", and "Set Color".

Contrast

The strong contrast between the dark background and the white/colored elements ensures clear visibility and an intuitive user experience.

Functions Snapshots

Location finder for the wallet
Transaction history with detailed information
Adding a new payment card
Password protection settings
Card blocking interface
User profile and preferences
Thumbnail 1
Thumbnail 2
Thumbnail 3
Thumbnail 4
Thumbnail 5
Thumbnail 6

Conclusion

Bridging the Digital and Physical Worlds

The HYBRID wallet represents a significant step forward in payment technology, addressing the unique challenges of our transitional era where digital and physical payment methods coexist. Our project successfully bridges this gap by creating a wallet that works seamlessly with both traditional cards and modern digital payment options.

Through multiple iterations and user testing, we've designed a product that meets the needs of young, tech-savvy users who still navigate a world where not everything is digital.

The accompanying app extends the wallet's functionality, creating an ecosystem that delivers security, convenience, and visual feedback.

Future Opportunities

Enhanced Security Features

Implementing biometric authentication and encryption to further secure assets.

Modular Design

Creating a customizable wallet system that adapts to individual needs.

Smart Ecosystem Integration

Expanding compatibility with IoT devices for seamless financial management.

See More Projects