https://www.emilypanstudio.com/allstoryboards daily 0.75 2024-08-30 https://www.emilypanstudio.com/about daily 0.75 2025-07-05 https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/0367dd83-ffad-4a3b-b03c-ee0f5b64a936/Emily1.png https://www.emilypanstudio.com/shelflifegame daily 0.75 2025-07-08 https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/00a7b226-b73a-436c-bdc0-32799d928145/main+screen+poster+copy.png Shelf Life: Game - Shelf Life is an interactive library management game. Click here to learn more and play the demo! https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/00a7b226-b73a-436c-bdc0-32799d928145/main+screen+poster+copy.png https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/28de60ff-f239-4931-9052-a14b441364b0/Screen+Shot+2025-07-06+at+4.21.21+PM.png https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/6f4f23c6-08dc-4705-bf19-b61e637dce58/Screen+Shot+2025-07-06+at+4.17.53+PM.png https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/00a7b226-b73a-436c-bdc0-32799d928145/main+screen+poster+copy.png Shelf Life: Game Opening Title Screen. A polished start screen that sets the narrative tone and introduces the game’s visual identity. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/885d6ec5-d1c1-42a0-bf70-5f27b8247db6/Screen+Shot+2025-07-07+at+3.54.31+PM.png Shelf Life: Game Early research and palette exploration. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/21231280-2f27-47ef-84e2-cf2ef2e82a2a/Screen+Shot+2024-09-03+at+3.34.53+PM.png Shelf Life: Game Library Exterior Selection. An interactive screen for navigating the library’s evolving exterior, with changing soundscapes and visual states based on player actions. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/3476613a-c87c-4923-a158-6d324e012816/Screen+Shot+2025-07-07+at+3.54.55+PM.png Shelf Life: Game Moodboard research of library interiors across the world. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/a324ba39-35de-4bee-a69c-8a161febb1c4/Screen+Shot+2024-09-03+at+3.27.23+PM.png Shelf Life: Game Main Landing Screen. Main interface maintaining immersion while signaling transitions between key moments. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/4c1cc898-d7c4-405f-9a6e-15a1a256ca42/Screen+Shot+2025-07-07+at+3.55.09+PM.png Shelf Life: Game Screen interfaces and mechanics required to make the game function with the players. Notes reviewed with team to ensure it tied in with the narrative design. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/0c967c2d-acf8-4c21-bce5-87fe4fbeece0/Screen+Shot+2024-09-03+at+3.17.34+PM.png Shelf Life: Game Concept 1: Minimalist Direction. An early approach focused on minimal movement and monochrome visuals to subtly reflect the tone of uncertainty between gameplay chapters. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/f9aa4c6d-1a33-47ee-839a-9b80fd948075/Screen+Shot+2024-09-03+at+3.43.25+PM.png Shelf Life: Game Dialogue & Choice Screen. Dynamic dialogue UI featuring branching options that influence narrative and character relationships. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/23b12508-2d24-420f-962c-f2b1e1fd9a7e/Screen+Shot+2024-09-03+at+3.17.28+PM.png Shelf Life: Game Concept 2: Narrative-Driven Symbolism. Explored loading visuals using iconography relevant to library culture to keep storytelling consistent, even in transitional spaces. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/1b902291-f205-422d-9987-0fe0ad2e403d/Screen+Shot+2024-09-03+at+3.37.41+PM.png Shelf Life: Game Dialogue & Choice Screen. Dynamic dialogue UI featuring branching options that influence narrative and character relationships. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/639280e6-fe69-49b1-9cc1-6bdc1ce5cec0/Screen+Shot+2024-09-03+at+3.17.15+PM.png Shelf Life: Game Concept 3: Interior Library. This foreshadows the library interior and creates the coziest atmosphere. This was the most favored screen! https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/82f5d532-9805-4713-8e23-c1f47e555391/Screen+Shot+2024-09-03+at+3.24.33+PM.png Shelf Life: Game Poster & World Assets. In-game visual assets used to build atmosphere and reinforce the library's evolving identity with each poster tied to an in game character https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/4e310680-cf47-483e-b47e-69a61273a7e3/Screen+Shot+2024-09-03+at+3.58.10+PM.png Shelf Life: Game Bonus: Early Wireframe Mockup Low-fidelity wireframe showing how the main screen could appear with all necessary components as a rough. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/f19f582e-6b17-4b24-886d-0c74eb10e3fe/Screen+Shot+2024-09-03+at+3.53.16+PM.png Shelf Life: Game Graffiti Event Interface. A reactive moment-based screen where players must respond to unexpected events through intuitive UI prompts. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/9c79d8db-6d8a-4a39-984f-0df223590eb9/Screen+Shot+2024-09-03+at+3.14.50+PM.png Shelf Life: Game Phone Interaction UI. Designed a call system where players engage with characters using a retro-inspired mobile interface, enhancing narrative depth and choice-based gameplay. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/679d2c5e-ab69-4d66-b069-780ac2bfc124/Screen+Shot+2024-09-03+at+3.08.16+PM.png Shelf Life: Game Desk & Inventory Interface. The player’s primary hub for managing items, documents, and tasks. This was designed for clarity and efficiency. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/e3c5be98-65c5-4889-b234-8a721b7c3dc6/Screen+Shot+2024-09-03+at+3.14.44+PM.png Shelf Life: Game Desk Inventory System. Built a clean, readable inventory screen to help players track collected items and clues. Prioritized visual clarity and ease of access within a cozy, pixel-based layout. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/e4dcfd4b-d0ac-41a0-8154-36a747e97619/Screen+Shot+2024-09-03+at+3.36.52+PM.png Shelf Life: Game Newspaper Interaction Mechanic. A world-building UI element that allows players to engage with contextual story updates through an in-game newspaper. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/e9b78cbe-5b80-4bfc-989e-1ae210b1cea5/Screen+Shot+2024-09-03+at+3.14.38+PM.png Shelf Life: Game Desk Inventory System. Further iteration on the Desk Inventory system early concept and design roughs on how the system would function for ease of use! https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/ab1ea35e-ccb6-4003-8341-54c2522c0632/Screen+Shot+2024-09-03+at+3.52.53+PM.png Shelf Life: Game End-of-Day Summary Screen. A reflective interface that communicates the consequences of player decisions at the close of each in-game day. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/1599c8bc-92d1-4551-914c-42d3b51ac8ad/Desk_Inventory01+copy.png Shelf Life: Game A full-color version of the original sketch for the player’s main UI inventory hub. This stage emphasized accessibility and narrative texture, balancing cozy aesthetics with mechanical clarity. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/625b3499-a5f3-4de0-b31e-0cb1343a7f13/Screen+Shot+2024-08-30+at+6.33.39+PM.png Shelf Life: Game Final Character Roster. All characters available for interaction through the game. Every play through will have different characters! https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/a66bceef-5dfd-4c4c-8f4b-695cffae082d/Screen+Shot+2024-09-03+at+3.10.01+PM.png Shelf Life: Game Interactive Plant Mechanic – Visual Reference. An early system concept where a flower grows or withers depending on player decisions. Acts as a soft, ambient feedback loop that visualizes civic and ethical choices without traditional stats, reinforcing emotional impact over gamification. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/a564a46b-c789-4ca6-a672-b4e2e2f385ae/Screen+Shot+2024-09-03+at+3.21.32+PM.png Shelf Life: Game Early concept character roughs with variation of poses and emotes to help better engage the characters with the players! https://www.emilypanstudio.com/arthaus daily 0.75 2025-07-08 https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/bc5fff8d-8d26-4620-965b-8344169fb100/Simplistic+Laptop+iphone+tablet+mockup+instagram+post.gif artHaus https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/bc5fff8d-8d26-4620-965b-8344169fb100/Simplistic+Laptop+iphone+tablet+mockup+instagram+post.gif https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/ff173694-a8a0-48b2-a962-d8ed05745aa6/Info_Map.png https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/73c5d4eb-cdb1-4b00-92e7-9a4448477bf9/Screen+Shot+2024-08-30+at+8.26.21+PM.png https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/1725051471028-6QD6JUBJ3K7PAARWQQWP/User3.png artHaus https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/e89fa49b-1d2b-44f2-84c6-1ea6c2b94db5/Screen+Shot+2024-08-30+at+10.04.03+PM.png artHaus https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/73c5d4eb-cdb1-4b00-92e7-9a4448477bf9/Screen+Shot+2024-08-30+at+8.26.21+PM.png artHaus https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/7de1ea4a-6e34-4d7a-9865-2ba0ce016885/User2.png artHaus https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/3f8dcabc-7ff4-464e-9a4c-85caac28d929/Screen+Shot+2024-08-30+at+10.09.18+PM.png artHaus https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/1725041741268-GXLOC14XVZOODM45TBHG/Screen+Shot+2024-08-30+at+6.48.55+PM.png artHaus https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/1725051468654-GOHN3BEYQ8KQADH9LK6W/User1.png artHaus https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/11b7be00-5233-411a-bb7a-14b24c2a8bbc/Screen+Shot+2024-08-30+at+10.12.12+PM.png artHaus https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/b6bca3de-01e2-4132-bef7-511bf51aa4f1/dali.jpg artHaus https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/7cff8dd1-861e-4876-8546-58e4da3eda80/Screen+Shot+2024-08-30+at+7.40.38+PM.png artHaus https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/01368d4f-0088-4e3b-b58d-ef751249f108/monet.jpg artHaus https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/0471b754-007a-4abd-b452-7e2f61cc141d/rembrandt.jpg artHaus https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/fb06160e-df1b-43fb-b0c0-ef39fa59c0e4/Screen+Shot+2024-08-30+at+10.31.15+PM.png artHaus https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/25a78a0f-bc46-4d5c-8780-456968133dd0/Directions.jpg artHaus https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/9ec6a8e3-a84d-471b-aaff-b998951c3068/MainScreen.png artHaus https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/1725050446909-IE0WZH5HS920XEV65YL1/Our+Mission.jpg artHaus https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/1725041765010-SY3WB9H6GZ6NY48I197I/Screen+Shot+2024-08-30+at+6.51.17+PM.png artHaus https://www.emilypanstudio.com/home daily 1.0 2025-07-05 https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/3c7a1542-f8be-47f8-8bda-58022ff4c5f0/image+2.PNG https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618497259178-6XJGK9GR6YAVBQL5L519/20140301_Trade-151_012-2.jpg Home https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694583486-2PQT0LQ193RL7MCB6DX4/20140228_Trade+151_0046.jpg Home https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694644871-IC85FNH781UNZSZEGHDR/Aro+Ha_0428.jpg Home https://www.emilypanstudio.com/portfolio daily 0.75 2025-07-07 https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/00a7b226-b73a-436c-bdc0-32799d928145/main+screen+poster+copy.png Portfolio Shelf Life: A narrative game with thoughtfully designed user experiences that let players shape a community through their choices. Click image for more info. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/18e9a2b4-3009-44a9-ac9a-36a8b85ed55d/3DS_Assignment02_Emily_Pan.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/73c5d4eb-cdb1-4b00-92e7-9a4448477bf9/Screen+Shot+2024-08-30+at+8.26.21+PM.png Portfolio arthaus: A UX/UI experience guiding art lovers along a fictional European train route connecting famous artists’ homes, blending exploration with intuitive design. Click image for more info. https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/1f62bbbc-217e-4a39-bd99-86e56a6720d6/final_image_2.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/2df7e6b6-5b80-498f-8294-0aa71c0eb4cc/final_image_1.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/1588058274393-1J3A4DQBU53X2YEEKDCM/Pan%2C+Emily_Proj2_Slide1.png Portfolio https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/1627767971564-NIEQ7J6C5L8PZHEW2PCQ/Mosquito+Bites.png Portfolio https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/1627757534783-DMNRRGDT64OK6VL2BHC4/Yuanfen_Comic.png Portfolio https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/1627757627253-YKQVMLC1D21A3XDVSCQY/got+milk.png Portfolio https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/1588058518686-5TMH7GKT7D6LJ3KQ05NM/chara+header.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/1627757506506-92WY57YXMTUJ3DB5W6TO/marie+antoinette+inspired.png Portfolio https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/1627757476182-HEAQU0GE0PKNZDG7HZ81/infinity+train+tulip.png Portfolio https://images.squarespace-cdn.com/content/v1/5e67bd4fe39c7d4b7c00769b/1588230579163-F0I2A7ERJBSESOHYGPGU/quick+figures2.png Portfolio