https://www.monicaroesner.com/about daily 0.75 2022-07-20 https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1628566105753-3DBJQU6AYE4C1UUF6NBH/MonicaRoesner_Headshot About - Neon hair, am I right? I’m a she/her with a reputation for being bold, creative, optimistic, and level headed. I bring all that to my work and wardrobe. As an Associate Creative Director in UX Design I specialize in conceptualizing a wide variety of tech activations and taking them through completion by: mapping user flows, designing custom user interfaces, detailing spatial elements, guiding the supportive creative team, and coordination with development and engineering. I lead my teams with empathy and humble confidence. I firmly believe in leveraging their talent and collaboration to reach the best possible outcome. Outside of work, I’m an unapologetically obsessed dog mom of my auggie Kipo. When I’m not preoccupied with her, you’ll find me immersed in a variety of activities like ceramics, gaming, painting, knitting, cooking, and keeping a collections of orchids alive. My partner and I are also passionate about mentoring youth in the arts. We oftern collaborate as he is working in high school art education. I also frequently meet with high school and college students to discuss/support their curiosity in pursuing design career paths. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/6d08cf3a-e44c-4a07-822c-7c350c1ff4ca/DI+Rainbow+Photo.jpg https://www.monicaroesner.com/resume daily 0.75 2022-07-18 https://www.monicaroesner.com/portfolio daily 0.75 2025-08-28 https://www.monicaroesner.com/portfolio/uich monthly 0.5 2021-08-10 https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/b61895be-c53b-40fe-8354-b1ac9c4ac2f9/Screen+Shot+2022-05-26+at+12.32.34+PM.png Portfolio - University of Iowa Children's Hospital | Interactive Theater - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/4fc15479-e80c-4140-bee8-f41cdd6ca064/Screen+Shot+2022-05-26+at+1.22.58+PM.png Portfolio - University of Iowa Children's Hospital | Interactive Theater - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/9dd0b204-ca59-4d4d-90cb-33cd42184557/Screen+Shot+2022-05-26+at+12.11.57+PM.png Portfolio - University of Iowa Children's Hospital | Interactive Theater - Concept creation The “Eagles’ Flight” experience allows participants to begin a journey in Iowa, and fly by landmarks throughout the US to give kids a sense of exploration. The second mode “Story in the Stars” brings together three original stories as constellations in the night sky. As users experience a narrative, they interact with on-screen hot-spots to reveal animated elements. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/04e923b3-f509-4342-b14a-da633c4f64bd/Screen+Shot+2022-05-26+at+12.32.10+PM.png Portfolio - University of Iowa Children's Hospital | Interactive Theater - custom story Writing & Voice Over After concepts were selected, creating compelling content was key. I wrote all three custom stories, and helped with casting voice actors. All three stories were recorded by 4 different voice actors, and played at random. This made the experience highly returnable for long turn patients. For exmple, even if they were hearing the same story, it would be presented by a different voice and tone. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/fca54117-b187-4105-aca4-44507d9011f6/Screen+Shot+2022-05-26+at+12.32.25+PM.png Portfolio - University of Iowa Children's Hospital | Interactive Theater - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/361eb745-f855-42d7-9717-9b1b94179b71/B17_3663.jpg Portfolio - University of Iowa Children's Hospital | Interactive Theater - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/12b5230b-5170-4b07-9200-d9cfe2448cf1/Screen+Shot+2022-05-26+at+12.55.33+PM.jpg Portfolio - University of Iowa Children's Hospital | Interactive Theater - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/c22018f3-15f9-43bd-89a5-aa6016b121ff/Screen+Shot+2022-05-26+at+1.23.06+PM.png Portfolio - University of Iowa Children's Hospital | Interactive Theater - Story boarding After stories were approved and VO recording was in proccess, we moved into storyboarding the concepts to provide a map for the animation and development teams to follow. The interactive experience was outlined here by storyboarding the linear story elments as a layer, and another layer being focused on user interaction and “easter eggs” they could find and trigger. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/f002caee-8461-4bf3-a8d0-db0564091e93/Screen+Shot+2022-05-26+at+12.25.30+PM.jpg Portfolio - University of Iowa Children's Hospital | Interactive Theater - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/e1ee3aaf-9d65-4bd0-aed5-6751b10557b1/IMG_1196.JPG Portfolio - University of Iowa Children's Hospital | Interactive Theater - User testing Organizing testing sessions, and response forms https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/c615a6a4-325c-407c-bc40-3bd6aaf2d6fa/Screen+Shot+2022-07-17+at+2.22.11+PM.png Portfolio - University of Iowa Children's Hospital | Interactive Theater - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/a4100700-42de-4e42-afea-9e83de9c551e/Screen+Shot+2022-05-26+at+12.55.18+PM.png Portfolio - University of Iowa Children's Hospital | Interactive Theater - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/d80d3e69-94cf-409d-9178-9a1ba581b767/A17_2569.jpg Portfolio - University of Iowa Children's Hospital | Interactive Theater - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/051767c3-ab9c-426b-b63d-a21d586ad2fc/Screen+Shot+2022-05-26+at+12.56.27+PM.png Portfolio - University of Iowa Children's Hospital | Interactive Theater - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/822d1e10-c20a-4d5b-9869-d5bb8a8aad68/Screen+Shot+2022-05-26+at+12.56.10+PM.png Portfolio - University of Iowa Children's Hospital | Interactive Theater - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/7a9d6f37-18b7-4148-b5bc-0735f7d2317e/B17_3365-HDR.jpg Portfolio - University of Iowa Children's Hospital | Interactive Theater - digital donor & Employee recognition walls Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1ef401b1-d2f9-407a-9c0e-d00d44edfe2e/Screen+Shot+2022-05-26+at+12.55.52+PM.png Portfolio - University of Iowa Children's Hospital | Interactive Theater - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/a7aeed03-8339-4e72-af6b-554936ab5a75/Screen+Shot+2022-05-26+at+12.57.15+PM.jpg Portfolio - University of Iowa Children's Hospital | Interactive Theater - Make it stand out Preliminary mock-up of projection distortion at Dimensional Innovations office. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/556be812-1042-4d0b-a699-e6b5f83f5f75/B17_3783-HDR.jpg Portfolio - University of Iowa Children's Hospital | Interactive Theater - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/0354c66a-4c39-4186-ac9f-3da14be5ba28/B17_3401-HDR.jpg Portfolio - University of Iowa Children's Hospital | Interactive Theater - Historical exhibit attrium Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/7222f207-5c8b-409b-8f96-b27bd60e8a09/Screen+Shot+2022-05-26+at+12.29.50+PM.png Portfolio - University of Iowa Children's Hospital | Interactive Theater - Interactive projection waiting activity Whatever it is, the way you tell your story online can make all the difference. https://www.monicaroesner.com/portfolio/intel-dive-custom-interactive-meeting-platform monthly 0.5 2021-08-10 https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633206535091-1KGSF73B57ARMU84Y67U/Intel_360_wrap2.png Portfolio - Intel DIVE | Custom Interactive Meeting Platform - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1630684592093-TVNSRUWNUD87WEKFC34Y/Lobby_CD1_Axon_furniture2.jpg Portfolio - Intel DIVE | Custom Interactive Meeting Platform - 360º Environments I lead the effort in planning, modeling and creative directing renderings of a virtual meeting space that users will “enter into” after logging into the web DIVE platform. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633207187702-9509IDTV8QB8TMIEKVWS/Hotspot+Article+Overlay.png Portfolio - Intel DIVE | Custom Interactive Meeting Platform - Interactive hotspots Hotspots sprinkled throughout the 360º view can be clicked to reveal supporting content. The hotspot content template was designed to have a diverse typographic hierarchy to support a variety of content for the client’s need. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633206666352-3C3EAPEHOIK6O9VS06WY/Intel+DiveA.png Portfolio - Intel DIVE | Custom Interactive Meeting Platform - Presenter & guest video feeds For a more guided virtual experience, the client has the control to assign video feeds as “presenters.” The custom formatting makes presenters larger and placed in a more prominant location on screen. Attendee videos remain in the top bar. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633211184538-ZGHUWOS7B6B58RRXF7MJ/Chat+Window.png Portfolio - Intel DIVE | Custom Interactive Meeting Platform - Live chat A custom live chat feature was designed to be minimal in order for easy reading, and to keep the emphasis on the custom content. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633205964583-3IFRI359CP2N6EQLKRZS/Presentation+Templates.png Portfolio - Intel DIVE | Custom Interactive Meeting Platform - flexible presentation templates The client requested the ability to have preloaded presentations ready for prospective clients. I designed the template system for them to control via a CMS. The presentation page consists of a full bleed photo background with a branded text overlay. The client can then select the location and color of each overlay to best build their presentations. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633207948268-CLBCKICVZW3EK70WQRYI/Agenda.png Portfolio - Intel DIVE | Custom Interactive Meeting Platform - CMS BAsed lists & Surveys These were additional asset the client requested for more flexibility with custom presentations, and a way to receive participant feedback specific to each meeting. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633208028041-GUEXWCGDNMQLJ9TCULWH/Survey.png Portfolio - Intel DIVE | Custom Interactive Meeting Platform - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/299fc1ab-b067-4c7b-b8bc-3788e4547308/Presenter+Main+Menu.jpg Portfolio - Intel DIVE | Custom Interactive Meeting Platform - presenter Control Panel The presenter role has a specialized tool bar and controls to navigate between content for the meeting. https://www.monicaroesner.com/portfolio/vikingsmuseum monthly 0.5 2022-05-27 https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629830437469-EN20GYOGKRMBAT4424OW/_B172266-Edit.jpg Portfolio - Minnesota Viking Museum | Engaging Fan Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/857c4c61-f0ca-4b02-b8ea-1c6c6f8730bc/Theater+Story+Mode+user+Flow Portfolio - Minnesota Viking Museum | Engaging Fan Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/03abc869-be2d-4a13-ab4f-c22e25e18c6f/Screen+Shot+2022-05-25+at+2.31.31+PM.png Portfolio - Minnesota Viking Museum | Engaging Fan Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/26f406ac-a347-4484-b0d0-3acd774ddfad/_B172476-Edit.jpg Portfolio - Minnesota Viking Museum | Engaging Fan Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629830164735-0MNHX2DBUJYYGG2BV0RR/_A178857-Edit.jpg Portfolio - Minnesota Viking Museum | Engaging Fan Experience - Greatest Plays Encyclopedia An interactive database features some of the best and most memorable plays in Vikings’ history, featuring historic video clips, images, and notes from official playbooks. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/3eb3ceca-cf37-4163-8280-0e2c123beba6/_A178871-Edit.jpg Portfolio - Minnesota Viking Museum | Engaging Fan Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/f25324e3-5ee2-4439-aad2-5eb6acb251ed/Greatest+Plays+User+Flow Portfolio - Minnesota Viking Museum | Engaging Fan Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629830116581-S22ISTQ4PGOR409V8XQO/_A178835-Edit.jpg Portfolio - Minnesota Viking Museum | Engaging Fan Experience - Game Ball Display & KIosk A large display wall of game balls has interactive lighting with a coresponding kisok for vistors to explore all the details. Visitors can read the stories about individual balls, or see the connections between balls when sorting them by year, opponent, player, ect. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/45ce9c89-f655-4628-88bb-7b0fb479504e/_A178802-Edit.jpg Portfolio - Minnesota Viking Museum | Engaging Fan Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629829954733-EZAHSOJZ6HQF7SU2UIP0/_B172248-Edit+%281%29.jpg Portfolio - Minnesota Viking Museum | Engaging Fan Experience - Gesture Activated Book An oversized book sculpture with interactive projection mapping features a variety of content including stats on the 50 Greatest Vikings, coaches recruiting journals and more. Fans use gesture technology to navigate throught the book, and flip pages. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/336c417c-d888-4a15-a560-88a9c1041b20/_A178918-Edit.jpg Portfolio - Minnesota Viking Museum | Engaging Fan Experience - Interactive Theater At the center of the museum, is a space dedicated for the fans to listen, learn & share their own Vikings’ lore. Inspired by the experience of sitting around a campfire watching the stars, and hearkening back to the days when stories of family were told around a campfire. During story mode, as visitors wait for a video to play, fans can share favorite moments and stories of their own Vikings memories on a designated kiosk in the theater. These stories will be shared on a dynamic stary sky, just as if they are sharing around a camp fire. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/10be078d-022b-41db-8584-f2280874c31e/_A179091-Edit.jpg Portfolio - Minnesota Viking Museum | Engaging Fan Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/05856dbd-e713-407c-93e8-b7dd73536838/Screen+Shot+2022-05-25+at+2.16.12+PM.png Portfolio - Minnesota Viking Museum | Engaging Fan Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/03bcda3f-8b68-4bbf-a286-0b4052bfb63c/vikings_axon_plan.png Portfolio - Minnesota Viking Museum | Engaging Fan Experience - Spatial Design We were tasked with filling a 14,000 square-foot space at the Minesotta Vikings’ new training camp facility. For the museum experience we designed 18 distinct activations in themed zones to provide a diverse, story-focused experience for all fans. Each zone combines physical artifacts and displays with moments of interactive technology that bring the stories to life in an engaging manner through audio and video that are responsive to touch. The visually stunning areas, such as the “Frozen in Time” exhibit, which holds the jerseys and trophies from the players with retired numbers within ice carved columns, will continue to draw not only fans, but those curious to learn more. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/6546209a-fff3-4049-a8df-60de1cd30088/Screen+Shot+2022-05-25+at+2.13.57+PM.png Portfolio - Minnesota Viking Museum | Engaging Fan Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629830531651-UQHZ5JDN8F7LJJRYEEM7/_B172409-Edit.jpg Portfolio - Minnesota Viking Museum | Engaging Fan Experience - Hall of Fame Kiosk A feature wall of monitors and interactive football sculptures highlights a set of Vikings Hall of Famers. Each football has the corresponding Legend’s hand print molded into it. Fans place their hand in the print to activate a video showing the Legend’s career highlights. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1b108a88-81eb-401c-91ad-c676c7c59a94/APEX-logo.png Portfolio - Minnesota Viking Museum | Engaging Fan Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.monicaroesner.com/portfolio/ccmc monthly 0.5 2021-10-02 https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629063195513-UB6WVMF6DN54O323BO21/Screen+Shot+2021-08-15+at+3.30.08+PM.png Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629060665704-8RQVXJXGB6ILX258SUHD/Screen+Shot+2021-08-15+at+3.27.17+PM.png Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - CONCEPT CREATION 48 hour design sprint + two week follow up https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629742889773-ZXLOFU3ZXDZN1S9CMYUC/Screen+Shot+2021-08-15+at+3.27.41+PM.png Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629734814592-RQKSKJ9E41C5Z35VIAFK/CCMC_Whiteboard.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - WIREFRAMING & UI DEsign Establishing a clear user flow, and gamification opportunities. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/6471dda4-bc42-4e7b-8610-98af3baf933e/_A176872-HDR.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629732091994-6IHNQ7J5UJ1C4WUBKBME/IMG_1123.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629733157634-0MD4ZZCOU5KDCO97C7K8/CCMC_UnityProccessShot Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - ASSET CREATion Creative direction & collaboration for 3D modeling and game engine prototyping. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629732411423-DT77LUEUZX5YMJ3AA6Z9/CCMCS_FaunaHorse.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629732265101-0KR5D5NINKO1FYYI6K0R/CCMC_Jerbit Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629742550605-PB133ZZDQVBZDW1IVTHK/2019.01.09_CCMC_DigitalDD_Page_06.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - Make it stand out Special considerations An aspect of this project that was important to consider were patients that may be too sick to have their room open to view the tree sculpture. We wanted to make sure they could have that sense of community and participation. While most scenes were 2 monitors wide, we decided to create a scene that was a single screen (the Campfire shown above) that could be accessed from TVs in patient rooms via a channel switch. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629758842792-23W2TZS3AZKBCJZRGFS8/Screen+Shot+2021-08-15+at+3.42.00+PM.png Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629733064689-KK5458K7WVJJ39N3Q4A3/Screen+Shot+2021-08-23+at+10.07.48+AM.png Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629758762880-CJF3LL1J965OI32B7ERM/_B177963.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629732340113-L2YAHP5UT8JEV6JQMDA6/CCMC_TreeBot Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/10d79276-301f-4502-ba2f-001454d37717/PatternExample.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629732849324-D581PG6LROV1SJJZB38L/CCMC_User+Testing+Session Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - Prototyping Facilitating User Testing https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629759667617-USO8AWD3Q7L3UQI3034E/CCMC_User+Testing Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629732918746-3KJSRZI3ZVR1SWAY7B3Q/CCMC_User+Testing+Survey Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629738308738-M1JDNPJY878GA309LD93/Screen+Shot+2021-08-23+at+11.59.16+AM.png Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629738365731-CBSHWSDBDGT1SI94KUT8/Screen+Shot+2021-08-23+at+11.59.42+AM.png Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629738279926-FQWW5L0IV53BO1YNZE8R/IMG_0884.JPEG Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - FinAL Steps Coordination with Engineering, Installation, and Bug Fixes https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629740592465-4XV6ZWKSH0XHCOMFP99U/Screen+Shot+2021-08-23+at+12.42.29+PM.png Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - off-the-shelf SOLUTION The Connecticut Childrens project was extremely successful and received several awards and broad media coverage. This lead DI to further develop the concept into a product that was easily customized to suit future clients and projects. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629741417516-45AC2WQLVKQ51D1E3BEA/DSC_0656.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - notable Numbers Knoxville Zoo’s Amphibian and Reptile Center (ARC) launched an interactive theater with the Creatureverse product, and had ~70,000 creatures created within 6 months of opening! https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1628651329897-YMAM09YSXS5IV2BR4UMJ/_A176795.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive - MOST IMPORTANTLY We met our goal of improving the patient experience. “ Here it almost feels like a playground or cool resort hotel...it's definitely something to take your mind off the infusion part...that time will fly by with the Pathfinders.” — Annonomous Patient https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629730605577-IO619LTCW5Z0C12QSGCP/Screen+Shot+2021-08-15+at+3.43.32+PM.png Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive In order to lower the barrier to entry, we determined a web application would be best for our audience. An intro screen was created to set the context for the interaction. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629730646713-0FFNYI0JHV992F34AN6U/Screen+Shot+2021-08-15+at+3.43.45+PM.png Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive After onboarding, new users can begin character creation. We determined this would be compromised of 4 parts: colors, patterns, item modifiers, and a name. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/ed5fee21-fef5-43eb-89ab-08eea2dada86/2019.01.09_CCMC_DigitalDD_Page_15.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive When a user was finished with the customization process they could name their pathfinder. Without account sign-ins, this was an important component of users being able to retrieve their pathfinder from a different device if the occasion arose. This required special attention to be paid to the error state designs. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/3a55fc4f-b75e-4e56-8a55-04ec7767c48b/2019.01.09_CCMC_DigitalDD_Page_16.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/3e56131d-7fa9-44d5-a84a-b0908dbf9cfe/2019.01.09_CCMC_DigitalDD_Page_18.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/ed343eb9-fe83-4f06-9cd1-444bc32f0de9/2019.01.09_CCMC_DigitalDD_Page_19.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/47820042-faec-4669-9fb7-f70fdb33ad29/2019.01.09_CCMC_DigitalDD_Page_20.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/e7336e2a-c803-4463-9d13-2075382cdcde/2019.01.09_CCMC_DigitalDD_Page_17.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/3659dae1-d044-407c-8a98-e9d6d1c637e5/2019.01.09_CCMC_DigitalDD_Page_21.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629730675732-CDLB5YI040DJRMNWY9KD/Screen+Shot+2021-08-15+at+3.43.56+PM.png Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive When a user had customized to their satisfaction they then release their character onto one of the screens in the clinic tree. After release, they are taken to a page that shows a still image of their character, other characters active on the clinic tree, and two mini-games to continue interacting if they desired. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629733557886-N113K0ZEW7QQUGEN1WS3/2019.01.09_CCMC_DigitalDD_Page_12.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive After collaboration with the development team, it was determined the application would remember users' mobile devices, and their characters to eliminate the need for account creation and potential HIPAA violations. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1629733587469-RJO2WNHIM349M1IYCRYJ/2019.01.09_CCMC_DigitalDD_Page_13.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive Designing the UI for the customization experience began and adjustments were made to create a system that would work best for a responsive web application - to work on all devices. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/7a76cf1a-681a-42f3-8cf6-daf1a4016125/2019.01.09_CCMC_DigitalDD_Page_14.jpg Portfolio - Connecticut Children's Medical Center | Infusion Clinic Interactive If you've made it this far – thanks for being invested in my work. This is where it gets fun! In order to meet our goal of a returnable experience, we wanted users to leverage the customization process more than once. We created a mini-game for users to interact with their character, and the more they interacted they received loot boxes with modifier items. In the beginning only locked crates are shown, to signal to users there is an incentive to continue using the application. https://www.monicaroesner.com/portfolio/cabelas monthly 0.5 2021-10-02 https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633212841180-7XEN56UYL3JCX0CVKIH7/Screen+Shot+2021-10-02+at+5.12.30+PM.png Portfolio - Cabela's | Retail VR Experience - CONCEPT CREATION 1 week of brainstorming & sketching https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633212881382-MPDDSDKOUHWLKRDFIOQV/Screen+Shot+2021-10-02+at+5.13.13+PM.png Portfolio - Cabela's | Retail VR Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633885963386-685EIAO3U8WZJAQG2ODZ/B17_0758-HDR.jpg Portfolio - Cabela's | Retail VR Experience - Spatial DEsign Designing monitor surrounds, and selecting materials https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633889760865-I1QTVPUHE8N589DZ666W/Trailheads_Spatial.png Portfolio - Cabela's | Retail VR Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633893844564-YZD7DWDYH5XTKFLFMEDG/B17_0653-HDR.jpg Portfolio - Cabela's | Retail VR Experience - Trail head UX/UI design Content development and Wireframes https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633895234806-Q1UCRHJWHJ9IPYHL9759/VR_Tent+Menu2.png Portfolio - Cabela's | Retail VR Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633888316782-QLG4365ZUYN4MRODCKT8/B17_0734-HDR.jpg Portfolio - Cabela's | Retail VR Experience - Cross platform Custom 360º Content Polishing UI/UX designs, 360 shoot creative direction & development collaboration https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633894514914-MGKLODZKY4ZYV5J4OO3U/Trailhead_Tent+360.png Portfolio - Cabela's | Retail VR Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633894836914-17MXP60MTPZ6S3VQ28AQ/Trailhead_Hunting1.png Portfolio - Cabela's | Retail VR Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633895147384-YHQ4ZEXRPWZHCGYOZEBV/VR_Fishing+Menu1.png Portfolio - Cabela's | Retail VR Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633894981506-U1WQW4G8WQ3ZQ5V34ZFG/Trailhead_Hunting2.png Portfolio - Cabela's | Retail VR Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633895341287-7SE774P0DXOJDL9HPD1C/VR_Hunting+Game1.png Portfolio - Cabela's | Retail VR Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633895405676-B0W5YLB860PY77ATGOGS/VR_Hunting+Game2.png Portfolio - Cabela's | Retail VR Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633894453460-3X4XZTNPLLI2W0MUSP7D/Trailhead_Fishing+360.png Portfolio - Cabela's | Retail VR Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633892916930-M5B9Z9FE028RBQOHCMJM/Products.png Portfolio - Cabela's | Retail VR Experience - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/1633892127850-WTPVCM2NBMZM9MQFQ52N/Tent+Staged.png Portfolio - Cabela's | Retail VR Experience - Product Features Our goal was to drive visitors towards finding and purchasing product. Over 50 unique products were featured across all trailheads, and 36 tents and hunting blinds. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/2256df6f-5329-4555-bb7a-8ee8c50444d5/Trailhead_UI1.png Portfolio - Cabela's | Retail VR Experience Each of the trailheads had a unique look and feel, but the same UI navigation. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/8261be91-584d-45cd-90f6-c82dd9091691/Trailhead_UI2.png Portfolio - Cabela's | Retail VR Experience The expanded menu reveals a digital bragboard, a 360º experience, and interactive map. There was also variation between the main screen menu, and the menu to navigate between sections. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/aceae1d6-0001-4547-82b3-e017b1fd9272/Trailhead_UI3.png Portfolio - Cabela's | Retail VR Experience The digital brag board aggregated Cabela's hashtags, and allowed the client to curate brag boards to match the content per Trailhead. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/2ed3d777-8516-41c1-a320-97aaba8afd67/Trailhead_UI4.png Portfolio - Cabela's | Retail VR Experience An interactive map featured allowed visitors to find and sort recreational activity locations in the area. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/cf6c1e4d-73a8-4885-92ef-15fdd21e5e43/Trailhead_UI5.png Portfolio - Cabela's | Retail VR Experience Because all of the 360º interactives were available on VR headsets, a button on the UI could be used to signal a store attendant to come over help the visitor get fitted in headset, and supervise for safety. https://www.monicaroesner.com/portfolio/aehm monthly 0.5 2022-07-27 https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/2a9c86a2-b3ba-4afe-85fb-3a0169c9e95c/2018_03.01_AEHM_Discovery-RECAP2_Page_14.jpg Portfolio - Amelia Earhart Hangar Museum | Case Study - Make it stand out This is an early conceptual sketch I drew, ultimately this specific activation didn’t make the final cut, but several of its core concepts like virtual reality and competitive gamification did. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/95eebe6f-32df-4397-b0dc-db15a88be821/2018_03.01_AEHM_Discovery-RECAP2_Page_07.jpg Portfolio - Amelia Earhart Hangar Museum | Case Study - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/8299614c-e811-458c-932b-d9e59d34dc7c/2018_03.01_AEHM_Discovery-RECAP2_Page_08.jpg Portfolio - Amelia Earhart Hangar Museum | Case Study - Discovery We learned from the foundation team that this museum wasn’t just about history. This was about inspiring and empowering visitors. They should leaving feeling like they can do anything they set their minds to. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/d0503539-fe0c-4006-ad5b-95a3c014178f/2018_05.20_AEHM_25%25CD_Page_26.jpg Portfolio - Amelia Earhart Hangar Museum | Case Study - Make it stand out As pictured above, rough conceptual elevations began as activation concepts and locations were selected and solidified. These would be used by our 3D team to create models for a flythrough video for the museum to fundraise with, embedded below. Note: You’ll see a lot of my writing on these presentation pages. Being able to clearly communicate concepts is something I strive to do, as it is important for clients to have clear references after presentations so they have the tools to send constructive feedback, and present to donors in this case. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/54bd173f-b120-40a8-b41b-8da2a3d5754b/2018_03.01_AEHM_Discovery-RECAP2_Page_10.jpg Portfolio - Amelia Earhart Hangar Museum | Case Study - CONCEPTUAL DESIGN Bringing discovery, focus group learning, educational standards and story telling together. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/863515d5-357f-429e-8b99-801b0f04d881/2018_03.01_AEHM_Discovery-RECAP2_Page_05.jpg Portfolio - Amelia Earhart Hangar Museum | Case Study - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/80a89cfc-5988-4f67-88fd-1275d1445af3/Educational+Standard+Example.png Portfolio - Amelia Earhart Hangar Museum | Case Study - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/c226b398-8a8e-4b7a-99c0-4a8b324c64af/2018_05.20_AEHM_25%25CD_Page_18.jpg Portfolio - Amelia Earhart Hangar Museum | Case Study - Make it stand out Another consideration while creating the activation layout was the engagement and emotional journey for visitors. We wanted to ease them into engagement, so that by the time they reached more intensive activations, visitors were familiar/comfortable with the interactive systems we had in place. We also wanted to have areas of rest, for both sound mitigation reasons, and to prevent visitor fatigue. I also knew that, from a psychological perspective, we needed to end on a memorable, positive emotional moment, so visitors leave feeling the impact of Amelia and inspire them to do the same when leaving. This lead us to make an atypical choice for a museum, placing a theatrical video and VR experience at the end of the museum, rather than the start. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/b3eecce2-566f-4176-967d-b3338abfb28c/IMG_0063.jpg Portfolio - Amelia Earhart Hangar Museum | Case Study - Designed to prioritize education Before fully diving into conceptual design, we also proceeded with focus group interviews and worked with two specialized teams to develop content that met KS and MO state educational standards and typical museum content practices. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/f56f4bea-3105-459e-8be9-e16c45688cf7/02_Meet+Amelia.png Portfolio - Amelia Earhart Hangar Museum | Case Study - Meet Amelia The first activation in the museum, located in the lobby. This should hook the audience, and set the stage for the rest of the experience. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/ea3c8d96-35f0-433b-9d54-17c8331f21e6/AEHM_6.8.21_DD_Updates_Page_040.jpg Portfolio - Amelia Earhart Hangar Museum | Case Study - Make it stand out After the concept was approved, more detailed spacial drawings were created. These were then passed off to an engineering team for fabrication. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/814c2900-1f39-4c96-a854-99ea144ef217/IMG_2985.JPG Portfolio - Amelia Earhart Hangar Museum | Case Study - Make it stand out Crew shot from our deep fake shoot day! https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/f64a31fd-7a68-46c6-852d-1e83e4e6cdec/2018_03.01_AEHM_Discovery-RECAP2_Page_12.jpg Portfolio - Amelia Earhart Hangar Museum | Case Study - Make it stand out Original conceptual sketch drawn by me. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/4635dc43-1b78-4853-9c9c-4f0202c42a5d/Image+from+iOS+%2811%29.jpg Portfolio - Amelia Earhart Hangar Museum | Case Study - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/e7545790-f4fc-49ee-a3fa-53a4a735ca6b/05_Careers+AE.png Portfolio - Amelia Earhart Hangar Museum | Case Study - Stay Tuned! I will be finishing this case study after project completion - check back for updates in a few months. https://images.squarespace-cdn.com/content/v1/60232258abc72929ff5ea9a5/161f39f4-f740-44d7-ab31-45d80aa9850f/9.01.A5.jpg Portfolio - Amelia Earhart Hangar Museum | Case Study - “Amelia’s influence on aviation and female pilots is immeasurable, which is why it’s our vision to celebrate every aspect of her life.” — Karen Seaberg, founder and president, Amelia Earhart Hangar Museum