Yervana Website and iOS Mobile App

Built for iOS

Web and backend transformation

Peer-to-peer reviews

Secure payment platform

Find your yervana

Yervana is a marketplace where travellers and adventure seekers can connect with locals to take part in authentic and personalized experiences. Through the mobile app and website, users can browse activities, select and book the listing they’re interested in, and communicate with the host to coordinate the details. Yervana offers a safe and secure platform for payment and is managed by a peer-to-peer review system similar to other shared marketplace apps. Perfect for adventure buffs and individuals who like to wander off the beaten path, Yervana lets you experience the different and the unique.

Two sides to every story

The Yervana app features two main user types, each with their own end goals. Guests are users looking for their next personalized experience, and Hosts are experience providers looking to share, teach or guide guests in their field of interest. Let’s take a closer look at each one.

Guests

Guests can browse and explore the many adventures listed.
Each adventure has complete details on ratings, reviews, price, meeting places, and other important information.
Guests can contact the hosts directly on the website or app for easy two way communication.
Guests can favourite adventures that caught their eye and revisit them at a later date.

Hosts

Hosts can organize and keep track of their itinerary to see all their upcoming activities and bookings.
Hosts can create new activities featuring 3 different states (Published, Drafts, and Unpublished).
Like guests, the Inbox tab lets hosts communicate with guests.

Yervana mobile app UI screens for guests

Examples of pages on the Yervana website

Design

The UX phase of the Yervana project featured the following stages:

Defining
user journeys

Sketching with
pen + paper

Digitizing
wireframes

UX

We constructed the flow of the wireframes based on the user journeys of guests and hosts. The screens are kept in black and white to prevent the colors from distracting test users from the flow of the screens.

Guest UX wireframes for the Yervana mobile app

UI

After UX has been settled on, we move on to the UI phase where the following steps occur:

Add branding guidelines

Applying UI to main screens

Upload assets onto Zeplin

A collage of Yervana app UI screens on mobile devices

Development

We approached development a little differently for Yervana than one would in a normal situation. Because this is a larger product, we developed the frontend and backend in parallel in the interest of time.

Architecture Definition

Our frontend developer and backend developer mapped out all of the screens, and laid out all of the framework necessary for feature development. In a normal process, we would develop the API and test it before we start the front end development. However, because we were developing both the frontend and backend in parallel, we populated the frontend with sample/offline data using Mockaroo which allowed for continuous validation with design.

Feature Development

All the work we did in the previous stages were brought to life in the second phase of development. Our developers wrote and rejected a whole lot of code during this stage. Business logic issues that came up were also addressed at this time. We used Trello, a project management software, to keep track of improvements and issues.