Product-service system

Stitch

A Safe Product Service System for Skill Exchange Based Travel Experiences

A product service system enabling safe travel experiences through value and skill exchange opportunities, bridging the gap between locals and travelers.

Project
ID 402 · Graduation Project

Duration
14 Weeks · June 2026

Role
Individual Project

Collaboration
Commencis

Stitch mobile application screens, Bluetooth charm and a traveler overlooking a mountain city
01

Project Statement

Stitch is a product-service system that creates a safe and gamified interaction environment, building bridges between travelers and locals through opportunities for value and skill exchanges.

As the application is used, a network is woven between the places visited by users through the spider mascot “Stitch.”

Stitch My Web, My Charm and Gather mobile screens
Heart-shaped Stitch charm and six interchangeable badge designs

Each user is accompanied by a two-part badge

  1. One part contains a Bluetooth tracking device and remains with the user.
  2. The other badge is exchanged with people they connect with, enabling the network to expand.
02

System and Safety Ecosystem

This product-service system prioritizes user safety throughout all stages of the journey by integrating emergency stakeholders and safety precautions.

Safety Settings

Users define permissions for emergency stakeholders. Police, ambulance and firefighters can be reached when necessary.

Stitch Application

My Web

Users join paths, exchange badges and tie new knots. Each exchange expands both participants’ networks.

The Charm

A Bluetooth tracker detects stability, movement and emergency-button input, then shares location data with the application.

Journey Safety

Joining paths connects applications, pre-arrival preparation, arrival checks and post-journey feedback.

Continuous Network

Badge journeys are stored while new owners, knots and shared paths continue to grow My Web.

Joining pathsPre-Arrival ChecklistArrival Safety SurveyPost-journey feedback
03

Process and Research

01

Project Description & Research

02

User Research, Surveys

03

Ideation

04

Personas, Journey Maps, Scenarios

05

Information Architecture, Wireframes

06

UI Design, Design System

07

Prototyping & Video Making

It has been a 14 week graduation project, in collaboration with software-tech firm Commencis, with 3 advisors including 2 UX and 1 UI designer.

04

Research Insights

A survey and interviews were conducted with a total of 25 people, establishing the key design priorities for Stitch.

14

weeks from research through prototyping.

25

people participated in surveys and interviews.

3

advisors: two UX designers and one UI designer.

Frictionless & Personalized Matching

The framework prioritizes user-centric filtering, map-based discovery, and fast application flows to seamlessly connect travelers with host organizations and short-term micro-contributions.

Hyper-Local & Continuous Community

The system fosters authentic local immersion through guided experiences and local events while sustaining traveler connections before, during, and after projects.

05

Ideation

Many ideation methods were implemented including asking 5W1H, affinity mapping, constraint, objective and directive maps, defining pain points in order to refine the project description and determine the main structure.

Affinity Mapping5W1H ExplorationOpportunity & Friction MappingConstraint MapsObjective MapsDirective Maps
5W1H exploration and final problem statement Affinity mapping of interview needs, behaviors and expectations Constraint, objective and directive map for the Stitch concept Sticky-note map of traveler pain points
06

Product Development

High Fidelity Wireframes

The product structure was developed across Home, Explore, Gather and My Web before being connected into the core happy-path journey.

High-fidelity grayscale wireframes for Stitch

Initial Happy Path Flow

Onboarding and customization interface screens

Finishes the onboarding and first customization

Personalized Stitch dashboard

Sees a personalized dashboard

Personal guidance interface

Follows personal guidance

Profile verification and membership screens

Fills the profile, completes verification and gets a membership

Explore and exchange application screens

Explores the app and finds an exchange

Accepted exchange and pre-arrival safety screens

Gets accepted and uses the pre-arrival information and safety checks

Journey feedback interface

Leaves feedback

Charm exchange and badge tracking interfaces

Charm exchange

07

UI Design System

Color System

Stitch color system with core, neutral and semantic palettes

Typeface

Manrope typeface and Stitch typography scale

Card Components

Stitch notification, journey, safety and emergency card components

Icon Set & Buttons

Stitch icon set, buttons and navigation bar

Mascot Design

Stitch spider mascot poses and expressions
08

Mobile App Design and Features

Stitch Home interface with starter guidance and recommended exchanges
01

Home

A starter guidance welcomes the user and current journeys, connecting with other travelers, hosting and safety details can easily be accessed.

Stitch Explore interface with exchange listings and journey notifications
02

Explore

This feature helps you to explore many skill exchanges, experiences or information you need.

Stitch Gather interface with communities, buddies and messages
03

Gather

With the Gather section, you can find travel buddies, local guides and groups in order to find company during your journeys.

Stitch host interface with exchange applicants and safety confirmation
04

Become Host

You can also become a host, start exchanges and experiences, and clearly view your participants and journeys.

Stitch My Web interface showing the travel connection network
05

My Web

You stitch a web as you get active in the app by traveling, meeting people and tying knots.

Stitch My Charm interface showing knots and exchanged badge journeys
06

My Charm

The badge on your charm can be exchanged, connecting you with other people while growing your web.

09

Physical Product and Bluetooth Tracker

The Charm and The Badge

Charm is a physical companion for the traveler, including a Bluetooth tracker and an exchangeable badge, transferring the feeling of exchange and connections into the real world.

Heart-shaped Stitch charm with compass badge and six interchangeable badge designs
Bluetooth tracker emergency light on a backpack

Bluetooth Tracker

Detects location change or rapid movements.

Interchangeable badges being exchanged

Customizable Badge

The user forms the charm themselves.

Emergency button being pressed on the Stitch charm

Emergency Button

The button on the charm functions as an emergency help button.

Stitch charm attached to a backpack

Easily Attachable

Can be attached easily to backpacks and bags.

Empty exchangeable badge slot on the Stitch charm

Exchangeable Badge

The badge continues its own journey.

Technical Details

Orthographic View

Top, front and section views of the Stitch charm

Exploded View

Exploded product view and parts list for the Stitch charm
10

Main Usage Scenario

11

Emergency Scenario

Safety settings, the physical charm and the application work together when the traveler cannot reach their phone.

Traveler reviews emergency settings on her phone01

Setting Safety Choices

Sets safety contacts and emergency stakeholders.

Traveler presses the red emergency button on the Stitch charm02

Emergency Case

She clicks the badge on her charm and the app detects the emergency.

A safety contact approaches the traveler03

Live Notification

She cannot reach her phone, but the location is detected and shared.

Police officers reach the traveler04

Safe Contacts Are Reached

She receives help immediately through police or a designated safety contact.

Video

QR code for the Stitch project video

Prototype

QR code for the Stitch prototype
Next Project

Pingu