works header works header
works header

Yervana

A marketplace app that allows you to find your next adventure
iOS / Web / E-commerce

Built for iOS

desktop_windows

Web and backend transformation

people

Peer-to-peer reviews

payment

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 screens
yervana screens

Design

The UX phase of the Yervana project featured the following stages:
Defining
user journeys
Sketching with
pen + paper
Digitizing
wireframes

UX

widgets

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.

yervana

UI

gesture

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

yervana-ios-mockups

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.
yervana development

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.

Technology

dns

Backend

Language

Java using Intellij

Database migration

Liquibase

Database

AWS Relational Database
(RDS) using MariaDB

Framework

Spring Framework

File storage

Amazon S3

Email delivery provider

Mailchimp and Mandrill

devices

Frontend

Supported OS

iOS 10+

Networking

Moya and Alamofire

Distribution

Testflight

Language

Swift 3

Crash reporting

Fabric and Crashlytics

Automation for continuous delivery

Fastlane

Toolbox

yervana toolbox
yervana toolbox
yervana toolbox
yervana toolbox
yervana toolbox
yervana toolbox
yervana toolbox
yervana toolbox
yervana toolbox
yervana toolbox

In short…

event_available
We built a fully functional website and mobile app for Yervana on time and on budget.
star
The Yervana website has won a W3 award in two categories: UX Design for Websites & Tourism for Websites

Other works

See all works
Revols

Revols

The interactive app behind the revolutionary custom molding earphones
iOS / Android / BLE
Sengled

Sengled

Real-time security with smart object identification
iOS / Android / IoT / Communications
VRify

VRify

Explore mining projects through VR, see up-to-date news and publications, and interact directly with mining experts
iOS / Android / Web / Utility
Revols

Revols

The interactive app behind the revolutionary custom molding earphones
Sengled

Sengled

Real-time security with smart object identification
VRify

VRify

Explore mining projects through VR, see up-to-date news and publications, and interact directly with mining experts