2022-05

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

メディカル

ご自宅から医師による診療、薬剤師からの服薬指導が受けられます

CLINICS

オンボーディング

36c22426-654f-447a-b41e-3646b9a0a4f3.png

8df180b9-aae4-453a-8c4e-e82edced5814.png

406037a8-0a84-412c-bf44-f6f12d5929f3.png

08881ae5-8617-4e6e-9d2c-7a63ee4719d1.png

e04fbfe9-a544-497a-9fd9-52c138a24c08.png

6f9dcd3c-229a-4af9-b123-4d1867e2a4f4.png

021e2796-bf6c-4a12-b0fd-fd1fc7962227.png

3c040565-71f9-40b1-98c7-73fb6e1137ea.png

20b8b00e-be25-4f95-b00e-5a9e9c94bd5e.png

46a8a0c7-4c09-4ec2-810f-c379873e3195.png

予約管理

80ee7b11-ce8d-4614-9228-c70039ff3a21.png

c70d45d7-559f-4e3a-b6f6-4f10bfade406.png

b8322ed1-f7b8-438d-90ef-1ba0ce7d2945.png

2cbea36b-5cfc-4cad-ba8f-eed132001450.png

46d8771d-4c06-4581-900b-965bd6fb3797.png

c98478a3-d239-4e03-91e2-8088771a1515.png

79ba2c01-0cb2-4740-afe9-92da4204e587.png

cc6fd5cf-40b5-402b-b194-6617aeac131a.png

病院・診療所

e8cb92cc-14c9-427f-b9dd-9ad305c3093e.png

5b83835a-15ed-4b0e-b341-83f71501138c.png

f94e261b-1ff5-48c5-967c-e1586508a4d8.png

59ccee27-17a7-4cb4-9fdc-ede79c726c2e.png

a55bab70-9f35-42f9-a59f-01f53101f58d.png

ca6f328d-bfe3-4420-8925-2e375e673d57.png

0e77eff7-1952-47e3-a96d-3ca5325dc885.png

b40e7309-5f1b-4e7c-b065-85e211c8164f.png

bf2735e7-8202-4f9e-beab-456e61708b8a.png

cbd51b6b-fa42-4d88-96f9-6017705476ac.png

a3f6f292-bd54-48d2-a8e3-6f465318287d.png

10759e42-d7e1-4f87-a6b5-bcd1630b11a2.png

5de68c0a-eeb9-427c-8760-f917f8e1047c.png

e7e9c441-52cd-40b5-b759-3b8be7a79da7.png

19524304-93e6-42a4-9cc4-f131aaede152.png

593c975b-0378-4868-a124-d12c021d0a8d.png

6db00bb8-62a3-4e33-9666-f8ed60b15e25.png

4c60351d-2eba-4d5e-b301-6b83c9cb3e21.png

f6107e51-7af7-4b32-a3c0-4994da357a11.png

1e61da02-d127-4f02-a6af-e174c7c160d7.png

e263cbbf-0825-48cd-9fcd-221f4f895109.png

5e5a2cf8-2383-445a-9580-7b37ac842c55.png

cd2e3480-645f-4d38-ad6c-6f641e7f1181.png

98479b52-982f-4441-9e16-8f2224883f1b.png

aac096df-c423-4b73-b3e4-4bdbf4bc9f46.png

病院詳細

8fd11bd2-f444-411b-b1bb-f5f88bc6e8aa.png

8c879e1f-e62d-4ccc-b115-3edc376dc3ff.png

4d16a232-cda0-4587-86c2-57b6e228aa14.png

86ff3b36-b6cb-4aab-beab-37bae79b7bf4.png

5732675e-863f-4ad7-ac95-24fccfb52ac1.png

3ea93500-7868-418c-bd84-6a9bf1ad4385.png

1191adde-ebee-41fd-b7ed-40a245bdfc29.png

6cf251af-2af3-4b4c-a78e-e227278e64ff.png

c09e4293-a959-4144-a41b-7c9c4dd31ba5.png

6340f89e-74c1-4882-a760-87a40f1f371c.png

病気辞典

1e3cf1d5-632b-4f8d-a805-ce9661e450d9.png

98dd444e-5f8f-4d72-8ec3-96e1f2a56643.png

18884c0e-dd43-454a-8984-198241720fee.png

074bd099-7e75-4542-be98-84f1087b9d46.png

ff2addd3-0b9a-4982-a358-a4e26b9ad172.png

8e34c59b-6a18-4ac0-a898-fe56a6923a4e.png

070f3c64-d1a9-410c-a95f-cc0c403b0865.png

2658eada-954b-491a-b23b-6557fe959d79.png

41bc1113-ec06-461e-972f-b822d7707358.png

50c0c2fb-6f6d-4689-8372-6004f8b19131.png

5e58d3d4-b866-4b9e-9b8b-87728976b7be.png

a789431e-5274-47e5-91ef-2d36a3ed55cd.png

0a2c32da-8403-448b-9240-8088910d5c31.png

c7c209a1-cabc-46f3-8a94-fadb1c5a3525.png

07791925-0ee8-4d2b-ba48-bf41ca00cec3.png

c0185856-b9ec-4e06-9e50-e93abfbf43f4.png

cdc3a886-2973-4d5b-8171-c2c4780ba137.png

cf5a7744-d037-4af0-8f68-9296bcc500b9.png

94aeb54d-e022-4b43-af0d-615cda773ae8.png

2c90e522-b58d-4810-a32d-9e2adb19cc24.png

7091b60a-a487-4610-907d-14e008d84164.png

70d91712-718a-4383-acdd-e2e0d4e0868c.png

6716d5d2-b794-4e70-91c2-5cf76b043cf9.png

薬局

efed2f20-7291-4060-9dce-cf12b2025b42.png

13220830-34a6-4e56-ba4f-0ea977874e0f.png

4259b85b-ddea-4053-a488-33539ae32cfe.png

f10e7187-7603-4088-9e62-a2d6801bb12a.png

2b176b32-ae9f-4f00-8e5b-353c927938fa.png

3d536f76-d72a-4742-9cdf-25d2d1aa371c.png

3c773e0a-9cbc-4d27-bcf2-a7d3583cfac9.png

e29e6511-740d-450a-bf34-c808db36428f.png

f6750e7e-99a7-43f2-ae5b-df064e14c3db.png

薬局詳細

aaf20c42-5a69-477f-af00-a359909ae74c.png

15d08e92-7f6a-4b82-affb-2e3e2c5c1413.png

b3f35a5e-8776-4216-add6-1364903cd568.png

9168bc52-b5dd-4475-947c-881d45e5c01e.png

8f4ce409-7de9-4321-a84f-7a795633ad58.png

91127f83-a699-46ba-94ac-be46b07ae685.png

4825ad4e-71df-49d2-873b-cc9cb46cd407.png

2f4fb04b-53c1-4e0d-9fb7-0622194872a0.png

fb9395b9-222a-4478-a24e-4901c9463a5b.png

5c9dc7e1-34c6-4eb5-a800-9faed6a5413d.png

55037edf-e122-43f0-9428-b2082282c17e.png

4aae8a48-2911-442c-be2a-25b303489e38.png

f7de8e95-fbd5-4488-8d24-4bb04f515dc6.png

b43836fe-2b9c-4ba3-85e8-1424e64d2838.png

お薬手帳

0d89dfac-872e-4e96-9c5a-bc50b0dc1a14.png

c0cbc010-85a1-4d2f-b1e7-3f749b113d8d.png

eba5392a-0b6f-4b01-9344-ef546a63a25a.png

090a84ea-a679-48a1-8894-a27f9ccc976a.png

e6ec50f5-7be6-40dd-baa2-4f46610461f3.png

3b6a2975-20d1-4fdc-bf1e-3c4ff04445da.png

55eeef24-8d3d-4454-88db-794b9d36b069.png

17278a12-a302-447d-8f39-3c2ac544740e.png

f4d0d76e-7ffc-4f74-b9b9-85a653e41ada.png

712f9310-6ed6-4969-8042-91c58e2bd3b2.png

39fc14b1-6a6d-496e-88b6-f17e990d020b.png

5ae214fe-923d-4a73-a6b3-f7e01818b1e7.png

bf306a70-9802-4d6d-a184-b7f68107223d.png

69fc07e1-5910-4089-ad46-02de4fec8196.png

75b360d6-6f81-4c76-a670-5ee5523778bb.png

fff10752-0953-4de0-be53-08e5a886e2b1.png

e7c3ed19-65bf-4177-966b-56381fb226df.png

200027cd-157a-404d-b09a-787cb866300f.png

9ab6fc8f-0539-4497-958e-b4d73b47f881.png

97c88ff1-be4b-401d-8997-50041232bc2e.png

41a3ade5-373a-4cdc-bb85-1b7c5716c5b4.png

6abcedfe-efef-4448-b6e2-c1159f3b7a24.png

8b6da50e-5096-435d-b353-082d7390e2d3.png

bf61615c-0362-42ab-8c6d-1a9cc0f6b02d.png

c5fb6fff-feb2-4128-8a6c-eeb64d8719d5.png

349e0836-f066-4f18-9306-f0f3abddbc2e.png

9df267bc-cee7-4f16-a8e6-cfdbede536b7.png

5f80d826-435c-418d-b392-b2bc55d64dc5.png

22a2ebb6-9b03-4bc2-8cf1-364cc18174df.png

bfc8733b-01c2-4618-b627-20bd203af757.png

8789613e-34f4-4f7e-b074-d2c5b7f759e3.png

26d02cac-342f-4079-95cb-7f78e1515758.png

44415e3c-91c2-4f33-a86e-61f4c413f9db.png

お薬辞典

36fdaa1d-26a7-44f7-a507-9b2e2b4fd75a.png

e660b1b6-ce29-4404-b6a3-0e2f1028113d.png

67b2ec8b-798e-44d6-a909-ddf5627ed15f.png

27ee085f-e744-492c-81fc-2df3d435c3e3.png

e04e68b5-53e0-4883-89ad-c5fffcde0fc6.png

add0fccc-ada7-4a2a-b400-7cb8c6b1382c.png

4c3cdba7-ae41-485d-9d55-2018b4473c51.png

0a04efc3-95d8-4b1f-8ee5-c71411c928c8.png

484f6abb-30c7-4166-9b6b-01287fa6650b.png

8070bc65-a5e6-4769-8e9d-8de7e2879c7c.png

7cdc3bd4-55c3-4c21-9a79-7efebc21c7f6.png

a1dd6938-b7cb-4776-9979-8f083052cbbd.png

8bcaba0f-ac40-4dbc-a446-07138c877c6d.png

38714518-b523-442a-8240-6df9ccdac6f8.png

53cf5ace-dde7-4021-8873-7556ed5dc8a4.png

c0496756-d2b3-465b-a7e4-acc202dd0884.png

5d207a2f-6821-4bc5-bc98-a9f70000a509.png

4382b631-e7fe-4ad5-b4fa-9ca023fab224.png

6f46583e-a388-4fd5-b583-c4d29d6eb599.png

355800d7-b12f-4296-8e7a-6ff93ca4eb4a.png

アカウント

ce2ce8aa-9a94-4112-b31d-9561800336f2.png

10e4e3f7-bb72-4c8d-85bc-188076cd97c7.png

b21f9d69-072f-4327-93c0-6cedaabc1f67.png

e06f69b5-d25d-4b09-9b8c-4cd53d7a3977.png

53740f43-1fef-4865-8c41-5c89eb459d33.png

a7e07888-831d-4203-a9f4-831978c4a04e.png

f0f0c624-c9f0-433b-a0c8-0c6d6ad1824a.png

79443916-4c7e-48cc-b287-3c2fb302635d.png

c63aaf97-8b67-47e1-b876-fb2d533ca626.png

08ca8713-71c8-4a91-bb28-48098c4439f1.png

8a3994a8-fb82-4105-b5d8-e52076e87ec1.png

ceeecafa-bb3f-4e98-8c88-c9a8b5ac805f.png

8bc47ec2-7903-4b11-b973-29c0ea60dc60.png

a37d7eda-054c-4bf4-8fa3-f2dcf45008f9.png

34dca5d6-11d6-487d-b750-911f43be8d88.png

85d57e14-2086-4870-8627-3026931f1288.png

5e91d54e-98bb-4968-adc1-a9344d077deb.png

8d822db6-9325-4d4e-b570-baffaf8146f2.png

13321747-19d3-445a-9353-5fd87909d06a.png

392a800d-02b6-49c4-aad9-bd8bb3456389.png

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

CLINICS

オンボーディング

予約管理

関連アプリ