![A collection of smartphone screens displaying different content in a mobile application interface. The content is primarily in Japanese text, with images of books and illustrations interspersed throughout. The layout suggests this could be an e-reader or digital library application.](https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-1.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=400&s=ac5db714cbfb60bf888d915ff90c98ea 400w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-1.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=600&s=bd14b1113f45de76ad5ad7005c6d6eb9 600w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-1.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=800&s=a3d6e0eab21e37f3a3e83e7f1b5e2fb5 800w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-1.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1000&s=9ad8fc0e4105bee563e09e51a34489c2 1000w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-1.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1200&s=19811606d88fd61f3de5cb0f93cbdf3b 1200w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-1.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1400&s=caea426a741813ddf85bcaceb37ba2c4 1400w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-1.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1600&s=f7bab64359ac49228c7823199488d2e0 1600w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-1.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1800&s=ea233f52383e9169a3e6fcc03064df4a 1800w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-1.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2000&s=ab100f554ee50b9bdd40b14cdb1756d2 2000w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-1.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2200&s=0f77d50232d00fa8292456fe199c9a46 2200w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-1.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2400&s=01c0b65597e7ec9378e89244246ef96e 2400w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-1.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2600&s=9c16c85eba5f00469d6ad66034389ac5 2600w)
Keio University, the oldest institute of western higher education in Japan, celebrated its 160-year anniversary in 2018. Keio’s culture and arts centre, Keio Museum Commons (KeMCo), wanted to create a digital experience to connect the university with the public and other academic communities around the world.
![Two digital devices, a tablet and a smartphone, are displayed side by side showing the Keio Digital Archive interface. The tablet on the left displays a single highlighted artifact with descriptive text, while the smartphone on the right shows a grid layout of multiple artifacts from the collection. The interface includes both English and Japanese text, indicating a bilingual digital archive platform.](https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-2.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=600&s=35a4ed1bf7e129c661d336e68202a8ed 600w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-2.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=800&s=b2f2da8a484ec86799cc11491938c104 800w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-2.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1000&s=55b16dafe0af272e15cb1ab064d57277 1000w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-2.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1200&s=04ede5d179c761d539f61a570e4ce6fa 1200w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-2.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1400&s=a092d0a0b4898b23d8d3a527db41e676 1400w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-2.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1600&s=ff6eb1b350225a98a8f4c361f1ca94db 1600w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-2.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1800&s=d7909d763236946d662e49be38a9d238 1800w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-2.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2000&s=4c7d3cfe0c9d6aa24a3c14d102eca706 2000w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-2.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2200&s=6878776323d7b134587a9b42882c0f91 2200w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-2.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2400&s=e4d2528be3e9a03ac7d55e8177a4ad79 2400w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-2.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2600&s=24300d98af16729dca7a47e890010c4f 2600w)
Through KeMCo, Keio shares their vast collection of art and cultural assets with students and academics around the world. Together we defined and designed the Keio Digital Archive, a digital space that aggregates and displays Keio’s collections.
Designit’s team mapped out KeMCo’s functions and future activities to see the Digital Archive’s role within the wider museum ecosystem. Before deciding on key screens and features for the MVP, we needed to understand user segments and journeys. KeMCo’s potential users provided a starting point for us to scope down and identify the researchers and learners who get the most use out of the Digital Archive.
We invited a mix of students to share their expectations and wishes for the Digital Archive’s features and visual identity. Feedback broke down into two user groups – art majors, who looked for research tools and robust search functions, and students from other majors, who sought a more immersive, aesthetic experience.
![The image shows two digital tablets side by side. The tablet on the left displays a webpage featuring traditional Japanese artwork, with a prominent illustration of a woman’s face in ukiyo-e style at the top and smaller thumbnail images below. The tablet on the right shows a modern exhibition space with framed artworks on the walls and visitors observing them, along with smaller images of modern graphic designs or contemporary artworks.](https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-3.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=600&s=f108a5f67aadb2381592f75226b69ce1 600w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-3.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=800&s=543f239d68b49f656f59d639b65df2af 800w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-3.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1000&s=9ed69e6590d498bbfbbc83d522d7acbb 1000w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-3.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1200&s=860c7774f7580bcbc20e395923bc78f7 1200w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-3.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1400&s=1b260e74b73cec64ba74accab402f18d 1400w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-3.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1600&s=1034b564b602a59ef5449118c6d7bf1e 1600w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-3.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1800&s=5ea288a1581a2edfebb7b0aee601acb8 1800w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-3.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2000&s=39622936a1ca6a481d789af23cbb88dc 2000w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-3.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2200&s=d6c9c512b44bf6f40e73a64ce43eb0e5 2200w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-3.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2400&s=686f07d648f4eaae86d2f8127c00b56f 2400w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-Body-3.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2600&s=42f61dc84435fea1e28a93243bf36476 2600w)
![The image shows a hand holding a smartphone displaying a website titled “KDA KEIO DIGITAL ARCHIVE.” The interface includes a search bar at the top, an option to “Explore Collections,” and thumbnail images of various items, such as an old green bottle and black and white photographs. The background is blurred, highlighting the smartphone screen’s content.](https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-mobile.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=600&s=a3117f5a9a0a648749dd87b106168d39 600w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-mobile.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=800&s=5d2d0934a6bb91a1258cbf44c941cd9e 800w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-mobile.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1000&s=e41819813fe32c0810bd12914a415a0b 1000w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-mobile.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1200&s=07c7146f862a6f3901787895eeb0eeb9 1200w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-mobile.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1400&s=889491ab0ba660a2f7f3d43faaeaa35f 1400w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-mobile.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1600&s=fbf7b1797ff0142ea3a4db1e71218e81 1600w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-mobile.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=1800&s=d070dc4e664cb270568edad618e5071d 1800w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-mobile.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2000&s=4bdbdc70e1285b227cc04cee933d73e7 2000w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-mobile.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2200&s=6a17ac8d78aaab25b786d1b132c76fac 2200w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-mobile.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2400&s=25f553a77762257a0ac500c0c0bf58cc 2400w, https://designit-web.imgix.net/images/Case-studies/Keio-Museum-Commons/Keio-Digital-Archive-mobile.png?auto=compress%2Cformat&cs=srgb&fit=clip&q=90&w=2600&s=80fc619e5d0df73767611d7212551129 2600w)
Based on feedback from the main user group, art students, we prioritised research capabilities in the MVP. The team also kept an eye on KeMCo’s future vision for the Digital Archive by creating a UI toolkit that simplifies how the KeMCo team will implement website updates. Following the launch, we facilitated a workshop to map out how the website will evolve to serve the Digital Archive’s future needs.
Details
Client
Project team
Contact info for Hanae Shimizu
Designer
Contact info for Marino Funakoshi
Contact info for Raphael Hodé
Lead Designer
Get in touch
![](https://designit-web.imgix.net/images/People/Tokyo/TYO-Yasuyuki-Kowata-1.png?auto=compress%2Cformat&crop=focalpoint&cs=srgb&fit=crop&fp-x=0.5&fp-y=0.5&h=493&q=90&w=400&s=06573e066c72f5c9784a66a558038b05 400w, https://designit-web.imgix.net/images/People/Tokyo/TYO-Yasuyuki-Kowata-1.png?auto=compress%2Cformat&crop=focalpoint&cs=srgb&fit=crop&fp-x=0.5&fp-y=0.5&h=739&q=90&w=600&s=a62388992eff82b182929694bc6cd8c7 600w, https://designit-web.imgix.net/images/People/Tokyo/TYO-Yasuyuki-Kowata-1.png?auto=compress%2Cformat&crop=focalpoint&cs=srgb&fit=crop&fp-x=0.5&fp-y=0.5&h=986&q=90&w=800&s=2cc54951ef5b1de4b23db787bc8e5d52 800w, https://designit-web.imgix.net/images/People/Tokyo/TYO-Yasuyuki-Kowata-1.png?auto=compress%2Cformat&crop=focalpoint&cs=srgb&fit=crop&fp-x=0.5&fp-y=0.5&h=1232&q=90&w=1000&s=c7c63cd8d2440f080a8774b27f8cde58 1000w)
Yasuyuki Kowata
Design Director