2022-08

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

フード / ドリンク

レストラングルメや食料品、日用品などもお届け

Wolt

オンボーディング

062aeada-471b-4b25-b21c-ad4b6e3f7e8f.webp

ed58fe4c-2226-4fcc-a963-d0aa002435a7.webp

b1f0eb4b-645c-40d2-b9f4-e7dd070f9f10.webp

6274a4c9-b629-467d-b89b-2a47faffc764.webp

82f81a35-c261-4985-8f3a-20f08e5f8883.webp

a1ee649f-b58f-41af-ba27-c6e9187640e9.webp

9c5c4268-e10f-4419-845e-fe1361b38fa5.webp

1d0d8efb-dd5a-4c8f-96a9-aa1673aff148.webp

4c802b29-94f7-4d0e-b6e5-9bae456c31d0.webp

509ac276-cb28-443d-8229-36d27a35edf5.webp

79aac61b-c382-4329-ae42-57b87db91c8f.webp

30313c33-8412-4b72-a52f-37150e4923b5.webp

e0e11fb5-98b9-477f-9e61-1a6f65028c5c.webp

1111a0d4-4ac2-452b-b8c7-cd566b5b39df.webp

13345614-fe78-4ab1-a290-cdaeffeb8e10.webp

f5fa65c9-7a61-487e-9dd8-5c27e1cc7a11.webp

6a5eaab0-7e46-47b0-bf1e-b962cd63554b.webp

fb2c4c42-9ab9-4aa4-97e9-56e006bd68ed.webp

cb50198b-6b59-4419-8fc7-eb8629fff241.webp

ディスカバリー

34c0cecf-586f-4b0b-a562-7fcf6046ab2b.webp

37391982-bf26-4cef-af53-4f4a507c4609.webp

7167ce24-942a-4618-835d-8dae0f10e365.webp

0c218328-fc05-4546-9bb2-3a4618132748.webp

住所追加

76819d1c-aca8-49f4-b138-f79903998da2.webp

582470c3-7065-4300-a931-a97e73663753.webp

c8750df7-791a-48e3-bfa9-e748519ae531.webp

33383167-d296-4c85-a915-10a4cc8509be.webp

8fb16380-a977-4a9c-9533-6d24e694596d.webp

8b1a65a8-6422-40f8-90de-f0a280cce682.webp

b2cd1245-a374-4eaa-97fb-4d64bfc61f37.webp

0e998c4e-851a-424e-802c-e6d64244e127.webp

4403fed7-5963-4c96-8781-3a9202326564.webp

c9f59738-83b0-49ba-9b46-8a7aff76a414.webp

a16a8b74-ead3-418f-86cc-65981abb54d4.webp

d8450b51-6745-4c2e-a1ca-2afd6d250f9d.webp

fce31a8f-1b89-496f-a94f-f00ff6bf6d09.webp

20f1c2fa-baa9-4219-91d7-7c93fe5fd5b9.webp

87b74761-7c05-49b4-9550-c564c3635eba.webp

95efcbb5-33fb-4eac-89b5-36f77ac04f8f.webp

7a42f8ac-350c-49fc-bac2-a010fc7dd194.webp

Woltギフトショップ

52952d95-59c9-4a01-a9c8-e6c2a19d70e9.webp

ddaee678-e77b-4b7e-8ac4-ee203ac6d39b.webp

942c474d-3ccc-4f97-8e77-0879f669470d.webp

831e6369-a517-48a0-ba2d-94309ee41829.webp

e63c3d22-ca73-4743-aa06-7f377eab5fe0.webp

5c98f05d-6576-4ebd-b6db-ce0b865b7adf.webp

83c7ef00-6b95-483d-877c-37793d164348.webp

27d97077-5d1e-480f-a92e-7bb15155edf6.webp

9d45b767-94d5-4be9-a1b5-03608d5d61c3.webp

74e24c48-64ae-4ea5-9440-667911a9d260.webp

1207f5f4-902e-4200-a19a-7ff5d02b61d5.webp

f30a81d9-4f73-4fa3-8c70-bb8c2a525eb2.webp

レストラン一覧

363dd645-db13-4cbf-8c08-6afc132ec372.webp

778090ce-1232-4952-9065-8a197ec46cc9.webp

418a6839-4541-4a6e-bcf1-36a2aa3b2d46.webp

9ab1f22f-9462-47b3-b2df-51d3ec522d63.webp

21686ca5-d76e-4f07-8e32-40b7a366cd20.webp

21d058d7-debc-4f86-8dfe-1731b583b711.webp

6a8a1f68-b2b5-4517-946c-9c83733b3614.webp

00ddfaef-cd9c-4281-9a06-3ea0ca767702.webp

8160621b-27c8-47b0-9eb2-9f6b7c93c57c.webp

レストラン詳細

d299fe38-0a01-406d-95d4-13f642e6ac89.webp

91b34d17-7b77-4ab2-953d-aeec9d796c59.webp

387d263b-2243-4bea-83c9-fde2efa96a0a.webp

b36fb7b6-7d60-489f-b4f4-0bdce0088925.webp

19939861-f571-4b52-908d-f1fa091f290d.webp

5cbc71a9-2789-4e55-8dfb-c2640540b6fd.webp

17a9f55c-9fe6-45f9-a02c-0bc8f64bdc16.webp

8d73dcd8-315b-4b74-86e6-05786f3cce92.webp

b4df3098-6a1f-431a-a8c7-76da490472f2.webp

b8093928-b050-4806-8e4c-d0a7d4f77226.webp

8c8d139b-d11b-46e9-a4c4-edde21c155c5.webp

aebcc1d8-ffca-42a1-b010-adefe8bde855.webp

f5f15df0-14be-47cf-a786-427d133d0a23.webp

63e45e60-9d04-4048-9aba-ab9f96e92296.webp

75d8f42e-6cfa-45f8-9cb1-9610d4d8f4a3.webp

264995c0-d449-47de-a18d-255dac657e80.webp

ef17097e-5cd4-4448-8614-e99f7d66707e.webp

お買い物

661a9036-ecf7-4715-9d07-ce0b674049df.webp

103d2465-2cfe-41e5-9396-5574f18ed1dc.webp

b7877916-17f3-4938-8c8f-ca4007311689.webp

cdc3cc6a-0f98-4fa1-a6da-e678ea5523c6.webp

b385b5ae-4f9c-42d1-b3b1-9065fe4ec4fb.webp

2662adff-3a96-47c6-8621-bc87e1723bd7.webp

検索

75014a3e-20ed-4056-9c2f-b7ea28393826.webp

344b88ae-e2f5-4df8-9f07-eabcc32567c0.webp

79139f73-a09a-4f55-9398-9942a3a46aff.webp

44463c21-4184-4867-a53f-4d430b0ad80f.webp

2b1b2822-2db6-4195-99b7-a528a9d4236c.webp

支払い方法追加

314f27e6-1cc0-4b03-8684-05e911ed353c.webp

dac09350-95d3-42a6-b472-cb59c86e7b8c.webp

8a322a18-89fb-40ba-8227-ff364ba185ff.webp

585e8654-ce19-4e36-8ecf-02c6d9122c64.webp

342b7d70-05d8-4df7-a9a2-2d35b5ecf220.webp

669220d9-2b4e-4129-9561-6b7e710e61f7.webp

c190d700-1aca-40a0-8626-96593f2902e7.webp

7833bcd2-e499-46bf-ad7b-a654d4abcf37.webp

79058c6f-bef5-4348-b15e-0dec74e21bf1.webp

99ab4064-b5d7-4017-a260-226eafa2d2c4.webp

注文

a9eb9684-eece-4606-aaca-aff6c665a29b.webp

409fec3e-c8a2-4ff3-949e-ed0623f1c29b.webp

ffe0adcc-a059-434e-8391-b53fa44be2c2.webp

71f263a1-130a-4430-a8cc-decdada98dc6.webp

80fefbe2-b7f2-47eb-99cf-6e5a5444a12a.webp

865f147e-59a1-41e1-a889-52b00258f9b7.webp

493291ee-7961-4a89-a1d6-fbe8894800a2.webp

257c0caf-5bc8-4a45-baee-365a0d67b510.webp

a000d14e-3ed8-4dae-856c-fabe88a1f6f5.webp

e7b2de66-db36-4d61-9950-8ecb14bdbd77.webp

0305927d-3614-4e8e-988b-d0ea0e852a52.webp

2b75ab3c-1bc1-4a48-87aa-bca0a0838491.webp

d294ce9f-e7a2-4100-82f5-89f0f1a34479.webp

c7a9dda5-ecb1-49b6-a7ec-00b18aec2680.webp

8cdbe807-2ed0-4f64-a5e3-6d79414b55cb.webp

デリバリー

6ecbd5af-6df9-4424-b515-098a85e10726.webp

e8bfd7ce-5776-453a-9689-cd14859dc14b.webp

968dff19-d132-489d-aff1-1fb27eeaab7f.webp

c2f3f0fe-5cdb-4baf-a42f-6255ad13a565.webp

fe017215-6bd3-428b-b0a3-63efbb1baaaa.webp

148ae247-2659-49a4-9a1b-17da0dc27cdb.webp

e5ccf87e-52e7-427f-b20a-76538e8d4a02.webp

a6a611f5-d094-4161-82fc-20f0941462f4.webp

0960a012-074a-46ed-8664-05b9e7c5c33f.webp

d739f577-766f-4a70-94eb-2dfbd73cd23e.webp

3e4dfca6-de4d-43e3-bbff-a2e0cfba8f00.webp

a9d5d073-4edc-49d4-bb9b-f4ab36ba39f2.webp

5431a812-589f-4e04-87c9-639dc85cc1b5.webp

e07a2317-3981-4abc-bf23-e5c5f7c5dc18.webp

dde6cda4-55d4-4a76-b693-e0f9ae617f7e.webp

f92ac533-141d-459d-ad04-4cbc0eacb37a.webp

4017359a-02e4-4973-9463-daaaa3434bc7.webp

479eec1f-fa17-4b68-8036-e3d1d946eb0e.webp

アカウント設定・その他

752f6b81-065b-4b78-b3b7-7d161ba1a11c.webp

7b5b2e21-6060-40d9-beb1-8ba25ba9fc21.webp

50e27bd2-31bf-4d66-b8bf-f8807452ef93.webp

9f231bd5-29c0-4a01-996d-74843402d5b4.webp

b5045a35-a101-4379-bded-398104c14d08.webp

f997809a-ba15-424a-9848-f665df2d79d1.webp

f5af15b6-8eb4-4f8b-a8c6-e5b51f5d12cd.webp

6cd2b28f-c47a-4678-acf1-daf4a1227b73.webp

abaac13e-fd2b-4724-bb45-e37af5423333.webp

9f069e86-078c-4b6e-a194-eba536f8935f.webp

48a3253b-ca8a-45d0-b906-a2db0211392b.webp

a1e78f8d-ec66-43d1-90d4-c2a4180a0f9e.webp

b7f28dd9-26b6-4397-83af-5edcc949259d.webp

dea54c4b-0e06-41c4-804f-7f14782027ff.webp

b0a5b43a-935d-4284-8238-8b2bdf920dfb.webp

7f8b3aef-ef6b-4409-be72-a163c6c0a08b.webp

6054ce8d-9b03-4bc3-87f4-f14c4d128c81.webp

0aab2b98-1a53-43be-ab85-05133af7bcb2.webp

bddf1f10-b182-4c9c-a691-bb358eb9e787.webp

e49de4c6-1487-43c9-9235-c6e725929c15.webp

9394ff5b-dfe5-40aa-9892-b17c7c50874d.webp

4b1c11ea-7314-47ea-b79f-a02aed7bd3cd.webp

9ce1ffb7-aa25-4aa5-88a5-658832affa9d.webp

a064f594-10b3-4905-a53a-8d82567bb5e7.webp

3158efa0-ee87-4d74-83db-5200e0bac3ad.webp

c552983c-80a1-4946-8197-109f6d876e81.webp

「Wolt」のUIデザイン一覧（2022年8月版）

Wolt

オンボーディング

ディスカバリー

関連アプリ