{"id":358,"date":"2021-06-18T03:33:40","date_gmt":"2021-06-18T03:33:40","guid":{"rendered":"https:\/\/michellejleedesign.com\/portfolio\/?post_type=project&p=358"},"modified":"2021-07-16T19:41:14","modified_gmt":"2021-07-16T19:41:14","slug":"airbnb-user-interface-redesign","status":"publish","type":"project","link":"https:\/\/michellejleedesign.com\/portfolio\/project\/airbnb-user-interface-redesign\/","title":{"rendered":"Airbnb User Interface Redesign"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.9.3″ _module_preset=”default” custom_margin_tablet=”” custom_margin_phone=”||||false|false” custom_margin_last_edited=”on|phone” custom_padding=”0px||||false|false”][et_pb_row _builder_version=”4.9.3″ _module_preset=”default” width=”100%” custom_margin=”0px||0px||true|false” custom_padding=”50px|0px|50px||true|false”][et_pb_column type=”4_4″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_blurb title=”Airbnb User Interface Website Redesign” image=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/airbnb-logo-02.png” alt=”Airbnb logo” image_max_width=”60%” content_max_width=”1080px” _builder_version=”4.9.7″ _module_preset=”default” header_level=”h1″ header_font=”Raleway|700|||||||” module_alignment=”left” custom_margin=”||||false|false” custom_padding_tablet=”” custom_padding_phone=”|10px||10px|false|true” custom_padding_last_edited=”on|phone” body_font_size_tablet=”” body_font_size_phone=”14px” body_font_size_last_edited=”on|phone”]<\/p>\n

The purpose of Airbnb is to build a network where anyone can belong anywhere and to create an end-to-end travel platform that will handle every part of the travel experience. Airbnb began in 2008 in San Francisco, CA and has grown internationally to host and invite travelers to stay in over 100,000 cities around the world. Airbnb\u2019s platform is fueled by the loyalty of their host and guest community, and they pride in offering positive experiences through meeting their user\u2019s needs, whether they are seeking unique listings and high-quality accommodations. Airbnb\u2019s goal is to create new ways to travel that cannot be found anywhere else.<\/p>\n

[\/et_pb_blurb][et_pb_text _builder_version=”4.9.4″ _module_preset=”default” custom_padding=”|50px||50px|false|true” custom_padding_tablet=”” custom_padding_phone=”|15px||15px|false|true” custom_padding_last_edited=”on|phone”]<\/p>\n

Goals<\/h1>\n

[\/et_pb_text][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” custom_margin=”|50px||50px|false|true” custom_padding=”|10px||10px|false|true”]<\/p>\n

One of Airbnb\u2019s main goal is to book an accommodation at their user\u2019s travel destination. Airbnb\u2019s other goal is to promote and give its guest users the local experience through the host, a local to the area.<\/p>\n

Airbnb\u2019s website interface is a source for users to take part in its networks and a point of reference for users\u2019 questions as well. The website interface is well designed because it is easy to navigate through until the user reaches his or her end goal. The goal of this project is to innovate improvements that will aid in a better user experience. <\/strong><\/p>\n

The Search Engine, Content Management and Hierarchy are three aspects, which will be investigated and analyzed to find opportunities for Airbnb to grow. <\/strong><\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/mlee_initial_goals3-scaled-e1623990502710.jpg” alt=”Airbnb Initial Goals” title_text=”mlee_initial_goals3″ align=”center” _builder_version=”4.9.7″ _module_preset=”default” width=”90%”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row custom_padding_last_edited=”on|phone” _builder_version=”4.9.7″ _module_preset=”default” width=”100%” custom_margin=”||||true|true” custom_margin_phone=”0px||0px||true|true” custom_margin_last_edited=”off|phone” custom_padding=”0px||0px||true|false” custom_padding_tablet=”” custom_padding_phone=”0px|10px|0px|10px|true|true”][et_pb_column type=”4_4″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_text _builder_version=”4.9.4″ _module_preset=”default” custom_padding=”|50px||50px|false|true” custom_padding_tablet=”” custom_padding_phone=”|15px||15px|false|true” custom_padding_last_edited=”on|phone”]<\/p>\n

Site Analysis<\/h1>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ custom_padding_last_edited=”on|phone” _builder_version=”4.9.7″ _module_preset=”default” width=”100%” custom_margin=”||||true|true” custom_margin_phone=”0px||0px||true|true” custom_margin_last_edited=”off|phone” custom_padding=”0px||0px||true|false” custom_padding_tablet=”” custom_padding_phone=”0px|10px|0px|10px|true|true”][et_pb_column type=”1_3″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/mlee_vocabulary-exercise-01.jpg” alt=”Airbnb Site breakdown Homepage” title_text=”mlee_vocabulary-exercise-01″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/mlee_vocabulary-exercise_Artboard-3.jpg” alt=”Airbnb Site breakdown Homepage” title_text=”mlee_vocabulary-exercise_Artboard 3″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/mlee_vocabulary-exercise_Artboard-2.jpg” alt=”Airbnb Site breakdown Homepage-search engine” title_text=”mlee_vocabulary-exercise_Artboard 2″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ custom_padding_last_edited=”on|phone” _builder_version=”4.9.7″ _module_preset=”default” width=”100%” custom_margin=”||||true|true” custom_margin_phone=”0px||0px||true|true” custom_margin_last_edited=”off|phone” custom_padding=”0px||0px||true|false” custom_padding_tablet=”” custom_padding_phone=”0px|10px|0px|10px|true|true”][et_pb_column type=”1_3″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/mlee_vocabulary-exercise_Artboard-4.jpg” alt=”Airbnb Site breakdown Search result” title_text=”mlee_vocabulary-exercise_Artboard 4″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/mlee_vocabulary-exercise_Artboard-5.jpg” alt=”Airbnb Site breakdown booking” title_text=”mlee_vocabulary-exercise_Artboard 5″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.9.3″ _module_preset=”default”][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.9.7″ _module_preset=”default” width=”100%”][et_pb_column type=”1_2″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” header_text_align=”left” text_orientation=”center” custom_padding=”|||50px|false|false”]<\/p>\n

SWOT Analysis<\/h1>\n

[\/et_pb_text][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” custom_padding=”|||15px|false|false”]<\/p>\n

The number of users who turn to Airbnb\u2019s interface to plan their adventures. Airbnb has a large database with a wide network of places to stay with unique and different qualities and amenities, which sets it apart from other brands. Airbnb provide opportunities that commercial hotels and inns cannot provide. One example is Airbnb allows users to rent entire homes at a lower cost for individuals and large groups, which allows guests to have their own space and freedom without concerning other guests. Airbnb is recognized to promote the local experience because its accommodations are hosted by locals that live in the property or own it.<\/p>\n

The second takeaway is directed towards potential partnership opportunities for Airbnb. Currently, Airbnb\u2019s partnerships focus on community activism and services, rather than travel deals and services. These partnership helps to humanize the company, but there is room for more opportunities. Airbnb can join with customer service brands, providing more amenities for their guest and host users, while showcasing their community partnerships.<\/p>\n

The third takeaway is safety. Airbnb is not perfect. However, due to its recognition and reputation, users overlook its flaws because they trust the brand more than they doubt it. Why? It is because Airbnb has a vast network of user as both guests and hosts. An example would be that both, hosts & guests, do not have a verified background check is overlooked by the provided images in which hosts post on their listings, and the abundant number of users\u2019 shared ratings and reviews. It appears that it is sufficient evidence to give assurance that the rental is a reliable accommodation.<\/p>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” header_text_align=”left” text_orientation=”center” custom_padding=”|||50px|false|false”]<\/p>\n

SWOT Diagram<\/h1>\n

[\/et_pb_text][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/SWOT_Airbnb_mlee-02.png” alt=”Airbnb SWOT analysis” title_text=”SWOT_Airbnb_mlee-02″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.9.7″ _module_preset=”default” width=”100%”][et_pb_column type=”4_4″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” header_text_align=”left” text_orientation=”center” custom_padding=”0px|50px||50px|false|true”]<\/p>\n

Usability Testing<\/h1>\n

[\/et_pb_text][et_pb_text _builder_version=”4.9.7″ _module_preset=”default”]<\/p>\n

Usability testing was performed to investigate how users performed while interacting with Airbnb\u2019s web interface. The test script created a scenario that the users would act out, so observations and insights were obtained through focusing on what the user did throughout the test scenario.<\/p>\n

I had four volunteers go walk me through how they navigate through the Airbnb website, following the scenario scripted below.\u00a0<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.9.7″ _module_preset=”default” width=”100%” custom_margin=”0px||||false|false” custom_padding=”0px||||false|false”][et_pb_column type=”1_2″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/mlee_Usability-Testing-Mod-Guide_Airbnb-1-scaled.jpg” alt=”Airbnb User Testing Script Part 1″ title_text=”mlee_Usability-Testing-Mod-Guide_Airbnb-1″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/mlee_Usability-Testing-Mod-Guide_Airbnb-2-scaled.jpg” alt=”Airbnb User Testing Script Part 2″ title_text=”mlee_Usability-Testing-Mod-Guide_Airbnb-2″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.9.7″ _module_preset=”default” width=”100%”][et_pb_column type=”4_4″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” header_text_align=”left” text_orientation=”center” custom_padding=”|||50px|false|false”]<\/p>\n

User Testing Result summaries<\/h1>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.9.7″ _module_preset=”default” width=”100%” custom_margin=”0px||||false|false” custom_padding=”0px||||false|false”][et_pb_column type=”1_2″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/airbnb_user-test_results2-scaled.jpg” alt=”Airbnb-User Test Summary User 2″ title_text=”airbnb_user-test_results2″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/airbnb_user-test_results4-scaled.jpg” alt=”Airbnb-User Test Summary User 3″ title_text=”airbnb_user-test_results4″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/airbnb_user-test_results3-scaled.jpg” alt=”Airbnb-User Test Summary User 3″ title_text=”airbnb_user-test_results3″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/airbnb_user-test_results-scaled.jpg” alt=”Airbnb-User Test Summary User 4″ title_text=”airbnb_user-test_results” _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.9.7″ _module_preset=”default” width=”100%”][et_pb_column type=”4_4″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” header_text_align=”left” text_orientation=”center” custom_padding=”24px|||50px|false|false”]<\/p>\n

User Testing Result Sorted notes<\/h1>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.9.7″ _module_preset=”default” width=”100%” custom_margin=”0px||||false|false” custom_padding=”0px||||false|false”][et_pb_column type=”1_2″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/user-testing-sorting-landing-page.jpg” alt=”Airbnb User testing results sorted – landing page” title_text=”user-testing-sorting-landing page” _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/user-testing-sorting-host.jpg” alt=”Airbnb User testing results sorted – host page” title_text=”user-testing-sorting-host” _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/user-testing-sorting-listings-page.jpg” alt=”Airbnb User testing results sorted – search results page” title_text=”user-testing-sorting-listings page” _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/user-testing-sorting-bookings-page.jpg” alt=”Airbnb User testing results sorted – booking page” title_text=”user-testing-sorting-bookings page” _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.9.7″ _module_preset=”default” width=”100%”][et_pb_column type=”4_4″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” header_text_align=”left” text_orientation=”center” custom_padding=”3px|||50px|false|false”]<\/p>\n

Personas<\/h1>\n

[\/et_pb_text][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” custom_padding=”|50px||50px|false|true”]<\/p>\n

Airbnb caters to two audiences: guests and hosts.<\/strong> Guests are the primary users for the interface as they are actively using it to find accommodations for their travels. However, the backbone of Airbnb\u2019s network are the hosts as well, as they are the network of people who provide their homes to invite guests to stay over. To help customize and design the web interface to user specification, personas are created to help tell the story of the user\u2019s journey.<\/strong><\/p>\n

According to Airbnb, guests\u2019 estimated age demographic is to be around 18-39 years old, single, newly married couples and families. Their background is middle to upper class, that have luxury to travel and vacation. The primary audience\u2019s main goals to use Airbnb is:
\u2022 Looking for affordable accommodations
\u2022 Wish to book quickly with little hassle through app\/website
\u2022 Pick different types of accommodations from an entire house to 1 room at whatever cost they are willing to pay.
\u2022 Looking for unique locations in urban or rural settings.
\u2022 Stay in direct contact with host through apps chat\/massager<\/p>\n

According to Airbnb, hosts\u2019 age demographic range is estimated to be 30-60 years old. Their background is middle to upper class, as they have available real estate to rent out to guests. The secondary audience\u2019s main goals in associating with Airbnb and being a part of its network is:
\u2022 Owners or renters with available space
\u2022 Airbnb has a large network of potential guests booking for a room
\u2022 They can gauge what prices to charge from reviewing other host sites around their area
\u2022 They have competitive awareness by comparing their rentals and their profiles to others around their area<\/p>\n

A persona were created for each category as a guest and host, using the data points above.<\/strong> Changes were made to the web interface redesign, so that it can meets some of the standards that the persona created.<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.9.7″ _module_preset=”default” width=”100%” custom_margin=”0px||||false|false” custom_padding=”0px||||false|false”][et_pb_column type=”1_2″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” header_text_align=”left” text_orientation=”center” custom_padding=”3px|||50px|false|false”]<\/p>\n

Primary Audience (Guest)<\/h1>\n

[\/et_pb_text][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/persona-airbnb-scaled.jpg” alt=”Airbnb redesign persona – guest-primary” title_text=”persona-airbnb” _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” header_text_align=”left” text_orientation=”center” custom_padding=”3px|||50px|false|false”]<\/p>\n

Secondary Audience (host)<\/h1>\n

[\/et_pb_text][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/persona-airbnb2-scaled.jpg” alt=”Airbnb redesign persona – host-secondary” title_text=”persona-airbnb2″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.9.7″ _module_preset=”default” width=”100%”][et_pb_column type=”4_4″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” header_text_align=”left” text_orientation=”center” custom_padding=”16px|||50px|false|false”]<\/p>\n

Information Architecture\u00a0<\/h1>\n

[\/et_pb_text][et_pb_text _builder_version=”4.9.7″ _module_preset=”default”]<\/p>\n

The Information Architecture Plan provides out the blueprint in how to navigate through the web interface. Originally, Airbnb\u2019s focus is on the search engine, which is the primary landing page for the web interface. The search page is designed to provide multiple opportunities for users to search through its database to find accommodations.<\/strong> The search engine would lead to the search listings and then the bookings page. The search engine is the landing page of site. Covid updates, social media, Become a Host, language, and profile are all there as well, but all these features are identified in smaller typography or scattered throughout the landing page. There is very minimal focus on the secondary user, Hosts, as majority the attention is given to the primary users. This is an issue that the new IA plan will address.<\/strong><\/p>\n

In the new design, the web interface should cater to both primary and secondary users. The landing page will direct the user\u2019s goal for the website: are you a guest or are you a host?<\/strong> By clicking the Guest or Host button, the user will be directed to the appropriate web page within the interface. Pages will share features like Profile, Covid updates, language, and social media.<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.9.7″ _module_preset=”default” width=”100%” custom_margin=”0px||||false|false” custom_padding=”0px||||false|false”][et_pb_column type=”1_2″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/mlee_sitemap-Airbnb-01.jpg” alt=”Airbnb sitemap Original” title_text=”mlee_sitemap-Airbnb-01″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/mlee_sitemap-Airbnb-02.jpg” alt=”Airbnb sitemap redesigned” title_text=”mlee_sitemap-Airbnb-02″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.9.4″ _module_preset=”default” width=”100%” custom_margin=”0px||0px||true|false” custom_padding=”0px||0px||true|false”][et_pb_column type=”4_4″ _builder_version=”4.9.4″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” header_text_align=”left” text_orientation=”center” custom_padding=”16px|||50px|false|false”]<\/p>\n

Wireframe<\/h1>\n

[\/et_pb_text][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” custom_padding=”|50px||50px|false|true”]<\/p>\n

The wireframe helped sketch the blueprint of the web pages and direct the paths between them.<\/p>\n

Using the IA Plan, a wireframe for the following pages were built for the following under consideration:<\/strong>
\u2022 Landing Page: to direct user to go to guest or host page<\/strong>
\u2022 Become a Host Page: answer FAQ on becoming host and provide resources that would aid users on this endeavor<\/strong>
\u2022 Host Profile Page: focus on Host verification and promote profile through reviews on the host and their listings<\/strong>
\u2022 Guest Search Engine Page: Search engine is primary focus on page. Recommendations provided through category to filter and sort options for users.<\/strong>
\u2022 Search Listings Page: Listing will be primary focus – map will be used an aide tool for the user to refer to<\/strong>
\u2022 Listing Booking Page: content will be edited to focus on information that user will easily understand and use to book accommodation.<\/strong><\/p>\n

Each page has a sketch of what content will be featured and in its order. Arrows direct the path that the user will take from page to page.<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.9.7″ _module_preset=”default” width=”100%” custom_margin=”0px||0px||true|false” custom_padding=”50px||50px||true|false” hover_enabled=”0″ column_structure=”2_5,3_5″ sticky_enabled=”0″][et_pb_column type=”2_5″ _builder_version=”4.9.4″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/07\/Photo-Jul-16-1-55-44-PM-scaled.jpg” alt=”Airbnb redesign wireframe” title_text=”Photo Jul 16, 1 55 44 PM” _builder_version=”4.9.7″ _module_preset=”default” hover_enabled=”0″ width=”80%” align=”center” sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][et_pb_column type=”3_5″ _builder_version=”4.9.4″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/mlee_wireframe_airbnb-v1-scaled.jpg” alt=”Airbnb redesign wireframe” title_text=”mlee_wireframe_airbnb-v1″ _builder_version=”4.9.7″ _module_preset=”default” hover_enabled=”0″ force_fullwidth=”on” sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.9.4″ _module_preset=”default” width=”100%” custom_margin=”0px||0px||true|false” custom_padding=”0px||0px||true|false”][et_pb_column type=”4_4″ _builder_version=”4.9.4″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” header_text_align=”left” text_orientation=”center” custom_padding=”16px|||50px|false|false”]<\/p>\n

style Guide<\/h1>\n

[\/et_pb_text][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/mlee_airbnb_stylesheet.png” alt=”Airbnb Stylesheet” title_text=”mlee_airbnb_stylesheet” _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.9.7″ _module_preset=”default” width=”100%” custom_margin=”0px||0px||true|false” custom_padding=”0px||0px||true|false”][et_pb_column type=”4_4″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” header_font=”Raleway||||||||” header_font_size=”37px” custom_margin=”||0px||false|false” custom_padding=”50px||10px|50px|false|false”]<\/p>\n

High Fidelity Mockup<\/h1>\n

[\/et_pb_text][et_pb_button button_url=”https:\/\/xd.adobe.com\/view\/0b7e4e3a-574d-4e2d-bbd0-4a614b3ea193-5e2d\/?fullscreen” url_new_window=”on” button_text=”Prototype LInk” button_alignment=”center” _builder_version=”4.9.7″ _module_preset=”default” custom_margin=”0px||0px||true|false” custom_padding=”0px||||false|false” hover_enabled=”0″ sticky_enabled=”0″][\/et_pb_button][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” custom_padding=”25px|15px|25px|15px|true|true”]<\/p>\n

Using Adobe XD, a prototype was built using images and reference points from Airbnb\u2019s website. This prototype has edited content, along with new added features as well.<\/p>\n

Landing Page:<\/strong>
\u2022 Places the focus on both users, guests & hosts, to build more user\u2019s confidence that Airbnb caters to both types of users.
Become a Host Page:<\/strong>
\u2022 Rearrange hierarchy to place the \u201cHow Hosting Works\u201d and \u201cHow We support You\u201d information higher up in the web page. It is to help answer questions that users may have.
Host Profile Page:<\/strong>
\u2022 Colors are used to follow theme color palette in hyperlinks and icons to place emphasis on host verification and reviews to reassure user\u2019s confidence in the safety of the program.
Guest Search Engine Page:<\/strong>
\u2022 Simplified the search engine tool to location and dates of travel.
\u2022 \u201cExperience\u201d and \u201cOnline Experience\u201d is reduced in content and placed in Discover Experience section. It is to promote the programs an opportunity to explore, along with \u201cBecome a host\u201d. The image for each program is larger than the other images to help catch user\u2019s interest.
Search Listings Page:<\/strong>
\u2022 The map is a feature that is not open when entering the page. It is a interactive\/responsive feature that will open and close.
\u2022 A wish licit feature is added in header and as a bookmark icon, which is different from the like feature. The bookmark saves the destination in the wish list page.
\u2022 A filter button is place above the search listings to help users sort through their search results.
Listing Booking Page:<\/strong>
\u2022 Content was edited and rearranged according to relevant information that user will find important to have. A description, Things to Know, Amenities, Host Information, and Ratings and review were sections users found to be important in testing.
\u2022 Qualified hosts are marked with a green verified icon to reassure the user\u2019s confidence in the host\u2019s profile.<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ use_custom_gutter=”on” gutter_width=”2″ _builder_version=”4.9.7″ _module_preset=”default” width=”100%” custom_margin=”0px||||false|false” custom_padding=”0px|15px||15px|false|true” hover_enabled=”0″ sticky_enabled=”0″][et_pb_column type=”1_2″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” header_text_align=”center” text_orientation=”center” custom_padding=”15px||15px||true|false” hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

High fidelity Mockup in ADobe XD<\/h1>\n

[\/et_pb_text][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/07\/airbnb-redesign-high-fidelity-digital-XD.jpg” alt=”Airbnb High Fidelity Mockup – Landing page” title_text=”airbnb-redesign-high-fidelity-digital-XD” _builder_version=”4.9.7″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” header_text_align=”center” text_orientation=”center” custom_padding=”15px||15px||true|false” hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

Digital Prototype in ADobe XD<\/h1>\n

[\/et_pb_text][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/07\/airbnb-redesign-digital-prototype-XD-animated-gif-copy.gif” alt=”Airbnb High Fidelity Mockup – How to become a host page” title_text=”airbnb-redesign-digital-prototype-XD-animated-gif copy” _builder_version=”4.9.7″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ use_custom_gutter=”on” gutter_width=”1″ _builder_version=”4.9.7″ _module_preset=”default” width=”100%” custom_margin=”0px||||false|false” custom_padding=”0px||||false|false”][et_pb_column type=”1_2″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/airbnb_high-fidelity-mockup-scaled.jpg” alt=”Airbnb High Fidelity Mockup – Landing page” title_text=”airbnb_high-fidelity mockup” _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/airbnb_high-fidelity-mockup3-scaled.jpg” alt=”Airbnb High Fidelity Mockup – guest landing search page” title_text=”airbnb_high-fidelity mockup3″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/airbnb_high-fidelity-mockup5-scaled.jpg” alt=”Airbnb High Fidelity Mockup – guest booking page” title_text=”airbnb_high-fidelity mockup5″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.9.7″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/airbnb_high-fidelity-mockup2-scaled.jpg” alt=”Airbnb High Fidelity Mockup – How to become a host page” title_text=”airbnb_high-fidelity mockup2″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/airbnb_high-fidelity-mockup4-scaled.jpg” alt=”Airbnb High Fidelity Mockup – guest search result page” title_text=”airbnb_high-fidelity mockup4″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/06\/airbnb_high-fidelity-mockup6-scaled.jpg” alt=”Airbnb High Fidelity Mockup – host profile page” title_text=”airbnb_high-fidelity mockup6″ _builder_version=”4.9.7″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.9.7″ _module_preset=”default” width=”100%” custom_margin=”0px||0px||true|false” custom_padding=”0px||0px||true|false”][et_pb_column type=”4_4″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” header_font=”Raleway||||||||” header_font_size=”37px” custom_margin=”||0px||false|false” custom_padding=”50px||10px|50px|false|false”]<\/p>\n

Conclusion<\/h1>\n

[\/et_pb_text][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” custom_padding=”25px|50px|25px|50px|true|true”]<\/p>\n

Research and user testing provided the initial data to find issues that interrupted a user\u2019s journey, which would cause a negative user experience. The recommendations, from the research and testing, provide a way for Airbnb to enhance their user experience through streamlining its contents and omitting repetition and irrelevant materials. Airbnb\u2019s main goal is to focus on the local experiences that guest can have through their hosts. It provides an atmosphere that creates a home away from home encounter that will leave a warm impression on it guests and their hosts. The web interface needs to cater to both kinds of users to build their internal network as well. Airbnb cannot focus primarily on the guest users and neglect the host users. The redesign of the web interface should reflect this philosophy and provide and search for its users with easy navigation and good information that can help connect more people together.<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

The purpose of Airbnb is to build a network where anyone can belong anywhere and to create an end-to-end travel platform that will handle every part of the travel experience. Airbnb began in 2008 in San Francisco, CA and has grown internationally to host and invite travelers to stay in over 100,000 cities around the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"project_category":[],"project_tag":[],"class_list":["post-358","project","type-project","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/project\/358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/comments?post=358"}],"version-history":[{"count":6,"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/project\/358\/revisions"}],"predecessor-version":[{"id":604,"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/project\/358\/revisions\/604"}],"wp:attachment":[{"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/media?parent=358"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/project_category?post=358"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/project_tag?post=358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}