Triphunt

Plan outdoor trips with friends

Founder

Triphunt iOS and Android App in a phone mockup

Brief

Did you ever plan a hiking or biking trip? It takes a long time to collect all the information from different places such as routes, weather, gear, topography, POIs, restaurants, lodges, directions etc. Triphunt helps you to plan your next outdoor trip with your friends and family with all the information you need in one app. We came up with the app idea initially in 2016, did a huge market research and finally started to develop it as own product natively for iOS and Android with a team of developers in 2022.

Services
Business Planning, Stragegy, Project Management, Design System, UX/UI Design, Branding, Marketing, Team Management and many more
Platforms
Native iOS, Native Android, Web
Site
Visit site
App
App Store | Play Store

Design System

We have setup a multi platform system, which supports native iOS and native Android components, as well as light and dark mode for both platforms. A 3-Level token setup allows to create an aligned base palette for all platforms. The token system also supports native typography and colors for native components.

Triphunt primary, secondary, and surface color tokens shown in both light and dark mode variants

Triphunt token flow diagram from foundation colors through light and dark base tokens to iOS and Android button components

Triphunt button component token tree showing surface, text, and icon values for the primary normal state

Triphunt iOS typography scale table using SF Pro, listing text styles, sizes, and weights

Triphunt Android typography scale table using Roboto, listing text styles, sizes, and weights

Components

All components are tokenized and properties are aligned between design and development. The system supports native components such as iOS actionsheets or Android Chips. New custom components are following native patterns of each platform and therefore allow easier updates after future major OS updates to reduce development costs.

Triphunt iOS and Android component library — buttons, category chips, trip cards, menu lists, and dialogs shown in light and dark themes

Triphunt button component states (default, pressed, disabled) and iOS and Android bottom navigation bars

Triphunt filled button component properties mapped to a rendered green button

Triphunt primary button component properties mapped to a rendered green button instance

Triphunt trip card component properties, including distance and duration badges, mapped to a rendered hiking trip card

Triphunt trip card component property variant showing text, vote, and badge options mapped to a rendered trip card

Triphunt spacing token scale table from space-base 4px to space-2xl 32px

Design

The design follows the native patterns and design language of both platforms, so users of iOS as well as Android feel home and know how to use it. The general design is using earth and nature tones and natural materials in illustrations.

Triphunt trip detail screen for an Eibsee trip showing route count, day planning, participants, and packing list

Triphunt activity category selector with illustrated cards for mountain biking, climbing, biking, hiking, and skiing

Triphunt create-trip screen with trip name, activity type selection, and start and end date pickers

Triphunt trip participants screen for inviting and managing travel companions

Collage of Triphunt screens showing trip cards, route details, activity selectors, and a first-trip achievement badge

Triphunt route filter screen with difficulty, route type, and distance filters, showing matching results

Other Projects

Work with us

If you're building a design system or need to bring order to your component library, we'd like to hear about it.

Schedule a call