2023-03

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

フード / ドリンク

料理・食料品・日用品を配達！

オンボーディング

59514c07-0f8f-45e1-9249-2df31b10501b.webp

1af192fb-8344-459b-a709-349729411207.webp

32fe24f1-352c-4cd2-9b8f-76ba29d45f89.webp

f31e1c17-ba92-440d-ac62-3566f63db03a.webp

1b0ac78b-c802-4882-a259-acb46871d9cd.webp

9e5da350-25e4-487d-b8ec-07daebb8614c.webp

bfc105b0-f47e-4c8b-ace7-dfe2dd4b6ace.webp

ホーム

e5ace15f-3332-4e1f-9888-2a2d2af2cc25.webp

40fb58af-8976-48d4-ae73-fddb2ecd3efd.webp

7d0460e1-802e-49a3-9750-e8c81181781c.webp

8bca6f4c-b263-4138-94ed-ba72982fe7ed.webp

e54418d4-1122-4906-b137-61bf54aa8351.webp

c33b8b9e-0cb6-4a7c-adc8-04b02771d3c3.webp

2a1d1deb-7753-45b3-84c3-1958f5945ed9.webp

dfa865b4-2b3e-4ba3-aa2c-10a3248aafc6.webp

cd016a25-111c-45b7-9845-b2e8d344de6c.webp

2a3f6df8-8113-44ab-85c0-bdc44a71f04b.webp

検索

2dcb1b42-3f74-4c0a-8a01-d339d1f7510a.webp

6f5afa5c-cfee-49a7-800a-e59cde17820c.webp

553c9863-1835-4798-8754-3f9688468247.webp

2478ed86-9a73-4f13-9fd0-fe7038d9e4b2.webp

bcdcc729-879f-4061-9d0e-57bcc25bf4f9.webp

a9cc7f41-0024-4e2e-bfc1-074bd232fa7b.webp

マイ menu

f58cd119-85c0-434b-b650-b80b9cb073fe.webp

357d3943-8917-40a3-bd96-2e77ec83bd89.webp

981c3168-4656-4fb6-8d4c-37d99fe10da7.webp

メニュー詳細

ae04272d-4ef1-4440-a49a-670a12298df9.webp

59cfd9b0-d953-4023-86e5-cc7f98c9a045.webp

60c0038a-d127-44ec-98b4-546df1fb942d.webp

774abcb9-ed61-4a5a-abd3-79839a530920.webp

0a030392-f29a-41d7-b9a7-8ca1c2c5560b.webp

711cd979-a09c-4a24-9636-af53eba2c804.webp

85c269c1-0d1c-49e1-9cf6-eeeadce4c3c0.webp

0f0eeea9-40a6-4d82-9193-d91e2f69e8ed.webp

8b3d04ef-e09b-4565-b05b-5a5659b0a9f9.webp

267857a3-7c75-448b-90bf-c1696be12cc2.webp

e8a6665c-787f-4cc8-92f2-ba48422e1c3e.webp

46d736c4-a282-4252-88ce-7e82bf78c952.webp

11c72172-9aa7-4603-91f1-d35412479fcb.webp

c513568f-b489-491a-839d-0203e27e9186.webp

1cb66ad4-ece2-47a0-bd6e-3c8e62a1d54d.webp

6318da37-fd89-45e2-9bea-c90ff2f19562.webp

89fe3ce6-2f78-4f6d-a768-16baf566e1ff.webp

60ff51c2-59a2-48af-8394-9518a0d62af7.webp

ee61647b-b51d-4843-90e0-66a5dedfde23.webp

18b8de23-62ab-4cee-afe1-b8440088eb9b.webp

629caa50-1b4f-4071-bfa7-aaeac0597b41.webp

9cdb2237-23f7-49aa-ad1e-d08de70c3aa6.webp

購入手続き

6a666be1-1ecb-4681-adfb-907ac013cd9a.webp

8112d616-1147-4d97-8e0d-bdbc11df4d9c.webp

adc455f9-9969-4cc1-b27a-fda60772054b.webp

5868fcb8-c549-4482-966e-21f02be0d7e5.webp

ca7ba00b-4447-42b3-9ef8-3a3f3d21b86d.webp

6a1d2986-5f98-49b1-a40e-fb9ade949dff.webp

0d2214bf-e0bb-4cb9-8ae9-c391d23febbf.webp

0f32eea3-1a03-40bd-9e5f-e542584bc274.webp

2a7c9743-e41d-4f34-81da-cbebc54cfd66.webp

9eb1e42e-fe5d-41ec-98b8-de746fefa776.webp

3685ec49-6501-4728-8257-08e786ed9a99.webp

dc857ace-79dc-4c67-90ca-cbd4c7e59a09.webp

37009ed2-6bd5-4334-add1-15694ad05f7a.webp

a92dda80-94b2-49fe-8970-0ed74bbcaa45.webp

914c964d-1505-41b1-ace5-9f9223b6578f.webp

0d6a502a-ae1c-4b96-83d5-fe7c6403154c.webp

e94f1992-e2f3-4b8e-a490-2b082f6865af.webp

a036dd73-d775-44e0-b708-2af4f8c36374.webp

d7c2ce32-76f1-458b-a66f-ff4be3d94d23.webp

c25b764d-2964-4665-8172-2952c17136df.webp

ddd3152f-1e5f-45da-91c8-89477ffc76c1.webp

a36ab91b-b808-4214-94a0-57563d921365.webp

0a6d7dff-3037-4f5e-b879-d6b7e7007611.webp

f15c3de9-d596-4980-9bb0-8ae0f8492511.webp

724f49a4-1d4e-405b-8981-89d2a72f9f9c.webp

ご注文

72822ee6-8960-490a-860a-c4783aee2e79.webp

cc3621c5-baf6-4a43-b431-269a5a78ebb9.webp

86f69e51-6c7e-4c2b-9e10-56243d7d2197.webp

ae925fea-6c18-4f67-b3b1-86bb3a40188a.webp

e9ca96f8-75dc-47aa-8b5e-5797edb22452.webp

e87bfed6-e276-402e-a532-b2ee05e41214.webp

16f1cb3f-eb62-4c42-8684-2dc4b81e5393.webp

7d56e3a4-7e03-47d0-a99f-786f8fdbf412.webp

35b8291d-3732-4112-83af-24cb118ec221.webp

7bc0087a-2724-4f15-a241-0ccb830850ce.webp

ba6ac6c0-8c54-48e2-961c-62843f6117d1.webp

6b9e27ef-eb38-471c-a86a-0a46df8f263d.webp

9eb24037-2ae7-442c-9c6c-b1b94c62af36.webp

a8ecc5a7-855a-4fce-9675-7d0a8906136d.webp

0cce3e20-6b0a-4093-ae8d-f521c0bbf76d.webp

ffc2b032-961d-4575-9d96-7da37190006d.webp

7af05da5-77b2-4139-a750-d00bfc027b13.webp

38447562-238f-4033-bdeb-f5e6dbf17538.webp

おまけ

3f79c2e9-9071-4f47-add8-7f3fca8912a7.webp

71ba141f-02fe-43d6-ab15-c9e40fa5c983.webp

fab344a6-4a10-4c42-823c-d69e1cea9754.webp

8cc7c0ce-8628-4016-b879-9dc1004dab00.webp

0491d9f4-8231-4437-be8a-d4d4486dd628.webp

5ee6528b-23d3-4d2f-9e6a-3abe94dd97b2.webp

0bcd60e5-1f9b-4c8c-80ee-84d9f666eef8.webp

bdf148e5-ca29-44f0-93e9-ac2959164bc3.webp

e88a6c7a-41c7-4bee-bbd5-6f8ba0e03c0f.webp

1bf931c5-9e39-4271-af96-b75322596a85.webp

512304c7-925b-4f9d-9f63-17b04e63a73c.webp

b5d5c56a-6ad5-415f-a76f-2d15140b262a.webp

5eeafe81-15ca-4263-9754-557f5a377a83.webp

ffe38000-7d43-4c6e-b760-df3c2879ba42.webp

9200f719-69b1-4b86-b6d9-1a8ebd291a83.webp

c9081ef3-f908-4a1b-8ab1-fd1fa36e4313.webp

2f03e99e-ba3c-4950-aff1-b9629cb14f0c.webp

ab950e11-a295-4532-9926-cb6a1ebaf98a.webp

a8449805-958b-4863-b008-a075acf5751a.webp

baa00b88-3904-4397-aeeb-916b74c3d298.webp

b8a49aba-ab38-45b0-9637-8610de7c7089.webp

b1efc1bf-0824-409f-adcf-0619a9a18293.webp

48e123d8-fc56-4a7b-8263-d9b774ff36d7.webp

配達料無料

6d82070d-9c23-43d2-8a61-8ef2efa56b7e.webp

946c1aab-ba93-4582-95dc-10225af94310.webp

5a724022-bfee-4ce1-a9bd-a604804cdc69.webp

8eb6a8bc-af95-44d4-8747-723d9c5be400.webp

91bb23db-5766-472b-82ed-6ec9bbfc52d3.webp

0ffde2b5-b600-45f6-af75-5581d06a388e.webp

8f88034c-cbe1-4758-9f7e-34cc3014e035.webp

99bd6fb3-bfd5-4709-baef-d56c0e1e3045.webp

マイページ

0bf6f049-34d9-431c-b383-4e7f778f39c5.webp

4f266931-da37-43ca-93a6-9d798a10c013.webp

c51a2173-c810-4e06-a5e0-f5c5c61f7d24.webp

ee14fc6d-c92f-4804-ab0d-1c22031ac12e.webp

6d115722-4706-480d-83ab-14bea703f6e9.webp

db8e8677-4b22-449e-bb7b-d91105be5cdf.webp

b8887ea6-deb4-4b77-a67a-16ac78584f15.webp

56518dfd-f5f5-4add-858d-109c3fc6bae0.webp

132efbe9-a70e-4ae3-9a12-5abab739e44d.webp

3f77276c-4168-4be5-8de9-34e8dc97453d.webp

36b24b70-2b4e-4b3b-be2c-b95410775043.webp

6544d5cb-e5a0-4d00-91ed-ee28d2fc659f.webp

0759c698-1445-4123-ac3f-be3bf64425de.webp

3b6bd61d-637c-4fe9-90e6-c5d296e36c19.webp

1040e166-f56e-4e2a-92cc-c7347bc52e2a.webp

b5611250-d166-4419-b48a-53014017076b.webp

e4a1511e-61a8-4b11-a995-c1d1e6beffb3.webp

fc2f3964-ddaf-460f-b4de-a10f969a695a.webp

2a70011d-90f2-45c2-9742-70b3c2a5c70b.webp

「menu」のUIデザイン一覧（2023年3月版）

menu

オンボーディング

ホーム

関連アプリ