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