2023-06

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

ヘルスケア / フィットネス

BetterMe

オンボーディング

f5df51e0-3310-41ee-a94d-20575d01075a.webp

830a7554-e836-4f60-a67c-1abf02527198.webp

5ce607be-066a-4433-a0a9-8f51b62e5f41.webp

1f9fe256-ec91-4589-b7b1-dbe8cb4b7dea.webp

94f51232-0a38-4de2-b569-8dd7dc5f73f9.webp

03fca7d0-fce6-400c-b7e1-0612ffb3c09e.webp

8766ba50-5163-4314-8068-648b4445745c.webp

162bdfdf-4126-4a17-b6a4-e806fe64c42c.webp

498b6b54-977a-4edc-aa7b-0affdf285f27.webp

b5c366f7-7ff8-43f2-a488-87ff9b425843.webp

239279ef-d755-4125-be94-12b9f1ce4c59.webp

e7d858b5-e794-447a-ae7c-ee32c0cc29df.webp

289a2e0b-f7d8-4dea-b14c-29ba176ed99c.webp

13c910da-3d69-4d3b-9694-f575dcb39974.webp

7003d266-427c-449c-9c75-d3f944ca1d4d.webp

dd48a8aa-4244-47bb-b33d-a9e8d6be27d4.webp

b65e966e-cf95-4e1f-a31f-8f778779320e.webp

0d968058-ea56-4244-af2b-0930b9060174.webp

db638129-5712-40f4-9d27-4470126f1b8d.webp

a3b434da-aa48-4752-b918-2222363daaa8.webp

098e115d-8a49-44a4-9221-6d0cc6599429.webp

95884dd4-b178-4ebf-ae2f-6a9451b6bc93.webp

28b26e8e-d117-4bd9-93fa-5d7f30702e38.webp

7c280ca4-7674-42d6-8457-9ffd88e274bd.webp

2926902f-2929-45f0-8546-5800c4514183.webp

3c5937d4-5e1c-4d36-b07e-682044c81d65.webp

2f6b3b8d-d55d-47a6-a52d-3869a27af638.webp

606bd6e7-2058-4618-bf39-34c2aa559301.webp

ccf9b6fa-8066-4ef2-9c2a-69699eff2f1e.webp

2441d103-4325-4032-bf20-d5f988b21649.webp

f689e6e4-e151-473e-a7cb-af46fc808c33.webp

d2b9dfa2-60a6-4cc9-b107-8674c48609ae.webp

ff489e36-e8a6-4993-a5a5-0375e986db1e.webp

1b525230-1d17-4423-9c10-51e9fa3fc960.webp

0306a5ed-989d-4b9d-9bf1-b81eb5eee2be.webp

12a49673-e92a-481a-890e-5c29026777ee.webp

330d0463-640d-4a57-b7cf-f4a750994a3a.webp

f0e9b141-7480-41a5-8c6b-586327834e1e.webp

9fcb7962-264e-4a0c-ab86-d1fc57db31fc.webp

25b2d2ee-6c08-4cd0-bddd-81d060ec63fd.webp

ba42eeb0-5602-4963-84de-2a96bdb44c2b.webp

プラン

212bf450-bcfc-473c-b0fb-595fe0174e22.webp

f0f90745-a9d8-4e23-85d3-aa2d3bd00c24.webp

e89141bb-a310-43f9-957d-cbcc4a9d1a78.webp

594b35f1-bee3-44b9-bd8a-f56175351736.webp

6b4f182a-2c7d-4880-911c-c1790ccc2c1c.webp

2720fc05-02eb-4b6f-b98e-e9231e121c2c.webp

7d15b8a5-160f-42de-9b4f-26f24d0f8523.webp

ac69dfa7-c335-48fd-9521-ea205d3714aa.webp

eb956b45-d423-4e18-bde0-e19bf87fc79d.webp

4a757d77-c1c7-461a-9525-1b4cb2b9f526.webp

31e82f60-6f33-4af7-b331-c8581a64a363.webp

27eb4129-97e0-4672-bedc-2025d0e28054.webp

82f7889e-b53b-4100-85a2-e6aeb7775773.webp

0ab85b32-d79b-4635-a7f1-b292b9c01214.webp

2eebc637-af7c-4348-8817-2a5334a38719.webp

550fabae-e35c-49d7-975f-63cd7996e2fa.webp

caabdcea-fc9d-4b85-aa62-61525b47abc5.webp

8e7a2679-bdeb-4852-af98-973ab381959e.webp

bd309235-ff91-4701-b414-dd62837a9e7f.webp

8ec314a7-94a0-46eb-9b7b-3dd3bc74eee1.webp

92207618-e8e6-41b9-ae9b-6135105b33d9.webp

35db87d3-8487-42fb-b0e3-e9b2bffae6c6.webp

8ad3f88f-cf2a-44ba-a892-a215522591a2.webp

ac3783f9-46e4-40fa-8f2e-c8596102bb96.webp

09a03383-40b4-4c60-b1d1-8909e1364b7c.webp

405b0be0-f5f4-4cc8-83ba-deacd8798bf0.webp

d27209e1-bb57-4cc9-b57a-9bec95906a15.webp

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

BetterMe

関連アプリ