2022-05

Booking.comのUIデザインをコンポーネント・パターン・フローごとにまとめています。webデザイン、アプリデザインの参考に活用ください。

旅行

Booking.com

オンボーディング

337471e8-a3c3-4e2a-90c4-8a653c6c01eb.png

4f41fe94-c5d7-4d90-9e92-531d8b87ba83.png

a0c3aeea-61cf-463f-9859-5e4ecd104815.png

44c531a3-d18e-4165-a1b9-5d01c0fa1ff0.png

67365bfc-9e3a-4e7d-af33-23817ccfd2ab.png

15fddb4b-c452-4028-9b57-f83f41ca46b0.png

宿検索

b355696f-8fa9-420f-ace1-579963a0d4c5.png

c5f91bd1-4860-4a25-ae29-19817f73b3e2.png

07bc5628-a5e9-4879-ae4c-bcbb2ab51c13.png

4e45096a-2d9f-45b6-82b2-1d636c0ec436.png

9ad0450a-a9c5-4ea6-98b2-c635faed6342.png

01e9bcac-db8a-482b-9d4f-bae86e5b2431.png

20136a8a-7295-4edd-bbd9-d8574415ca1f.png

60802469-7175-44f8-bde0-8176b13c9205.png

5059c91d-96e5-475c-8ff6-8c5bce2e9373.png

86401ffd-c448-493f-8c52-99e07e42b37c.png

00701c3d-0c95-43ca-8e32-e1a0cbc80c5f.png

14ef1b72-5feb-48fa-b731-6ece7ad9d98a.png

b4dd3d5f-b62e-453f-a4bb-22d200f9e53d.png

6c382476-688f-4aca-aea6-437fb0e84ed4.png

ba610879-1989-4201-8c11-3cacbfe6d021.png

5d6ecf40-074a-4cae-893e-6e402815e448.png

5cffe0d4-0cda-4920-a5ce-b6ce2daab543.png

6a3455cb-05e3-484e-990b-6bad95b4e3ae.png

39ca49ca-57c9-4044-809c-f04189399a02.png

fa876479-d537-4cf3-aa74-5bbac266c45a.png

宿詳細

90050130-0e9a-48b5-8302-553af9571a3c.png

99027974-baa2-491c-9d82-58487d15aecd.png

115f835e-1c9a-4558-a6cc-957b962a8e47.png

e1e3c927-6b03-40e3-8563-4096a331facb.png

dbf42042-b3ed-439f-96c1-2f75fde79e4d.png

27c71ecd-a77d-4c43-9068-dbeca8dbc07d.png

b354f3f2-56c0-4812-ae45-3b513d4d3c34.png

a7cf0e06-b7ed-4b23-896e-3ea948300182.png

4e53150b-2367-4524-8b99-2f010985c7bf.png

1f7bd72b-476c-4bd6-9d07-cba9a786f2d8.png

7fb09274-b053-4bd2-9d03-d0fe5cce5556.png

d5df5af0-9607-4ca2-9edb-777c52e06490.png

8abaccf3-f2fb-400e-9048-0a5c22d50047.png

b229acf9-3609-4295-aeee-0e3d436457e6.png

eb7da5b6-db62-475a-9353-cc9828ae5034.png

f75722a1-bb6d-4771-9c04-754b86416dd2.png

436c6b8f-8e78-46ce-a90b-87781d58b05a.png

20caad62-a39d-4f0d-bda6-860c85650706.png

c9351561-3a12-47e5-af13-eaab7616f080.png

5ccff10d-f6db-431a-bb5b-e3dbb1358e34.png

a1201f7b-9939-45b3-8617-094129e3cd9c.png

9eb31259-304f-4320-a824-e7b00da64a60.png

8d8097d2-ed93-43e5-ab56-ecb2a097a330.png

35f9a562-0ae0-40da-8dc1-367b997033fa.png

295d842c-19fa-44ae-acfc-1761f9c3d4a1.png

60e0577c-3cb0-411c-ad89-7a7ae95097d3.png

3b707f2a-9302-49a3-86ec-6fd0f0da2cf9.png

7997940b-cbfd-4de4-b473-e6ab6049df4f.png

fedc8009-01e5-4e9c-90ac-120a8fcbc570.png

bcdf1777-9081-4644-9943-77c4529881ab.png

97ca627e-99cd-45f6-9093-c94699cff022.png

a3d5b135-3b2e-4bfb-8f1e-d0fac470ebe1.png

7c1c19c3-01ae-41c8-8b7c-87d6bcc227b8.png

5b40b8d8-c8fd-40a1-8fdb-6f38bff3791e.png

b40f5e74-11a5-40ad-89fe-ea8e5b7d4c63.png

5a65155a-dbb9-44cb-80f3-5c6edf4c6260.png

501071a5-2998-4d67-9174-0cf89f5d3934.png

220b4ac3-a5dd-4459-90d6-bc4f9304c227.png

フライト検索

20a341b2-7d7b-482a-b4d6-90247f8d82e8.png

d42cfdec-5b39-4ea4-8bde-aec4d3606efb.png

6ff34e90-7fb9-4609-9f25-73f6d452731d.png

dcdec8a2-405a-48e8-8950-cf0701e19c69.png

1e805212-e82f-4b0c-b1db-4377cb623b10.png

1326a223-fb1d-4021-a00f-de181c2755f1.png

a72ff48d-2242-4dc5-98f4-b63fcf6d4631.png

aa244145-3509-4a0a-8af3-5c62080e1c8b.png

3c625d46-11f8-4fad-ae49-99df037d9da4.png

5cccb936-cfd3-4f6e-bf92-bd0c52203bb3.png

b79a6d7a-3674-4b0e-bd06-fdefcc522436.png

c546e60b-19d2-444e-87db-60fb206085e4.png

b8091bfc-9d83-4691-8677-328dfb007f87.png

フライト詳細

d0ee2dd5-2354-4c3a-b6de-fbb71eddd420.png

90ee1360-ad68-4353-8a40-2eb38346eae5.png

9878d0cc-33d5-41c1-9d93-c6a3adbc6661.png

bcdf41f3-0159-4994-9663-631e915217ff.png

24368ad5-e199-4ef9-8aee-c2a61d31c8a0.png

54d12a76-a953-4760-aaf5-1f548302b2e4.png

52132c2a-d813-4918-af13-6caae77bdd66.png

d85d194f-c14b-4992-b413-9eee9e96633e.png

8ad306a0-cfb7-49f7-8728-aa7559cf260b.png

a2a293f6-a47d-4d38-abfd-3e5536fa1cf8.png

badc0c50-6ef0-4548-a1c1-5356fe0a6dbe.png

789c7656-3568-4690-971c-bc44445b1220.png

be610fe8-811e-4be9-8ccd-adb2d86453e4.png

レンタカー

fb61b670-1b07-402c-87e9-3469bfd26c64.png

a8dca1ae-4f5b-4e14-a70b-1104c2cfd146.png

655148b0-4aaa-46e5-a042-267cbc936d27.png

a50b7b24-8ba8-4cba-97af-59a7712271dc.png

3a17dd9d-a876-4cf6-8f01-a8bce8b0ffbb.png

c81beb2b-1a6a-45ab-9d3f-373640581d1b.png

タクシー

737761b8-91ce-4996-abbb-dc90fe171610.png

6c45ba92-614c-4719-8764-394d050532d9.png

22bca40b-aca2-41bb-b60c-aa77c7a6d265.png

70e48c6b-d3a6-4249-ba50-6b7150395c0b.png

53b65326-fe2a-4b56-a1ef-f9ae9372cad2.png

a0e6e0c5-951f-49bf-a789-8daed8526d00.png

47dbe148-c3e9-4827-9355-195ae61dabfc.png

1d2bff20-6b0b-41d6-bcb4-835ac8e1f02d.png

a221e1dc-cf3e-492e-9895-bd8bce40d38c.png

体験

68cf662a-b27e-408f-95bf-1d46d5436b22.png

b0a18990-d5d5-42cc-a45f-5d1876592fb6.png

118b553b-e882-4688-8279-f36c17d0887c.png

344a8170-7a8d-4693-95e5-5dc98ef2884e.png

0c398f3e-be3e-40da-abad-a06209f3aff9.png

5cb4ee1e-8b15-4988-baf6-9a02a3988d07.png

7d282aac-c5a5-452b-8032-14c7bce4b999.png

8064fb00-005b-4dce-9042-ee794db70059.png

aa88218d-f148-4477-840b-53ef95499fa0.png

a222c972-d68a-49f3-9a14-9ee3daa56578.png

0027c675-d823-446e-837a-33077dd03ada.png

c223f170-3e93-4d4a-91f7-6354c47680e3.png

a298f565-81fc-4a47-8684-f445c62d4844.png

e0378eb2-92a5-4ef8-a491-ed4703efd4a2.png

e38a1cac-b38c-4e1a-800a-d42e69fb2df6.png

c217381e-21fc-424d-b191-4eac9222a39d.png

6e686c23-32e8-4906-a7c1-c5795882c7f8.png

3710f7b9-ecf1-43b8-97b4-dfa36132974d.png

お気に入り

78ab84ce-5632-40b0-995e-4d99071a6c00.png

e1c60c72-854a-425d-8aea-657992e0d9cb.png

aa117fe6-5280-4620-9ba5-83cb080a2969.png

33d3b9e8-f794-4edd-8df2-ddd9be99fd56.png

217a2bdc-231d-49b1-8e97-985eba91ecdf.png

予約

63b5ba49-083b-4720-9dd5-dc46034806d7.png

35de6fe8-9c59-4c67-9280-59b61e6571b1.png

86e23a1e-a1ac-4d15-8a92-82b0b9131bc0.png

6940191a-fee8-4d10-ae95-983a253a7b70.png

3ffcf55b-86a1-48be-8297-9db4382ca8a6.png

69ee05fc-abb0-4e23-87cf-df8f87136d6f.png

プロフィール

183ad6b0-8b15-4483-a4dc-82c80a54565f.png

092e994c-ea4d-4388-913a-d1927ca1b894.png

d3f77ff0-27ef-4cd1-a20e-2bebb61ffb48.png

43cfa181-d170-4a98-8ee0-860df6a182da.png

お知らせ・問い合わせ

51a2cbd8-a203-466a-927a-d048b4843626.png

e87bc918-0fc4-497d-aea2-335d656fe681.png

780768e9-8417-4c86-a2e6-5e9e46d4743e.png

366fc882-1cb0-4a1c-8199-16ffe6db3696.png

07c6ed04-dc52-4290-b66e-662928ad5854.png

74f7e62d-c8c3-4af1-86ed-acaf743de82c.png

196c74ab-1fac-4066-b97a-76382f659465.png

5ed572eb-4351-458f-b199-20037ca8bdda.png

f8069fe1-7a3c-47e9-b8f5-9a85661010e8.png

4ba9f168-e420-48ce-af8f-f5b13319eb63.png

a9830f52-2c2a-4ea2-b0ea-bd27eb7a29c4.png

6c3b1c67-6db4-471e-b856-5bf0ec98feaa.png

41426899-efb3-4e80-a110-acdb67227fb8.png

9809f82e-5aa4-4832-912c-93be90f48ed3.png

ba4b8ccb-865f-4414-87dc-9c9fe5ad2bfb.png

76bb710b-0761-4051-a57b-37053dbb671d.png

762b79c3-5e85-4203-9ea4-f9226c7482c2.png

c10f2bfe-fbe2-4bf8-8239-845469152097.png

23a5f6b8-f28c-45f9-bc5c-7275539451b9.png

aad26f2f-8914-4246-9c17-6796ce6e519b.png

「Booking.com」のUIデザイン一覧（2022年5月版）

Booking.com

オンボーディング

宿検索

関連アプリ