2024-04

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

旅行

飛行機チケット・格安航空券・ホテル・レンタカーをお得に予約

Skyscanner

オンボーディング

f5a84f15-97bc-486f-bf64-704441bed730.webp

765aa1ce-10cb-471b-b762-581ad4d809b3.webp

1bb862a1-cf18-4304-93e6-da6ff9691f76.webp

860c22a2-6b90-4016-8ad1-cfa008e904f7.webp

1b4312b5-869f-421b-8997-87dfeaa3681c.webp

fb6245cc-21b3-4428-b81f-9ce49b0d19f5.webp

5a89b8d1-e2bb-4ef9-8b3c-1311afd70006.webp

eb5d181c-5021-4f74-9fcd-ff33f67614c8.webp

ba84b40c-b4be-45a0-886b-9aab2c990b48.webp

3358fda6-f2d7-4ac3-b36e-c14034671078.webp

ad74b4a1-602a-4ca7-be37-0ac7a1a48db1.webp

5c43370e-75da-43b0-86de-d32f60baa75b.webp

トップページ

fa1c12f6-ffbc-42bb-a1be-a3ea1f8c3b61.webp

1fb2ba11-a491-45d5-91bb-9f50fd43aab0.webp

6683f923-025a-4ca1-a445-f790e2f0ded9.webp

航空券

2e4ef47f-1c3c-4ad4-815e-acd1c1a0a927.webp

d48802df-5828-48dc-b888-5adb0df1d5ad.webp

d49ed984-9e3c-4c7f-bd30-5e03ead1d4a6.webp

455c0e22-ec20-45a6-a3a4-26b7a035507a.webp

85b03160-0a37-4de5-8e00-4c6340b3b384.webp

10eaf887-64cc-40e7-9f5f-e835161737b1.webp

405718ac-2e95-4dd7-b6bf-729f0687404a.webp

87ebcb69-5a85-4a20-9430-da2124963358.webp

4416cbf3-f280-42ed-bbe6-3ed2b14bc363.webp

84c103f3-eca4-4464-9de9-5ceeb9834979.webp

絞り込み

622394eb-3704-48d6-bdca-51243b0f6a0e.webp

7ea9f425-1358-4f06-a4af-52ef512c8ccc.webp

e4dde302-50e9-43bd-91aa-7bf2b44c85c1.webp

72f9af3c-ff83-4776-ae30-ec23747f776a.webp

efd3384a-0c21-47aa-b7c8-4f42fc9e2aea.webp

11a02f9d-ec75-4ac1-8a76-8cf295b04368.webp

c5e4d99b-67ef-4f83-a02f-53736d05d211.webp

f8611b48-757c-4d4c-9f16-7bf7ff8b8a09.webp

30e581be-8c6a-4f3d-a8c8-3cd33ab673e3.webp

航空便詳細

1010ec56-aad3-4deb-9205-f8353cedec5c.webp

162fc59a-b4e4-4466-bda3-8597a7da83b9.webp

ec127e7c-f96e-4e22-8a93-c38beadb390d.webp

23b547fc-3ec4-44c2-a245-e024b9ad29d2.webp

59cd23e9-5334-4df0-b262-ab945b2ad284.webp

a693d941-67bf-4bc0-a629-f790d72fb775.webp

c66c35ea-70e4-4e9b-b6d2-276238e368c1.webp

e3df56c8-44d5-4244-b848-7c0f24596a1b.webp

53ed2a28-3fe0-42db-a2c9-6f85917786d2.webp

ffc6d5d8-e855-4ca1-9067-4279e03734e1.webp

f25f3060-ee55-481e-bdd6-67856ea0a132.webp

ホテル

96fb561d-1edc-4389-bf29-21016fe3e658.webp

45859e5d-0adc-452d-b0f0-0b0f05aef0af.webp

5e1777a1-f602-4f30-96a0-1a1be42f9640.webp

d64c7e61-c804-45bf-b36c-c84adb1b512c.webp

133e3db3-43ec-4270-904c-3c73688be8e9.webp

6c5d9499-96aa-4843-af03-cd6ce3532af0.webp

960a5602-9895-49c4-949a-edd6904293a7.webp

a47ea234-7e81-4234-815f-20c7be64a6d8.webp

f08a4bbe-49fc-4ffc-b25c-d7e24dae98af.webp

a6e122ae-d58f-4537-b720-bd8363fe4faf.webp

7a4a4b1c-e0b6-4628-8d38-2bb106383688.webp

fde99d75-2609-4a9e-b4ab-426e0d05b4e1.webp

aec6f761-9eef-4458-92b3-f99813cb8ccf.webp

4bd25611-6942-4b39-b924-b4695950eb59.webp

7b5d4b12-cbc6-4756-9a12-5969f5c61969.webp

05348692-2aa0-426b-b0d3-4162dfef292c.webp

並べ替えと絞り込み

498e44c9-dc3f-436e-b456-726df0cd6b86.webp

67443e31-05c5-4ffd-aa00-d9e7027cf200.webp

75ac3f49-ec62-45f7-a39b-6052a057657c.webp

7d1e7fa5-0a6b-47c3-9e74-6fc4ed80a9f8.webp

5cc9c99c-7771-4555-bb25-17f59d2cf1ce.webp

396e2ed5-6c8c-4401-b0b0-3012faf5c58f.webp

5d654b48-4e95-4c5b-9201-22152f1d5789.webp

2257fd7a-e37b-467d-a2c0-8a2d2b7755a5.webp

a70f5f76-0058-4c58-a2a0-17d9db5749a2.webp

閲覧したホテル

d9a4f2ae-9bbf-47a2-846e-c3e239bcec57.webp

572d1039-25df-422a-88f3-d66686e37e8d.webp

6e649831-4b78-48b5-b6f1-c5febe4112b7.webp

ホテル詳細

cb5bd987-3835-4259-b669-3c17d0e1f966.webp

e93a3ada-8fd8-4444-986f-0d86069d167b.webp

6714d861-eab9-453d-9142-b1fe735a702c.webp

dbb6c493-9b97-4896-af69-edb64cfc785e.webp

3d95b98a-c7a0-48e9-9913-7ed2c60c9cd6.webp

53804715-d4d9-4b3b-9885-81b1761b0339.webp

0160189e-e13f-42ff-b859-6fde60536c37.webp

9cca69e7-dbef-493e-8b52-71fcd3eeff74.webp

b8270b4f-ddbf-4584-bcf7-db388ac34cc0.webp

8dbcfa7c-e2be-4faf-81ae-ae54f4b769c7.webp

9eb90af8-2398-4c58-9759-5ff5e539c08f.webp

d8ce346a-9629-4085-a798-1c653dea494f.webp

b2399aa4-5244-47aa-aca3-fa2a7da75912.webp

903fd283-9e9b-41fd-ab1b-a3d7aab6f6a2.webp

7eaeee81-eb64-4501-8349-f73d5012c3ec.webp

3250a3b4-d9c2-4993-8b3a-c3d71ca2da63.webp

d2a7b983-d70f-43a1-88fb-6cd34dca935a.webp

af922eb6-d6f3-42a7-9959-b4c7472c2e0c.webp

cdfbe17e-d6c4-4141-aea4-141597274ed5.webp

81005b6f-fad0-41b8-98ac-ea25c9625599.webp

7f59ff9e-00f2-442a-8935-abc8f16ea4c2.webp

7322942f-ca0f-4cf1-b8df-c6cec0f88549.webp

c04afc01-ff27-45cd-827a-1a94898951ef.webp

b155cf32-6d86-4493-af68-6fb91e089582.webp

9df8d577-3dad-46ee-837a-d1c69f9f6359.webp

6de76880-b273-429e-b02a-7109761c20f3.webp

984e2205-fb55-4b5b-8c11-ba5c2d3c8586.webp

8c61fa71-f18e-4ab4-861c-323cd5475bee.webp

43b727ef-b5d9-46a6-8f32-fa6c684824ab.webp

1ed28ca3-f6a1-4a29-b44c-08d5972713ac.webp

02aeaaf2-3338-4ab0-82f4-f946c11d6de1.webp

c4526bf3-ecad-4b72-85f7-0abea3aaa90f.webp

ホテルを予約

4625bdc2-f2aa-409e-9d46-af7c39f7d79b.webp

65532e54-16e8-4823-bcac-731f9c9a0633.webp

25eaf227-9172-4315-8d77-2bf6598e52d5.webp

af5f3bbd-ffe9-44d4-9e37-5d2979e12a31.webp

35298b80-61c1-41da-8a82-15fb3d253a9c.webp

619bbc42-a08c-4611-896a-a2d5b487dbb8.webp

5d46336e-55e0-43c2-8524-0bf32b1576b6.webp

b355cf7e-0c28-4bb5-90e7-ea495de246ef.webp

7f71a504-47d9-4e2a-bf7d-98ab5541468f.webp

64cd5d53-0e40-45f9-8da5-b8b23047cb6c.webp

48021ed5-7302-4366-9c0a-1909c8289847.webp

2836d73c-eaec-4c56-9a5e-fdcff281a178.webp

33d86403-92e4-4224-82db-cad221e390b5.webp

419a6558-744f-410a-90ae-50e67a4ac8dd.webp

c9032203-7010-4eac-b7b6-488bd2ace7dd.webp

2947c3da-7f0b-49f5-a59a-bd2088e68d12.webp

1bbc965f-f1ac-4a02-9b9d-b87251fd17c9.webp

51593907-388b-472c-87ae-4340e3ac8ad8.webp

4ab6b92d-a3d3-420a-a7b8-2d0dd72f4663.webp

ご予約

64ea716a-1a91-4903-80a0-e06a8dfb0d8a.webp

732d8a19-51b4-4fbe-91d5-7922a471feaf.webp

fd2a7bbf-1ba6-4641-bdf8-2e5e5b936a78.webp

05bc7618-1f7e-4a2a-8a31-081490aeeb86.webp

bab5ea20-a9ba-43ed-bb94-c4d2fdfa5fdf.webp

eac6aba8-f2b1-4840-8405-1da8f315e401.webp

確認メールを送信

76491765-dbad-459b-82b1-df78c28895d6.webp

9850aea2-5207-4af0-879a-2a9665609719.webp

34c47480-e8f6-4809-b45c-4fb56d352401.webp

169b0562-8229-4b24-8e4c-1a0ba44571ca.webp

予約をキャンセル

03f9a669-d320-4477-ad50-571761fbffaa.webp

4350883a-4076-4c4f-962a-e7934760986e.webp

b512cd15-db60-4650-81b6-a79fc97d2048.webp

1fb244e9-dfee-4dd4-9e4e-477c17c24b40.webp

4c762ebc-b257-42f8-8b62-2a1bad798df2.webp

41abb826-493f-4c7b-8e5f-d69cd3465c8d.webp

bb9c4464-e3dd-4bc1-9045-3be448dba5ad.webp

レンタカー

458ad3cb-3bf2-4944-8851-56073fa512f8.webp

2816a1e4-5ae5-4b1d-8c0d-677e02d29fee.webp

7d2e67b5-2c87-47f9-aba7-85a8e4c7e23a.webp

9b4f3f85-77e0-4c3b-b702-3422beb2ff24.webp

9bba8f56-63ad-4b67-a655-36163e99bc5d.webp

4bed56cf-20d1-46ec-af54-b90ccd387691.webp

1846817b-c9a9-46fc-b205-aba4accc5e6d.webp

0648408d-8f2f-43a3-bc67-1ff7c8f39dc5.webp

d1957ff3-240d-482e-9f42-c26736a1269b.webp

31719947-6d04-4dbc-873b-aa7a5fc409ef.webp

a193d4c7-f872-4e85-a65a-1d41aa0ca714.webp

51146a05-2c76-4feb-8a78-44172062f59b.webp

cd25ab14-10ec-4e9e-b32d-34098c3c2c4b.webp

レンタカー詳細

f0515308-159e-46c1-8141-b179e2bcd439.webp

3b3e0703-8021-458e-a71e-3ed502a993a7.webp

ca61315d-587a-43d0-8f6a-84d43e9dc327.webp

e57db465-87f3-49d5-9737-7c86672270d6.webp

fdc3d4b1-4706-4cfe-9155-52323d516f4f.webp

fe71864e-1143-41b7-bc5f-d6cd2c3ae601.webp

マイページ

945c6c91-8ce4-44bc-8a29-3fa17bbceb93.webp

ee703062-c54a-4464-accb-6351cc1cf90c.webp

お客様詳細

3048d961-35cd-4ebd-b559-cb6889b2b510.webp

5c800bf6-c743-4bad-a147-21e91c55b3f4.webp

82468428-8434-47fd-aa88-8544a9079a45.webp

c7cb7c11-5c02-4a62-92ed-7353df8fa743.webp

34bab618-f76a-4f83-ad84-b1a48b5ef658.webp

bdaafb99-12dd-4d89-93ea-4fce34df46fc.webp

eedabc84-fde5-4b20-bb1d-52bfbefa82c5.webp

ca11e220-22cd-4b99-a80f-07d2905fc4e2.webp

17ae7ee5-29bb-42af-a0ad-bb16158872dc.webp

8b0eb25b-0133-44db-aa1e-28e4a4bdf303.webp

84f34224-06d1-4c8a-ad7c-44198b408ffe.webp

0d7adee1-af01-4695-b8f0-0c13e1d021f3.webp

15e5152c-826d-41ed-8ae8-5978ffed4543.webp

47fdaa4e-8b77-4e83-9406-233ea76924eb.webp

9001a540-905b-414a-8660-b22c8a3823b4.webp

d6790c30-76e9-4f6b-b454-a6b109c0e587.webp

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

Skyscanner

オンボーディング

トップページ

関連アプリ