2022-06

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

教育

スピーキング特化型AI英会話・英語アプリ

スピークバディ

オンボーディング

bc33ab15-9e33-4dd3-87b8-8e124e32e66c.png

1224a6d4-c338-4962-8446-7ba52460bb25.png

820c736b-7904-4f96-8f16-19262d931729.png

7737734a-4f79-43a4-a74b-15a91afc9b16.png

fd59b064-0839-4cef-979c-eaec8ea8d6d7.png

59e2293d-2674-4f1e-8126-d00b8b7ff9e4.png

f91e5ed0-25fa-4e85-9ce5-f319d5f5e6ce.png

3bba21ed-4dab-40b9-a562-6caddd6efa47.png

8e6baf2e-3c6d-488e-a9a7-d766cd0e936b.png

bc93c307-4ffa-4cd1-81f3-2460f4fc1a32.png

f53e97f8-3b2d-43e5-a877-6488590fb07f.png

c690a360-01aa-4e2b-9fca-e6eeaae66e95.png

d53da2f7-f05b-4a33-904f-7fcb6ab27105.png

1620255e-c2bf-4037-a80f-90582a77f300.png

c509fa41-d974-4a15-9504-20c2c87bde1a.png

517b2a68-d2d7-43ab-956c-f937e762c82b.png

12160924-9017-41e2-9b6c-df2bdbe3e71d.png

5d07e072-ee6a-402b-890e-a2532d64b1a1.png

d4bc39fe-390f-49ef-84ed-488d7760d2be.png

faf11628-45a9-47f6-8668-24232465d79e.png

a16165b4-9ad0-4547-b948-bb1eca2cee33.png

ef04b19d-6cff-4e71-95a5-40114b00a86d.png

595e7fb3-40ee-4baa-84a7-817645d56c44.png

deeaa844-06f9-4b15-80d6-f060aab65c67.png

9e65963c-89e5-44e4-ac40-076afcbad299.png

044afae7-cb0e-4191-993a-d5d5d62d4a95.png

2e744395-242e-4064-8fe3-ab295b91ab0c.png

fd51de5d-326c-475e-8633-4d3d3dd28d44.png

e3c67ef9-74d2-4e63-890c-ce07bb8dec82.png

fded7d56-e0c8-4617-a81a-22cd31b6b92d.png

50564a54-a8a5-49d1-92e6-f2a4e65ec4e7.png

ce2523ac-ed96-4e8a-895b-c56c9f87a944.png

3d45bb5d-afae-4992-858a-871311c0e6bf.png

7c1bcb00-e603-4b65-b4eb-328f8a110f47.png

41156158-d74e-4131-9f9c-d5a58eec185d.png

20f70a0c-4da3-4071-9b82-f7de91d03c6e.png

0e50e865-8b6d-4c3f-9409-01d46e3c11f9.png

babc13d0-62ef-4701-bc69-85a19ebdff28.png

26aaa4b7-f7f8-4461-8664-9a1e318d6102.png

d2c345fd-d12e-4484-bab2-11630b998551.png

c6ce50e3-7502-4c3d-9339-337a772a584b.png

e8de8336-e81d-4999-bd7e-84ad996a920c.png

8ced5720-3a4e-4e1f-bc7c-f9b7e28cadab.png

6803ec29-f9a2-4017-8b04-470d80e2f849.png

5ce4c0aa-ad3c-4809-814c-cf2252840bbf.png

fe9867fd-54bc-41c6-88bf-c9af47e7e3b7.png

ef79b920-2abd-4ffd-bb6c-bfd36de68610.png

dce5f5ac-5264-440b-81d8-ce8b76e82536.png

605aa07d-7dc5-4a6b-b333-e407fb6ea2e6.png

0a84a0e6-065c-4bd2-9454-0c8e3da40dc4.png

eaaab8bf-9429-403a-83b5-be6ec4ba11ec.png

カリキュラム

793b18ce-94b0-47c2-90ca-d41d81f9bc23.png

aa1e8d3f-5de5-4055-b997-7f679ae59581.png

f818e657-5b58-49e3-ab6d-f691b7a89b37.png

1ab8564c-5445-4d60-8165-32e780042272.png

a491c31c-fd44-450e-a41f-268cab595a0c.png

a4b865c5-35c6-48cb-a728-2f766c937b66.png

a462a0c3-7079-4122-8339-850cff736f16.png

d1a5889d-6cef-4244-97e7-c4c681fa0741.png

45e83a94-0a80-4a30-99c0-b2ad0f5de7aa.png

b7a1b274-befc-46cc-8cfc-52ad8e32faae.png

2a6cc3f1-22fe-405b-bb8f-7f5ff4e6b592.png

f5b03116-787e-480c-9de5-e0470f6562c0.png

d2bd7001-f619-4578-a3e0-f651fa3a9764.png

446e6896-1c75-4148-9a0d-88f8276d1f98.png

f94b3002-0063-431b-a742-2ebf4237c922.png

62f1a8ea-c939-4bf8-92ac-204d9cea6199.png

8d2f69e7-c828-4baa-b449-df9b2de1d893.png

5f634edb-52c1-4744-8949-7a34f1b79df3.png

a9ef374b-07ed-44dd-bd16-1f90fa8e2116.png

1c6cd5d2-3cf3-4927-9ddd-f9d350480869.png

1a366de2-6452-494b-87b7-72edb3ed106b.png

4efdc96c-a062-4380-9f9d-72a69ecbde4a.png

ed0988eb-5621-4a93-9cfe-3bf50835f0c9.png

fb82e3e5-219a-4755-a6a2-7566c7fce18e.png

7ee9f39e-f000-445b-97a6-42f2027f0556.png

「スピークバディ」のUIデザイン一覧（2022年6月版）

スピークバディ

関連アプリ