[ { "featureType": "all", "elementType": "labels.text.fill", "stylers": [ { "saturation": 36 }, { "color": "#333333" }, { "lightness": 40 }, { "visibility": "off" } ] }, { "featureType": "all", "elementType": "labels.text.stroke", "stylers": [ { "visibility": "off" }, { "color": "#ffffff" }, { "lightness": 16 } ] }, { "featureType": "all", "elementType": "labels.icon", "stylers": [ { "visibility": "off" } ] }, { "featureType": "administrative", "elementType": "geometry", "stylers": [ { "visibility": "off" } ] }, { "featureType": "administrative", "elementType": "geometry.fill", "stylers": [ { "color": "#ffffff" }, { "lightness": 20 }, { "visibility": "off" } ] }, { "featureType": "administrative", "elementType": "geometry.stroke", "stylers": [ { "color": "#fefefe" }, { "lightness": 17 }, { "weight": 1.2 }, { "visibility": "off" } ] }, { "featureType": "administrative", "elementType": "labels", "stylers": [ { "visibility": "off" } ] }, { "featureType": "landscape", "elementType": "geometry", "stylers": [ { "color": "#f7f7f7" }, { "lightness": 20 } ] }, { "featureType": "landscape", "elementType": "labels", "stylers": [ { "visibility": "off" } ] }, { "featureType": "landscape.man_made", "elementType": "labels", "stylers": [ { "visibility": "off" } ] }, { "featureType": "landscape.natural", "elementType": "labels", "stylers": [ { "visibility": "off" } ] }, { "featureType": "poi", "elementType": "geometry", "stylers": [ { "color": "#f7f7f7" }, { "lightness": 21 } ] }, { "featureType": "poi", "elementType": "labels", "stylers": [ { "visibility": "off" } ] }, { "featureType": "poi.park", "elementType": "geometry", "stylers": [ { "color": "#dedede" }, { "lightness": 21 }, { "visibility": "off" } ] }, { "featureType": "poi.park", "elementType": "labels", "stylers": [ { "visibility": "off" } ] }, { "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [ { "color": "#eceff1" }, { "lightness": 17 }, { "visibility": "off" } ] }, { "featureType": "road.highway", "elementType": "geometry.stroke", "stylers": [ { "color": "#ffffff" }, { "lightness": 29 }, { "weight": 0.2 }, { "visibility": "off" } ] }, { "featureType": "road.highway", "elementType": "labels", "stylers": [ { "visibility": "off" } ] }, { "featureType": "road.arterial", "elementType": "geometry", "stylers": [ { "color": "#eceff1" }, { "lightness": 18 }, { "visibility": "on" } ] }, { "featureType": "road.arterial", "elementType": "labels", "stylers": [ { "visibility": "off" } ] }, { "featureType": "road.arterial", "elementType": "labels.text", "stylers": [ { "visibility": "on" }, { "hue": "#ff0000" } ] }, { "featureType": "road.local", "elementType": "geometry", "stylers": [ { "color": "#eceff1" }, { "lightness": 16 } ] }, { "featureType": "road.local", "elementType": "labels", "stylers": [ { "visibility": "off" } ] }, { "featureType": "transit", "elementType": "geometry", "stylers": [ { "color": "#f2f2f2" }, { "lightness": 19 }, { "visibility": "off" } ] }, { "featureType": "transit", "elementType": "labels", "stylers": [ { "visibility": "off" } ] }, { "featureType": "transit.station", "elementType": "labels", "stylers": [ { "visibility": "off" } ] }, { "featureType": "water", "elementType": "geometry", "stylers": [ { "color": "#26c6da" }, { "lightness": 17 }, { "weight": "1" } ] }, { "featureType": "water", "elementType": "labels", "stylers": [ { "visibility": "off" } ] } ]

Leave us a message.





Contact us today.

Respondsive
20 South Santa Cruz
Los Gatos, CA

Call: 1.408.335.9594
Email: [email protected]

Optimistic Traveler

Have a lasting impact on people's lives. One dream at a time.

A Project by Gabe Ali.

Lead Product Designer @ Respondsive

As creators we try to latch on to a core inspiration with each project.

In the case of Optimistic Traveler we didn’t have to look to far. The co-founders Milan and Muammer’s vision to help the dreams of one million underserved individuals from across the globe come true was truly inspiring.

Project Details.

The idea behind Optimistic Traveler (OT) is simple, connect dreamers with dream makers from across the world.

Who are the dreamers?
Individuals from across the world seeking help with small, but important, life altering causes.

“My dream is to study tourism.”
Mwamize from Zanzibar, Tanzania

“My dream is to get my home’s roof that is full of holes repaired.”
Mama Yen from Zimbabwe, Harare

“My dream is travel to France and perform a civil service.”
Siya from Cape town, South Africa

Who are the dream makers?
Everyday people who are open to committing time and in some cases small amounts of money to help a person in need.

A personal connection.
Kickstarter and similar platforms serve a need where a large number of people connect online to get behind a cause. OT on the other hand is focused on causes where it’s always a one to one relationship, one dream maker per dreamer.

Our role centered around creating the end-to-end product design and working closely with the development team to ensure delivery.

More specifically, we were responsible for the app:

Brand and Identity Design

Extended the company brand and identity to support the platform both in the online and real world.

User Expereince

End-to-end product design including: user research, interaction, visual and prototyping.

Digital Planning

Worked closely with key stakeholders on product roll out and platform strategy.

Outcomes and Key Decisions.

A Responsive, Browser App.

One of the first important decisions that needed to be made was which platform(s) was the MVP going to launch across: native, browser or both?
We took the following into consideration:


  • Project budget and timeline, we were up against it.

  • The fact that browser based apps have better luck with new user activation.

  • The initial target market of Morocco still had a large number of people using an older generation of phones.

Combined with the nature of the technical resources available for this project we decided to go with a responsive, browser app as the direction for the MVP.

The Dream Feed.

The home view of the app, the dream feed curates dreams from across the community.


  • Feed Organization: most recently updated dreams appear first.

  • Feed Content filtering: users have the option to filter dreams by category and location.

  • Dream Status: a dream can have two statuses, “Seeking Help” (where the dreamer is still looking for a dreamer to volunteer) and “Successful” (where the dreamer has found a volunteer).

  • Sharing Dreams: users have the option to share a dream to their preferred social platform.

The Dream Details.

From the home page users can click on a dream of interest to learn more about it.


  • About the Dream: in the top part of the screen users can learn more about the dream, including the amount of time and money that may be required to help make this dream come true.

  • Dream Updates: to keep the community in the loop dreamers can post updates in the form of videos, images and text. The dream updates appear below the fold.

  • Help Dreamer: users who are interested in helping the dreamer can click on the “Help Dreamer” button.

That is all folks. For additional details about this project please reach out to us.

Liked what you saw?

Reach out to us today to discuss your project needs. We can kick things of with a complimentary 30 minute consultation.