2023-10

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

旅行

国内・海外の旅行やチケットをおトクに予約

Klook

オンボーディング

ae55eee2-c668-4850-aa86-b81c7fda6766.webp

2703afcc-e79a-48b4-9ee2-b9eb2b7a3a2f.webp

b96252eb-bcf3-4c78-925f-fc324f027af7.webp

80f7d33f-0bd9-4632-a564-5009f85f7732.webp

4021d18f-5bb6-4354-a270-65f4af107c14.webp

3dc2c0f2-5d92-4978-b9a2-56adc38e225a.webp

ホーム

f26159c0-4140-4637-887c-044f106df066.webp

b7ca06da-87d7-4d35-a74a-0d7c603b2eb7.webp

8dce12c4-1ab1-44c0-a8e8-b69a43b30a20.webp

23f3a31a-f8db-46c4-b8c8-800ff515667c.webp

9d8ed40c-e7f1-4c7d-98df-26a374acb423.webp

628962cd-6679-457f-8e6b-6d3562cc02e0.webp

d2c06350-5a4f-4227-b1db-4855914e1fc0.webp

c89fb52f-c276-4fbb-a16e-438f6bb7b55d.webp

697d0b3d-7598-4910-90ed-a7ea8a933c73.webp

2e63540c-8a96-4022-b49a-4d0866696f48.webp

f22b56a3-da23-4738-b226-a28fa0f2fbc0.webp

ce3a6a8b-ced1-4065-afbd-8d304caf8e45.webp

2afed579-c2bc-407b-982c-c46c94969086.webp

a413069a-b0d4-4266-b88b-4f94199d7942.webp

7cd8e471-c8e3-406c-b017-30afb522070a.webp

9551d4e0-6991-41d0-8364-6b7443f0e990.webp

b4205eed-6b3b-4148-96a1-0d3b02ce0a5d.webp

0e4a45bf-ad68-4149-98ef-a408e390dc16.webp

62cbf6e9-c597-43e4-ad85-dfb4746c4992.webp

f7019c11-c9f6-4e02-a5f8-7f2e9306b9d1.webp

3361fd6a-554e-4e89-b627-4a64db6eebb8.webp

dc1b7ec6-fac9-43c9-b519-69985078f8f0.webp

c763465e-3e12-4822-8aa4-8002387d8f87.webp

7a9b3999-7d74-4818-8eb1-e62e102b2def.webp

0a43f54d-2e2a-4cdc-b0ba-40989ca0c70f.webp

ae2eafc5-af98-4e4d-93d8-b9cc3a3d9255.webp

b7f11253-c8ab-4ae6-89bd-d7908b7cccc0.webp

56389a3f-4840-4032-be54-37efdf12c64a.webp

4f6cb215-d212-410c-931a-d37774e4f004.webp

5497de05-e4d7-4513-b700-a2ac4a90d8cf.webp

a6a0f422-9ee5-4cb1-b473-abc705e47bd5.webp

b222fdc3-950c-4bba-a2a3-0c943a4ce435.webp

eaf015b5-4d16-42e4-a25c-7ec768cd7239.webp

3959a4bd-a4c3-4969-a20b-9fa1990a96ea.webp

41b6528b-0cf3-4678-ad35-58b63662c33b.webp

カート

a6adaf61-20a8-4924-b3af-34038e96828c.webp

8d3d952c-9fca-411f-a5d6-6582d2b3835d.webp

b14569ef-24b9-44ee-a2a3-f46d66d434a3.webp

356183fc-ab6e-4725-ad6b-6b8979889dad.webp

c8ac2475-dcb8-4eac-b2aa-6020ff2b7328.webp

d66ea6a5-9bbb-43cc-b7fc-edc6f351f48f.webp

ae5215b3-a507-4ba6-9c8d-44607a22e1c4.webp

edfc5a02-8301-4845-9365-6ceba5768444.webp

c731dd7a-a9bb-4b7e-ab75-f61e78b29bf5.webp

980ab87b-400b-4d5b-8f6d-44b212e6bd29.webp

観光施設検索

325ef597-00c0-4525-9267-c3e1cb0c00bd.webp

f9ecc7b6-af06-4021-adca-fd257ea47c44.webp

4191a945-0e32-4a11-870d-1abd240da9ee.webp

442d60bb-7ea6-4437-ad2b-70b7070da336.webp

ebc903fa-bb6b-4062-8a70-98c58b212b6a.webp

7979c544-f29e-4b01-9c4c-1ba9cc7809b0.webp

施設詳細

89f9f16b-afa5-4d75-9c1b-c6a589f0f856.webp

1fc25f74-4143-4d4d-ae83-eca28018bda0.webp

c2dec044-c6fc-4071-a8f3-4eccd30ebc06.webp

dd10f05b-fae4-4e64-8c0b-3759499dac5a.webp

4fd80812-c574-4a6a-867a-f7c3b662d7c6.webp

ca1f05ce-6ade-4c3b-9a86-4d3d94db73f6.webp

fa3e5c64-5008-4a4e-b0a9-b83162ab02f2.webp

450ba300-3ff3-43fa-947f-e0e786034387.webp

4ec0defe-5f10-46ce-a9a0-764935b0b08a.webp

70e293ab-c0d9-4ce3-b88d-da8343936e80.webp

f1f7e7e5-14c0-477a-9894-6619642cd26f.webp

39a1f03a-28af-44e7-98c4-74f32d84fe20.webp

173966aa-d405-4acb-bdb3-0d1bfa959765.webp

6512261a-c531-4b94-8459-570c9719dbbf.webp

abe04481-a78e-4789-9677-00609e8000ae.webp

6d63e52d-d6f5-4e1e-8d42-4d0dd70a8318.webp

7f309338-c8bf-49ab-84a7-020f6f3ca953.webp

466197df-3902-4ed8-b4a4-1e2f95b3049e.webp

88c017c7-e43c-415f-b6fb-c865d1f645b5.webp

1808dae1-1f8f-4d57-9fb1-e45bc61aca5d.webp

db89977f-f645-4894-8741-3b99c4e404f0.webp

3e750e25-315f-48a2-b591-0db51c6d4007.webp

67159a74-f1e2-420f-88d8-95a81cc726e5.webp

0279b992-70c0-4e57-ab41-ee9f38cbdf5f.webp

bfed0df7-5231-4e2d-905f-2a94e276ee4c.webp

c4c9721f-018d-4cd4-a1e0-735bcc600428.webp

56fd19c8-61af-4c76-bf3a-dc1531df2919.webp

a35611c4-6ce8-4503-b694-1cc62dca7c46.webp

5d2c2e13-dac5-4a13-bc60-8d3a0687bee8.webp

255d1080-964a-445e-9e63-96b03f6ba8a9.webp

2a2df43a-b38b-4b33-afc4-a8371764a2ba.webp

9927ba84-7f5a-4f46-b0b2-812f29ea44bf.webp

53b4077b-ae4a-47a7-9d39-954e96661fae.webp

1dbecb89-81ed-444c-8479-6e9e75c1783e.webp

1ba35cc9-2945-4874-bb88-8e187010c0a3.webp

d954ec12-e7d0-48e6-92f0-f8435eb80197.webp

e752135f-fd07-452a-92d4-a096b42f32f4.webp

fbecea32-3a62-4eac-b559-38e547a7126c.webp

dec8ddd2-f28c-4c87-afd3-5117486f78a5.webp

1b35f58e-f0e8-46a1-8d72-0fbb813b33c2.webp

081705b0-0df2-436d-b4b6-ca13524ff35a.webp

2c3dcafe-dd3f-43c1-86b9-21100691b979.webp

788e5b72-fa7d-4839-b059-193d0e3e66d3.webp

8444df58-69c9-4f06-b6dc-a2a076bcc130.webp

ツアー検索

61c56a9a-a76a-43e4-92db-e48056fa85ec.webp

30c40aef-64d0-4897-995d-178dbedf23c6.webp

aadd1f14-7043-4fbc-97f8-75d95d5958d5.webp

5d17c38f-5a13-428c-9491-8c3f09e019fb.webp

822a1893-70c5-4f68-9ad6-05633e5a66cc.webp

9334d627-adf0-4a92-9e87-f6eb186cf185.webp

a20c7057-61e0-4cfd-9f21-7de131d5e9db.webp

8fa37c04-d5e3-4a9a-8589-d35bedd7b08a.webp

3d4d4efc-f1ea-4ab6-a030-926eb810abe0.webp

00d80b31-0f9f-4100-84c4-f75911ce6560.webp

01dba8e6-92c2-4292-a5dd-c6190f616120.webp

0f608eb2-d2e4-49bf-a12a-821aeb5130c1.webp

6b10fa07-06dd-469f-891a-b2cca1a2e934.webp

ツアー詳細

03615b1d-719c-4c24-ab2d-95e1b4c5a8ce.webp

f3770ea2-89a0-49f1-a025-1ee8f13425c3.webp

39563e92-04a2-4139-b0a6-88b635a50a83.webp

84f4fa57-0e0c-4323-ad1f-50a3cd5887e6.webp

9f48132b-953b-4cbc-9121-c4ef5a84724d.webp

cf2d3115-840f-4705-b474-573db8ddc075.webp

57d706cc-8ac6-4993-bfb9-b41e15904e72.webp

3768e61b-3c75-4de4-9619-6f35f8db3cd8.webp

37f16f88-6485-4e95-ad8f-8399785c6aa1.webp

86d4c2d9-735f-414d-ba90-09d52566ae96.webp

予約

a53b6f1e-6852-48f1-b9fd-ef55b2370c43.webp

797972af-20b6-48b0-916e-b4765fa601b9.webp

f2004fdf-a575-4b3e-b559-86cbda86559f.webp

794f2da5-f617-41e9-850e-2c84c481486f.webp

db59455c-2f69-41c7-b6a3-3c437c5f5f8d.webp

a3e7770d-a1e1-4f91-b614-e3783710f5b6.webp

ce241193-9387-4202-9db1-d78a4d772132.webp

580e98d5-a333-4941-b653-39a18ac4efe2.webp

47606e90-2315-46c0-87e3-118fbb741087.webp

31e4c7ca-6dad-4475-ad46-b2b7f8fb8302.webp

7684d9ca-03db-4372-80b9-2601f2ad4b9f.webp

aec81983-9bb3-40a6-b5b4-7db6dee1b856.webp

04487978-753c-40d8-a372-44b01e8f4e7a.webp

3f4bb1cd-37d9-410b-a61b-1307e4b68d83.webp

4ec07b98-756b-41b5-9242-bc0880c4745c.webp

fd620bed-f3c3-4407-a9be-7f098afc8f7f.webp

224a9cd5-3131-40b6-91e8-b87d8299b115.webp

6d12241c-9bc6-4d96-a562-1d73e9d20011.webp

ホテル検索

184daf34-0543-40b6-bc50-106fc4e64fa1.webp

9acf7a2f-edca-4789-87f1-49677fa2cef9.webp

e21a6f7f-89fc-451f-ac2f-c24c65ffd4d8.webp

1da6465e-db3b-45e8-8b06-ad382a45ba12.webp

33265714-0fe2-430f-94e4-b079270d4dba.webp

57c069d6-904a-4ffd-95b8-691e302c0d1a.webp

c972537e-81c7-4f0a-83ab-a797c1771fe2.webp

c184e759-7f9d-4ff9-a701-e87734ecd5c1.webp

d8ccd1c3-bd89-4057-8cd7-bde68a235c8a.webp

f1b75b79-a098-4877-9bcd-b29ea72fe0ba.webp

3e55e4b4-9883-44f9-abbd-c6d526938eba.webp

164bdd9d-ae99-49c2-9d22-05652694d91a.webp

c69c5ae6-0ecc-4c33-84bb-f4e658fcc145.webp

10ef5585-6273-48c0-80e9-b44f3e040554.webp

ホテル詳細

7e5dab70-4cf2-4d0b-8995-e68644fc3969.webp

4da0a336-112e-4d22-9fd4-cb21899f5717.webp

e4466826-35e1-40ff-94c0-ca9a1539659f.webp

acc0bc4b-7d5f-46f2-9f89-7e12fe7fd714.webp

3ca8d5d3-7f92-445e-a539-9b28532ce03f.webp

80b37103-996a-46ad-8aaa-0a6bf70a7973.webp

7a15a050-7aac-44fe-b553-c0a4a2d9775c.webp

44b9c810-fcb0-475b-88d7-8cd0894cdc13.webp

bf30ebaf-73c1-43f9-9d1d-3f11f8c0547a.webp

db50e4ea-7891-465d-8d15-bb9b16e61bdb.webp

58bf8b4c-0083-4890-9c65-5b11df5b591b.webp

2e4316f4-a600-4429-858b-b8270c465279.webp

6d0a777c-0ebe-4c07-afa6-aa92980c0dde.webp

74b2146a-e5f5-445f-a322-bcfd23c381e6.webp

3b09ea94-022a-410d-b640-168e15498b20.webp

42a12ecf-7f2c-40c0-b459-24e07f6fc139.webp

f91a3c53-a848-4a63-9a14-a6c6f6e388e1.webp

c9861a56-5874-4dd0-b630-082894105e24.webp

92b3dfe8-8dce-4f7a-acda-20239a931aac.webp

328a6b91-fae4-4bfb-b7ab-69b5f57439ab.webp

661ed70b-1db8-4251-9599-a138b58801a7.webp

c7925810-119c-4b5e-842c-b321b377c6cc.webp

2e0174d0-2a8d-41b6-97b5-647d61857c59.webp

d6283f46-58c2-42f7-a70d-9dc39443af87.webp

df43ded9-c8a2-4ddf-ad1c-4b4d1ca7539d.webp

912004cf-6d8a-48ef-928f-e7223d1219f0.webp

fd09f3a7-4ec8-4a05-a61f-3d283aa21858.webp

鉄道検索

cd6b5328-e078-4075-8d72-50c64a0fdf4f.webp

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

Klook

オンボーディング

ホーム

関連アプリ