Mockup picture

DhumraFarm

UX
Team design project
Dhumrafarm resort
DhumraFarm is a resort based in Bhutan. They aim to provide a rural lifestyle experience with the inclusion of basic modern needs.
Roles & responsibilities
  • Lead product designer.
  • Learning about the audience and creating compelling deliverables, including: personas, journey maps, user flows, site maps, and wireframes.
Problem statements
  • Making the website as accessible as possible.
  • Including a calendar feature so users can check availability and plan accordingly.
  • Creating a payment form so users are able to directly pay through the website for their selected dates.
Audience
  • Users around the age of 20 to their early 50’s.
  • Small groups.
  • Customers interested in experiencing the traditional lifestyle in a modern setting.
SOlutions
  • Accessibility:
    Font sizes and Font weights were changed. Hierarchy of the information displayed was also worked on.
  • Availability:
    Added a calendar feature so users can interact with to check and select the different availabilities for different dates.
  • Payment:
    Added a simple and well-put together payment form.
PRocess

DOUBLE DIAMOND PROCESS

Discovery

SURVEY & SUMMARY

The following are some quantitative data I gathered through my survey.

Age range of the users:
52.2% (25-34 yrs/old)
21.7% (19-24 yrs/old)
17.4% (35-44 yrs/old)
4.3% (45-54 yrs/old)
4.3% (55-64 yrs/old)

Users and their booking experience:
26.1% (Mobile Apps)
26.1% (Never booked)
21.7% (Airbnb)
17.4% (Websites)
4.3% (Call)
4.3% (Walk-in)

COMPetitive Analysis
Amankora and UMA Punakha

Strengths:

  • Implementation of big hero images.
  • Brief info in the body conveys the theme of the resort.
  • Calendar feature is really great and something I could learn from.
  • Minimal design.

Weaknesses:

  • Color contrast did not pass any of the WebAIM color contrast tests.
  • Too much content in the Navbar.
  • Accessibility not addressed.
  • Links were barely visible and the font weight for the body is too light.

Opportunities:

  • Large hero images are an inspiration and a recurring theme. Definitely will use it.
  • Better font choices and font weight choices.
  • Better color contrasts.
  • Attractive information: Title and a brief body description.
  • Better buttons & links.
USER Pain points

These are some user frustrations with their past reservation experiences:

The hotels could’ve cared less if we rented or not.
The place is great and service good for the price, but many rooms are reserved through agents as we cannot directly book your hotel.
Audience target analysis

PERSONA

Age: 27 years/old
Occupation: Yoga Teacher
Gender: Female

I wish for apps and browsers to be accessible for everybody.” - Gina Rumult

Bio:
Gina owns her own yoga company. She teaches yoga and occasionally gets invited to talks to help enlighten others about yoga as well. She recently got invited to Bhutan to share her knowledge of yoga and therapy. She is browsing through the website for the resort her organizer has reserved for her and is checking if the website is accessible.

Goals:
* Accessible websites and applications
* Accessibility options

Frustrations:
* Websites and apps not including accessibility options.
* Unable to browse the contents of websites or apps.

user stories

Each Persona below goes through a situation that represents the problem we are trying to tackle.

* Gina represents our users who prioritize accessibility in a website.
* Leo represents users who are visiting the site to check for availability for specific dates.
* Nesh represents users who have already decided on their dates and are now ready to pay for the selected rooms.

Define

FLOWCHART

These flowcharts show how each persona would navigate through the website depending on what they are trying to achieve. Accessibility, Availability, and Payment, in that order.

SKETCHES

CRAZY 8'S

These are some sketches before I invested into the digital low-fi version of the MVP.

DESIGN

USABILITY TESTS

After having an idea of how I wanted the website to start looking, I conducted a usability test on the low-fi wireframe. Before I show you my low-fi, I would like to show you my test results.

Q. Users were asked to navigate to the tab that would provide them information on the company.
87.5% of the 7 testers were successful.
Q. Users were asked to navigate to the tab that can help them find information on the different rooms.
62.5% were successful
Q. Users were asked to navigate to the tab that would help them book a room and to book a room once they get to the page.
75% of the 7 testers were able to successfully book a room.
Findings
  • Most of the users were able to navigate to the correct tabs without any assistance.
  • The steps in the reservation page were clear and the users were able to correctly follow the steps.
  • 2 of the 7 users let me know that the buttons felt small and it needed an increase in the size.
Low-fidelity Prototype

After taking feedback from the users and the findings, I implemented some changes into my wireframe and my prototype. I changed the size of the fonts and the buttons as requested by some users. I also added a calendar UI that better represents a calendar than my initial element.

I conducted another test after implementing the changes and these were the findings:

Final Prototype

This is my current iteration of my prototype: Click here or the image below to visit the prototype.

Overall Experience

The three weeks sprint process was a fun experience for me and very insightful into how the a project functions in the real world. The time was definitely a constraint, but for what I had at the end made it all worth it.

Final Thoughts

This whole project was a challenge for me because of how new I am to the field at the time of this writing. There were bumps along the way, and since this was a sprint, there were times when it got a little stressful. However, that does not compare to the feeling of pride that I felt at the end, after completing this project.

Trying to gather users for my survey and for tests was definitely difficult and conducting interviews while being an introvert was also a test for myself. This process not only shined a light on the design process in actual real projects, but also helped me grow as a designer.

Thank You!
Back to Top