2024-04

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

旅行

国内&海外旅行先のホテル宿泊・航空券・列車・チケット

Trip.com

オンボーディング

3b5747c2-d255-485b-a25b-7bc42f8f286a.webp

a95bad06-6e31-4bf6-b7ad-d829cc555cd6.webp

4f95f779-3ce3-4992-b238-92e73df68e36.webp

05e56d50-9849-4c27-98b0-b9d4f0df8e39.webp

eb9e2ee2-ae67-44bc-a85b-56a72db6cbde.webp

ホーム

0c78ec87-5024-408d-b642-7b9918cc49e6.webp

2671e8e4-c2ce-45a7-b281-ee441f3e1dd3.webp

a443bbc4-c030-4cf5-a0b8-5f2c1c72802c.webp

783f7b08-ef07-493d-9ef6-7e595c26e09d.webp

700bbe29-fe71-428b-9ff4-e0dc6c416bf9.webp

bdc74588-5811-4a0b-87c7-3831b6765c1e.webp

56724856-977b-4592-8189-9c8ae3f6dee7.webp

6758a7c6-38cb-433f-b128-bc60314ebd81.webp

63f9ce92-b8f8-447d-ba7d-e17f548fa286.webp

af60ecf0-0055-4408-a962-39e44fa25991.webp

d6c6fac2-11b8-47ac-8e8d-26afa9c2f5a8.webp

ee98a685-2d59-4fe5-a898-14ec654551c3.webp

新規登録

b1aeed49-b759-475b-8701-179fc3676db8.webp

8740e08d-19e9-4c39-8ae5-613b92773727.webp

059314a6-00fc-4769-9dfa-ee8945f3a93f.webp

5086ef06-6a2c-484c-bb6c-249884cc5977.webp

9b2b8646-7d61-4f12-a0e7-5a9c16b85a3e.webp

e3dcfb18-4459-4650-a570-8598e9a3899e.webp

9a628902-9d83-488e-b18c-4b4d4ac44e82.webp

060fd613-49fe-43db-a6d6-5c08f64e8c47.webp

3b1d1b53-d474-4257-b773-f1d75216172a.webp

136a1412-102e-424e-a2d1-b5f5e3a738d6.webp

4f5ed478-9f31-454b-8452-09ea58734e5d.webp

4fec105e-c40e-45b7-a37c-bb23214666f3.webp

147cd658-f4cc-4815-9197-6e2c337295d6.webp

AIチャット

8209ebcb-6e3c-4847-8528-292436474370.webp

6fde9ec1-f5c4-462d-afb5-fddb513e48b2.webp

bd3d1886-dace-42ab-b9dd-99fc609ec3bb.webp

c49b5c2c-2159-46e0-93fb-ec4519fcf501.webp

e7b28427-62f0-48ef-abe9-e73211be7946.webp

581a07b5-2a8b-4a15-92a5-20c0599d0010.webp

23e054d9-73ab-42a7-a50c-1898b0468af5.webp

3bdc34ee-2418-40a9-9115-13431c7ce53c.webp

4da4fbd3-485b-44f5-bd08-7f20d7ea4d12.webp

c89197ea-6225-4afc-88c1-1b888789fce0.webp

38070231-1efd-44f1-8f3f-3e7d46454055.webp

2c76c31d-dbe7-4b40-ad30-220b8291ccd0.webp

851ed146-58ba-4edf-9621-72e3478e0547.webp

キャンペーン

d1fe3963-9b36-4d32-8dd7-adbe429d06dc.webp

21f15532-c5c9-4aa0-9fba-9a0b57a7fcf7.webp

40678dea-4851-4141-9af4-8fa2497ad1cc.webp

78e529a7-ce39-4992-918b-31f9590fe8cf.webp

febc5012-0555-420c-8976-59d95a9ae556.webp

351beb97-a931-453f-b33e-68e0ac911f88.webp

efe3aeb2-8002-4230-87b1-f3acdb3052d1.webp

Trip.Best

616048c1-18b6-4f73-a7be-648c0aca3ffd.webp

eb15a39a-bf78-45e3-a81f-7a9ad65429b4.webp

6ea05ed0-f4b1-4ef8-afce-f13aef218e48.webp

f934ab36-d231-4ba4-871f-78edacf2a5d3.webp

b75a07ca-8f50-4119-a13d-ef888da9eda2.webp

4c1beffa-7999-44b7-be55-75a74626c2da.webp

bd75d406-8430-48b4-9374-e7c9686a4436.webp

b0ce649c-9992-439a-a83f-a6a637f6c511.webp

bebdeee9-e27f-4bbd-990f-24eab6dae546.webp

観光ガイド

a4645f6b-7997-4a66-846c-fc5a5de7c01a.webp

6ef2bfb4-5c44-40b2-b4ac-8a4ff162e36b.webp

501859fc-8903-4045-b15a-66e5e093c745.webp

8ffb7e31-9fc7-4160-9e99-f130f6dd17d4.webp

80baf49f-7572-47a4-9100-eb511adb8c91.webp

b48a4f79-f218-4968-ba0d-570c0c9b8abb.webp

ad99f94d-362b-4c52-8519-69d0366ada25.webp

7b0017d4-410c-4a6c-8099-b2230622254b.webp

ffed4aa2-9005-4fb2-8336-e443275b4b48.webp

7adccf59-7a4f-4042-a2ff-2d84351ac869.webp

ddc09c75-8c32-45d3-a286-52f7575d3e45.webp

1d0ce493-df5b-4107-8e91-78cbf67187a2.webp

a9fc77ee-7ccd-496c-a194-b1a56f447090.webp

838e9973-82fd-47c0-a825-54d9f1c5de5c.webp

Moments

4de08970-4a6f-48a1-b3f1-5d15206ef74f.webp

d1a9128f-a697-4dbd-9030-cc6ba7d4d9a8.webp

4d388f04-2ea2-4711-8836-e807ffdce88c.webp

4f7c1160-45e7-490f-bf84-83fc6a3b7d63.webp

16733f04-0312-43e1-95e9-468679bd88c7.webp

3ec9c143-db26-41d8-8240-c4e62eaa2401.webp

cd6029bc-a508-474b-986b-f7622f7ad7f5.webp

977e257d-4411-415b-92e1-e8ba8716889a.webp

35fcf50c-6c6e-4490-9ae7-7ffb5004c09e.webp

Moments詳細

17b2ef26-4531-4ea8-a95b-2b2f3b683c78.webp

982e6d17-54b6-480e-b932-85a39db1b7ad.webp

fe2cb50a-e267-4ad2-aa54-8e8d70e45267.webp

e1940c38-5c9b-41da-88f0-4956e49340f8.webp

db623188-262e-4ea3-80f4-75c9a1459018.webp

5da05bb9-63d9-49ae-b804-464177aa5f78.webp

be9c4c24-d044-4b94-87e4-64df12cec9b5.webp

b53aaa9a-e0e8-4bcd-95e9-5b86a411342a.webp

877dd696-3928-46b2-8f85-1b20bde442f1.webp

28823714-36c6-497a-ab9e-774fa2723b2c.webp

b34d41ca-83d4-4b43-8e30-bf4b5f09a2c9.webp

b41392dc-cd22-4ae4-9e64-df10af79745c.webp

bffe6663-965e-4ce1-b122-5c3f75a06406.webp

0ae91238-5296-42d2-9a92-ccede8b7e2d3.webp

05f8fa4b-2339-4ebd-bf66-7172181f14eb.webp

e7fb1c67-1f24-41bb-bea2-d46c5dd912db.webp

1d2d0f34-620f-456e-bda5-4324edb282c9.webp

96c84164-cc11-4912-b255-fc4e100ae319.webp

4827a57f-9742-4c56-bd7e-c7dcb849809b.webp

20ae3577-926e-40be-ae56-e6a06ed65bd7.webp

投稿を作成

078b9373-4398-4dc3-b078-4de99e75fa32.webp

870b2c72-884e-4946-9f88-caa1d4c90c8e.webp

defcfb81-f127-4501-95a6-aae9b5951437.webp

306dba3d-ca75-4990-b741-6924bf8b5d6f.webp

31ae70d9-ed02-46ed-a29c-27d4247b80e9.webp

f59674f9-97bf-4aea-a32e-3b34bc12fb69.webp

1837c9c3-13ff-4f26-8dd3-30771884a86a.webp

9f548c64-fea5-4baf-adbc-e79042c32bfa.webp

009abc08-2777-4679-959c-e56786749518.webp

e43976da-e173-453b-b658-d062caa09506.webp

3be73bc4-711a-4b07-9328-007ec54f1942.webp

d117d9f8-c08a-4bc8-9341-d6ac9ccb3938.webp

a121275a-f48d-4c29-a18b-a6e444ffa0f9.webp

120cf62c-01c6-4bf5-975f-85a080eea6c5.webp

35444849-4d36-489f-8588-18fe5f55391b.webp

3262c103-5905-48c2-abe3-ec7ecdc5a659.webp

4be5c66a-72dc-4591-996f-b415585f925c.webp

5d2cecb1-b053-4bd2-ab15-aced18a72fa8.webp

9b8b58c1-3552-476d-b341-3fcf6cc7ac19.webp

66e9d969-fb4a-4232-8344-a147da293f5c.webp

2636431a-4159-4537-a84e-38c8cb3f65fe.webp

68907f6e-0ff9-4b71-8b50-75cd7a8ac59c.webp

0a3260d6-840a-46fe-abd7-2078775ac16f.webp

3d566642-5003-403c-bc7d-ccbcb7778def.webp

プロフィール

f3a5f7c8-fc8e-4f03-9503-08c12c9a0203.webp

2f81a59b-885b-47ab-8cca-75c4d52be7c3.webp

ca8af115-fc0a-4099-9ec6-97a420c65708.webp

9bc0906f-39c0-4e49-8d1a-4b88f51ee8c4.webp

291498f9-449c-45c7-a5ab-a4bd7fc0c8f6.webp

5ccad653-f189-4521-96f4-e2bc6e576c7a.webp

a29d5401-1931-4c63-9d75-c6c91d390313.webp

4f677d1c-b997-4eda-962d-9c92674176a7.webp

df4264f5-04bb-4965-a4a1-607b84d4c89d.webp

bb13377d-8843-4b30-9ccd-79ed4b81d455.webp

034dc578-ab68-46ff-ada5-f879144c443e.webp

ホテル検索

51edc1f0-0c86-47b6-8a60-a11d42f93b0b.webp

b184ee15-73ee-4456-a51a-975a51fbd9bc.webp

23e693fd-0e08-45cf-ae8d-22b0d23abfd9.webp

cff4fe42-1ba0-4f2c-9d66-402c9d9b27cc.webp

c15cbef1-4387-4a98-bcb5-df84bac34173.webp

03128f99-d23b-4cfc-ac58-6224fb250d48.webp

562ad409-e717-47de-814e-8963ddf8c9a6.webp

ff3f5229-229e-4409-a57f-d0740e020bba.webp

8b47ae8c-547b-4895-ad9d-c6b9925e3988.webp

d846264f-9622-4683-ab03-523e0ad7024c.webp

ec886494-0b3e-4082-a981-d9b6cfa04532.webp

1815d57c-df35-409c-be56-f06f47e7abbf.webp

9b19e0a9-cb47-4b44-b4d0-5338353c1dc2.webp

99cdead2-eb41-42c2-b924-ee174d791629.webp

d7de0830-f37c-439d-9db0-dd59e48ff557.webp

a03f15a5-8b7c-4a10-be0e-d5bf5b4c497d.webp

02c3d0a4-ed5d-4ea9-a9db-63dae57543a8.webp

92915be4-920f-4827-84aa-6c3cefaf03ed.webp

971f3091-daa8-43e7-a6c4-0e1f72868f44.webp

08b283ff-a6e0-458a-bacb-712fc716719a.webp

c2ea200b-87cc-481a-97e6-55fafbea4c3c.webp

9d72b78c-e5b5-44ad-b48e-b69a8adb38cc.webp

afdfec6b-39d0-4f15-a24c-c165d2612ab9.webp

8a377b27-43be-413b-99ba-fde04e032104.webp

ebd71391-2694-43f6-babc-a57692fa3d58.webp

dddd0c8c-d30e-4c15-8fe7-e8cdb62c4b1a.webp

719f8e41-07df-47b6-9df9-624d965f3698.webp

db258fdb-9499-4b42-98d7-f01166d5c2b9.webp

ホテル詳細

6b9dea09-da81-42ab-acc4-a6ad7acc5b4d.webp

5da674ed-95de-4a17-9674-cd8c854a273b.webp

0a69cace-0e45-42d4-8f0f-cc31b235a5bf.webp

50d8e2fc-8bf8-4f59-a85b-7a2758af9447.webp

0ec505e4-fed0-477c-bc37-61ec5c93cae7.webp

cf721225-23f4-40b8-975c-21b2fe93ab42.webp

c331dc91-b1b6-4c0f-9847-77341bece280.webp

71763934-50a4-43a0-8f01-4fe4d23e40eb.webp

88af5a9f-fb1d-4860-9a0b-4b1ee3170bec.webp

b46fe196-4464-4cf0-a08e-cff18623a40a.webp

4cbe2500-53a7-4dbd-a367-0c988c50c910.webp

9a677bd8-5739-4324-9a80-e32a53016019.webp

7e815584-2955-40f4-8f47-c2b1babe2042.webp

d17c298a-ecf9-4bcb-ad78-139edb025129.webp

c6038aaf-785a-46ba-9593-787d6b56f46e.webp

1cbc30ff-69e8-4a5a-90b6-a441cff88876.webp

78cfb656-a2c4-4562-bec1-55a0275cdcb7.webp

2d576e85-fb2a-4e16-abee-86235742261b.webp

「Trip.com」のUIデザイン一覧（2024年4月版）

Trip.com

オンボーディング

ホーム

関連アプリ