Kelsey Lane
Multidisciplinary Visual Designer
dyrt featured image.png

The Dyrt

Interaction Design, UX/UI Design, Visual Design

Headquartered in Portland OR, The Dyrt provides a Yelp/TripAdvisor type platform for the camping and outdoor enthusiast that includes reviews, recommendations and ratings along with content from brand partners. In 2019, The Dyrt is aiming to be the leader in campground bookings and reservations.

Overview

Overview

The Dyrt is now the fastest growing camping app on web and mobile, with new features being rolled out regularly.

I was brought on for a 6-month contract as a UX/UI Designer to help The Dyrt launch the user experience and marketing for a new product line revenue stream: bookings.

Step 1: Define

Step 1: Define

Currently, The Dyrt’s database contains over 30,000 campground listings. In order to enable our community of users to book stays at these campgrounds, we needed to create and implement a booking process and ecosystem that catered to both users and campground owners.

Step 2: Research

Step 2: Research

With over 30,000 campgrounds currently listed on The Dyrt, it was paramount to create a bookings system that encompassed all of their needs.

I sat down with the CEO and went through the process of booking a campsite on a number of popular platforms including Hipcamp, KOA, Jellystone, RoverPass, and Reserve America. Throughout each booking experience, we collected screenshots and identified positive and negative aspects of the process.

 The Dyrt has created an incredible community of campers across the United States. An elite subset of that community are known as the  Dyrt Rangers . These individuals were identified by our team at The Dyrt as major content contributors on our platform. With a focus on user-generated content, these Rangers continually add content to The Dyrt and thus form an essential part of our community.  We went to these Rangers, who have extensive camping experience, to ask for their feedback on what they look for when booking a campsite. We previously identified that booking an RV site was most complex so we directly sought feedback on that process.

The Dyrt has created an incredible community of campers across the United States. An elite subset of that community are known as the Dyrt Rangers. These individuals were identified by our team at The Dyrt as major content contributors on our platform. With a focus on user-generated content, these Rangers continually add content to The Dyrt and thus form an essential part of our community.

We went to these Rangers, who have extensive camping experience, to ask for their feedback on what they look for when booking a campsite. We previously identified that booking an RV site was most complex so we directly sought feedback on that process.

Step 3: User Flows & Wireframes

Step 3: User Flows & Wireframes

When booking a campsite, users need a process that is simple yet comprehensive enough to provide them with the options they are looking for. As a starting point, I created a general user flow diagram of the booking process to help identify areas to expand upon.

Step 4: Prototype & Iterate

Step 4: Prototype & Iterate

With a plethora of insights from users and company stakeholders, I set out to explore possible solutions. Using Sketch combined with Abstract (an awesome version control and design workflow management system that’s directly integrated into Sketch), I was able to quickly create and share ideas with stakeholders for feedback.

The first step was to determine the location of the bookings box on a campground page. To reduce the amount of content needed in the bookings box, I decided to place it on the campground page so users have access to campground information and user reviews while booking.

 Next began the process of deciding what exactly needed to be included in the bookings box. We needed to provide options that would accurately reflect campground options and user preferences without being too complicated and overwhelming.

Next began the process of deciding what exactly needed to be included in the bookings box. We needed to provide options that would accurately reflect campground options and user preferences without being too complicated and overwhelming.

Step 5: Final Product

Step 5: Final Product

The final design provides a solution that presents all necessary bookings options to users in a clean and simple way. Users are given three main categories to choose from; Tents, Cabins, and RV’s, and can then further customize their bookings based on preferences.

 Once users have selected their booking options, they are brought to a new screen where an overview of their selections are presented. Additional information like cancellation policies and check in/out times are also included. Users see a sidebar where the most important information is presented in one place including the total cost of their bookings.   Users are then guided through a secure payment process powered by  Stripe . Once payment has been submitted, users see a final confirmation screen with all relevant information. A series of emails follow the online booking process letting users know whether their booking request has been confirmed by the campground.

Once users have selected their booking options, they are brought to a new screen where an overview of their selections are presented. Additional information like cancellation policies and check in/out times are also included. Users see a sidebar where the most important information is presented in one place including the total cost of their bookings.

Users are then guided through a secure payment process powered by Stripe. Once payment has been submitted, users see a final confirmation screen with all relevant information. A series of emails follow the online booking process letting users know whether their booking request has been confirmed by the campground.

Projected Results

Projected Results

The first phase of the bookings system is expected to go live mid-January, 2019, with additional capabilities like instant booking scheduled for the near future. The Dyrt is expecting to generate $1.9 million in revenue from bookings alone by the end of 2019.