2023-07

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

旅行

フライト状況のトラッカー & 航空機レーダー

フライトライブ

オンボーディング

87481701-7b8b-477e-b101-d2346534be06.webp

aaf9389f-817b-4386-be04-c69c9e475da3.webp

a0b907df-48db-492c-a865-5ec2739f237b.webp

b9a0ae5d-c16e-4c39-ba4d-eeee9080b55d.webp

b5bab4dc-4912-4267-9c8d-1a0db1f1e175.webp

36111189-0e72-485c-ab2d-007f43f4d9d9.webp

bfdadcf8-a355-428d-8285-576ae548815e.webp

検索

8df1a0e2-a98a-4e4d-be97-8c54ebf7bb34.webp

673a71c5-361c-40a9-928a-db83336c0777.webp

c7360d4a-43f2-4a5d-9e9d-31cacde151eb.webp

3e46fe00-9879-42b8-b695-3922ac740287.webp

f29d1111-78a4-42af-be3d-446256767989.webp

3e8a1caf-19f8-42b9-9b30-8d97bd970c0f.webp

5dcab6f1-cba7-4712-98bc-ddc5d6e9f6ac.webp

ff1e2142-9a5a-4bce-817a-d422f8542dc7.webp

44be9ba2-8d87-492c-b90b-3575d58dd53e.webp

70be348b-fd33-4f90-952e-cdd5448318f6.webp

1b40608e-9865-4ddc-9e47-b02302450f47.webp

026576e1-eace-4a4c-a6da-423c8ec99f7c.webp

26aff325-a036-4cf3-8027-f962390e0bff.webp

eab5c3ee-a8ca-497d-bba8-c0e2bcd5e8e2.webp

3e241cbd-3dbf-4b58-8de3-f34592722838.webp

28581747-2f2f-48bd-9dc7-e96b1f49c48f.webp

5421f7c2-f6aa-4a2f-9111-512a7f3360dc.webp

ac2ba24c-894f-46aa-ade2-79a459cd3b56.webp

e6e44e5b-dd0c-41ce-b480-9b7d1343585f.webp

29bc64b7-fb07-437f-8a68-a3118fc0d38f.webp

9671807a-fa4f-4116-b231-12829648b27e.webp

7d171c67-61c2-4d1f-993a-70cb679b5cba.webp

116b7e65-faa5-4c0f-82fd-0dc01ff186cc.webp

93515d9d-29ed-4668-8ed2-dbce85c0d2f1.webp

fcc13435-0a50-4cb5-af0f-a588afcd9d8f.webp

bd983500-dd34-465b-99f7-19eb0e9b1539.webp

79911c57-d0ca-48ab-99a3-a7012c8a5efc.webp

ae105c87-a781-4a1b-ac03-9c0264cfcebe.webp

093910f1-9fea-4dcf-a829-241f83c80413.webp

f699e002-3fa1-4a73-86ae-45ce91bb7dca.webp

a58711b6-3b90-475a-94a8-93c788b11acc.webp

d6b64355-7331-430d-90a9-b49ee31f6f2b.webp

dbdaa01e-6e9c-4ec7-8314-28065dd0e384.webp

ee2a93c4-4dcd-470b-86a7-78d647687568.webp

2e7d0f2a-02aa-4c8a-b369-8fa46684ef00.webp

ee36da1d-8829-4447-8855-d4e296e7b12d.webp

4852fc47-6b65-4d70-b647-e27931cf9d17.webp

cb778e91-8d7a-4571-b130-a1b1a6a8fc5c.webp

af81d8b3-36ab-4060-8dda-5cd9ce1efe43.webp

7e95e849-3138-4c3c-a9ef-3700ce04ccf7.webp

c564ba50-1001-4927-861d-3bc4d9b097bc.webp

5d05a267-0903-4077-b7fd-ac8dd7da4402.webp

f3f7dc08-ca1a-44ef-9fc3-e8c5f5f333da.webp

9eedb30b-6911-41e8-b928-f7c388d66838.webp

b5751803-f886-41e0-a597-3fed0e243dbf.webp

1c94d6c3-ef3b-47e1-b83f-551df4d6572d.webp

9b5cf14f-8771-4f3e-8085-44204dff0c39.webp

48656714-80ec-4d01-805a-482853349001.webp

60b339dd-3ecb-4b29-87a0-604410f4e8d8.webp

42a9a20f-03cc-4cee-a82c-67f963d4d978.webp

91d09f91-2076-4896-81d9-4ec7918999df.webp

15b6442f-9b8b-4da7-a2bc-607ea854038d.webp

65198bd1-fed4-467b-a234-ecc184054fc0.webp

a05b3035-8b18-4917-92c7-3a63d12abfe4.webp

b526f15e-4a89-4122-a122-7d5025ee9b92.webp

c3f493f8-741c-4d61-94cc-b87bd5088a23.webp

bf487f71-cac5-4b73-9e9b-9cbb28eb1e9d.webp

1f991de3-9f79-4514-8b37-9016c6c8ae2c.webp

84b0ea09-3882-4b37-8ee5-f1e562b43879.webp

9af31558-c948-4fc8-acb3-090f971ea22e.webp

4ce8918a-bba7-44cb-a84e-a77f2cfb1688.webp

290130f3-835b-4f43-8590-8ec78c91c4e6.webp

cf51609a-1446-4b58-8fed-35fb571ca373.webp

52683612-5ddf-4d45-b605-69dea71f6658.webp

c8576355-5e3e-4583-af50-39961189a303.webp

4a9d4a14-7c41-4eea-9a2a-bfe58be4e0bb.webp

「フライトライブ」のUIデザイン一覧（2023年7月版）

フライトライブ

関連アプリ

ウーバー Uber Taxi

ANA

DiDi（ディディ）

JAL

S.RIDE（エスライド）

ジェットスター（Jetstar）