{"id":283,"date":"2019-05-01T10:05:06","date_gmt":"2019-05-01T15:05:06","guid":{"rendered":"http:\/\/4951studios.com\/blog\/?p=283"},"modified":"2019-05-01T11:51:37","modified_gmt":"2019-05-01T16:51:37","slug":"booked-a-user-experience-design-case-study","status":"publish","type":"post","link":"https:\/\/www.4951studios.com\/blog\/2019\/05\/booked-a-user-experience-design-case-study\/","title":{"rendered":"Designing with Adobe XD. Book’d a user experience design case study."},"content":{"rendered":"\n

A few years ago I partnered with a local startup to create an app called Book’d. The following is a user experience design case study based on that project. <\/p>\n\n\n\n

Booked is the brainchild of Footscout LLC. The company\u2019s founder and I saw the need to address the lack of local barbershops unable to manage appointments, and also a need for new residents to quickly identify and book with a new barber.<\/p>\n\n\n\n

\"Book'd
Book’d App<\/figcaption><\/figure><\/div>\n\n\n\n

Project Information<\/h2>\n\n\n\n

Role:<\/strong> UX\/UI Design<\/p>\n\n\n\n

Timeframe:<\/strong> April 2017- July 2017<\/p>\n\n\n\n

Team:<\/strong> Brian Bailey (Project Manager) Jan Morris (UX\/ Design) <\/p>\n\n\n\n

Background<\/h2>\n\n\n\n

<\/strong>The idea for Booked came about after my partner moved to a new location in Austin. He was seeing a barber regularly but was now too far away for his visits to be convenient.<\/p>\n\n\n\n

Problem:<\/strong> New residents are unable to quickly locate a barber and barbershop were unable to book and manage appointments. <\/p>\n\n\n\n

\"Book'd
Barber Profile Screen<\/figcaption><\/figure><\/div>\n\n\n\n

Outcome:<\/strong> We came up with a mobile app solution that could help new residents quickly search, and book appointments with local barbers. We also added features that allowed barbers to better manage appointments.<\/p>\n\n\n\n

Research<\/h2>\n\n\n\n

We conducted qualitative and field research by speaking to the various barber shops to learn how they got new clients. Many received them through word of mouth. A lot of shops were record keeping via paper and often ended up with double booking appointments. <\/p>\n\n\n\n

On the customer side, many of them were unable to find a barber quickly or book appointments based on barber\u2019s schedule. <\/p>\n\n\n\n

\"Book'd
User Flow Planning Map<\/figcaption><\/figure>\n\n\n\n

Approach: <\/strong>We used the information we gathered to create personas for the types of customers that would use the app and also the barbershop owners.<\/p>\n\n\n\n

Ideation: <\/strong>We knew they needed an app that allowed barbers to manage appointments. And customers to locate and book barbers. After completing the competitive analysis, we discovered that a few apps provided similar services. <\/p>\n\n\n\n

We differentiated ourselves by adding more user-friendly features and analytics. One of the features we discussed was an appointment duration tracker. Which would allow us to get data on how long wait times were and also how long haircuts were taking on average to complete.<\/p>\n\n\n\n

\"Book'd
Barber Search Screen

<\/figcaption><\/figure><\/div>\n\n\n\n

The solution<\/h2>\n\n\n\n

The complete app replaced the paper-based appointments, managed barber schedules and availability. It also allowed new residents to locate new barber and book appointments with ease. <\/strong><\/p>\n\n\n\n

The Book’d screens were designed and prototyped in Adobe XD<\/a>.<\/p>\n\n\n\n

\"Book'd
App User Flow<\/figcaption><\/figure>\n\n\n\n

Sign up for updates<\/h3>\n\n\n\n

Sign up for updates<\/h2>\n\n\n\n\t
\n\t\t\n\t\t\t

\n\t\t\t\t\n\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\n