https://www.nicolehramos.com/about daily 0.75 2021-07-15 https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1598841681163-W5LNSDZB206R7R64DJQ8/118562430_722319931948774_2073735278958329120_n.jpg About https://www.nicolehramos.com/work daily 1.0 2023-10-16 https://www.nicolehramos.com/work/lifesnapshot monthly 0.5 2022-04-19 https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1601579215102-G43GBZTJ4LQIOY42DTIK/portfolio.jpg Work - Life Snapshot (Live) https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597879003003-E6W111CYANL7T8QZVOOJ/Screen+Shot+2020-08-19+at+3.20.09+PM.png Work - Life Snapshot (Live) https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597978923667-XH7V6KZ9Z5RZP47ND9AY/portfolio+asset+8.jpg Work - Life Snapshot (Live) 82.3% of user feedback indicated that the current Life Snapshot web-application was unintuitive, robotic and lacked empathy https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597820735013-SCSS2OVISGOBTNABAM66/portfolio+asset+11.jpg Work - Life Snapshot (Live) https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597978978288-JAH63ZD6ITBWMXI9WQKH/portfolio+asset+9.jpg Work - Life Snapshot (Live) 77% of participants were keen on a modern design overall https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597979074502-N8NJ8TYJYA8TKQV688KP/Screen+Shot+2020-08-18+at+3.36.58+PM.png Work - Life Snapshot (Live) https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1598898540825-FW9RZGU7ON6EF6DXJ9RU/Screen+Shot+2020-08-31+at+11.28.40+AM.png Work - Life Snapshot (Live) https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1598928415904-5QY3UWCSM116W5F2ZKZ2/Style+Tile+%231.jpg Work - Life Snapshot (Live) https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597816112475-1ZWKBKMXD33T3NSA4FR3/portfolio+asset+10.png Work - Life Snapshot (Live) - Round 1 of Desirability Test User Insights: Participants responded well to a modern design Participants understood clearly that onboarding just took three simple steps Participants preferred pops of color throughout the design Participants felt there was too much space being occupied by the navigation bar High Fidelity Screens Iteration #2 https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597821531738-CE94M45HXVEL4WVKLRNV/portfolio+asset+13.jpg Work - Life Snapshot (Live) https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597886008579-6T5LPO8N8EZODQZSLGF9/Screen+Shot+2020-08-19+at+6.12.56+PM.png Work - Life Snapshot (Live) Round 2 of Desirability Test User Insights: “It’s very aesthetically pleasing” (converted user through iteration) “Minimalist but modern” Hit 4/5 brand values: Empathetic, Helpful, Trustworthy and Professional https://www.nicolehramos.com/work/wabi monthly 0.5 2020-10-18 https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597912795647-WXTYVMHE5JPODBWB1OHW/Screen+Shot+2020-08-17+at+7.22.28+PM.png Work - Wabi https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597962967701-OWW2Q4HX3GHNKZGH1MOR/Screen+Shot+2020-08-20+at+3.35.18+PM.png Work - Wabi https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597963084049-P1H7AMYOAZCZMT2YE65T/Screen+Shot+2020-08-20+at+3.20.04+PM.png Work - Wabi Example of analysis https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1598910663370-WBI50BXSO1ZMFQNV3643/Screen+Shot+2020-08-31+at+2.48.09+PM.png Work - Wabi Venn Diagram Analysis https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597966379048-DBTE1KZKN5676AY04ZCC/asset.jpg Work - Wabi https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597964127909-TQF5DQ088S6TF5CS13S0/Screen+Shot+2020-08-20+at+3.54.57+PM.png Work - Wabi https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597966581613-W3RRMM49ELBMFDBY4Y05/Wabi-Annotated.jpg Work - Wabi https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597968328770-KRDB36BKMC1AFD97I7FO/wabi+asset+1.jpg Work - Wabi https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597968371658-8GRS5GEZYATNVUS4TZYH/wabi+asset+2.jpg Work - Wabi https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1599079405981-6855C1S6GX6BF0LFJ65V/ezgif.com-video-to-gif+%281%29.gif Work - Wabi https://www.nicolehramos.com/work/good-deeds monthly 0.5 2020-09-01 https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597905538817-VFEZBR4DOV3QE9FZA7SN/layout.jpg Work - GoodDeed https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597880148383-52MLE1H0RKTLBOJCOMUZ/Screen+Shot+2020-08-19+at+2.43.53+PM.png Work - GoodDeed https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597905839309-WWQA1HUNNUMQ0BAZKMZX/oo.jpg Work - GoodDeed Questions this poses: How do we convey a satisfying “gaming” experience? How do we make millennials feel positive and accomplished? How can we appear serious and trustworthy, while also appealing and fun? How do we onboard users without overwhelming them with all the gaming functions? https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1598928052669-LJARVDBJKGP7LUSQOJ52/Screen+Shot+2020-08-31+at+7.40.06+PM.png Work - GoodDeed Gathering Raw Data https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597978012479-6TX08WZAGIIFY8D9W2QU/Screen+Shot+2020-08-19+at+3.41.30+PM.png Work - GoodDeed Key insights: Direct Competitors: Colors are being used to convey a clean and concise experience Primary colors in contrast with black/white Large images and fun illustrations are gripping to pull in for information Indirect Competitors: Bright and energetic colors Good balance between white space and visuals https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1598919421329-3PZNLJWJKRHC4LB608CN/Screen+Shot+2020-08-19+at+6.55.49+PM.png Work - GoodDeed https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1598919631587-4KPLXM2T5LBI5T284KDX/Screen+Shot+2020-08-19+at+6.55.42+PM.png Work - GoodDeed https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597905915252-T29FVII00FQ6K5BV5IEP/Screen%2BShot%2B2020-08-19%2Bat%2B6.49.58%2BPM.jpg Work - GoodDeed https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597881021455-11HS63KEW00RVHNNGT6B/Screen+Shot+2020-08-19+at+3.52.18+PM.png Work - GoodDeed UX Usability Test I conducted a usability test on the current wireframes to see what did and did not resonate with the targeted audience. My assumptions were correct and results showed that the wireframes had a lot of problems that needed to be addressed. The screens and illustrations were outdated and needed further revisions to create a compelling product Users expressed the gamification elements laid out was boring and not something they would feel engaged with Users were confused and did not understand the directions https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1597908969912-49PBXNWOMB4U9BQ31XX9/Sprint+1-StyleTile+A.png Work - GoodDeed https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1598927154352-ARH0WF6JV4R6GPJE1R99/image-asset.gif Work - GoodDeed https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1598926289346-Z0AXBU8XEHC7ANSBUDZ9/portfolio+4.png Work - GoodDeed https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1598927261204-AS3QMRUA8RP8WRC21E8O/Redeem+Gem.gif Work - GoodDeed https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1598927380532-M4GGHE5D9N0WHK3TOW7Q/Tree+Animation+2.gif Work - GoodDeed https://www.nicolehramos.com/work/blue-cross-blue-shield-provider-incentive-web-application monthly 0.5 2022-04-19 https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1626901480250-ZVBGMPY9S8356L9RN9TS/Clay.png Work - Blue Cross Blue Shield (Live) https://www.nicolehramos.com/work/lifesnapshot-xmejm monthly 0.5 2023-09-29 https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1626901795151-PZ4SQVLB1TYMLY1GDSJP/smartmockups_kr57kap9.jpg Work - Starkey Hearing (Live) https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/0d046aed-511c-4680-b572-62790ea49365/Screen+Shot+2022-01-20+at+4.42.12+PM.png Work - Starkey Hearing (Live) https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/7dfd2935-fabe-45b9-8f26-7f4deb4fa974/Screen+Shot+2022-01-20+at+5.02.36+PM.png Work - Starkey Hearing (Live) - Make it stand out After having a more deeper understanding of the product and seeing for myself what could potentially be the key issues of the current portal. I wanted to validate those assumptions by looking at several data points. All of which helped me determine what key features to focus on for the MVP of the product. https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/25d29c2b-d9c0-4fac-aa5b-aded078229d2/Screen+Shot+2022-01-20+at+4.53.17+PM.png Work - Starkey Hearing (Live) https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/f8858ca3-c87b-4f7c-9388-e56da62a3721/Screen+Shot+2022-04-07+at+5.16.39+PM.png Work - Starkey Hearing (Live) https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/8502be27-58b0-4267-9205-b4a60ad7eed5/Screen+Shot+2022-04-17+at+4.37.06+PM.png Work - Starkey Hearing (Live) https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/9ef7a042-1507-426a-a886-0789724b0c2e/Screen+Shot+2022-04-17+at+5.11.57+PM.jpg Work - Starkey Hearing (Live) https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/22f4d030-18a6-4b61-b051-cb6d7591989b/Screen+Shot+2022-04-19+at+5.00.11+PM.png Work - Starkey Hearing (Live) - 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/5f2b0e0cf6b25436f2b750f1/74bfcab7-4246-4fb0-8150-32f9aa06bc08/Screen+Shot+2022-04-17+at+6.06.42+PM.png Work - Starkey Hearing (Live) - 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/5f2b0e0cf6b25436f2b750f1/27c82981-033b-437f-ac71-61bd0506315d/Screen+Shot+2022-04-17+at+6.46.54+PM.png Work - Starkey Hearing (Live) - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.nicolehramos.com/work/lifesnapshot-xmejm-yp8x2 monthly 0.5 2023-10-14 https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/62700a14-5912-42e8-bef7-97e50b19a8f5/Main+photo.png Work - Google: Merchant Media Tool (Live) https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/f9e1fb94-493f-4da4-a0b0-3572921f8f99/Screenshot+2023-09-29+at+2.16.21+PM.png Work - Google: Merchant Media Tool (Live) https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/af176ac1-2038-4d44-ac81-787fe05f400d/Screenshot+2023-10-11+at+5.38.53+PM.png Work - Google: Merchant Media Tool (Live) - 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/5f2b0e0cf6b25436f2b750f1/b91e001d-4e82-493e-8d95-f40efdb7d237/Screenshot+2023-10-12+at+10.18.55+AM.png Work - Google: Merchant Media Tool (Live) https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/6ef9b574-d56e-4294-aae3-c745fe2411a0/Screenshot+2023-10-12+at+10.18.01+AM.png Work - Google: Merchant Media Tool (Live) https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/1b8bdc90-56cb-4050-baae-3f7bcf1ec4b9/Screenshot+2023-10-12+at+10.03.21+AM.png Work - Google: Merchant Media Tool (Live) Key Elements Requiring Consideration for the Merchant Media Tool: Layout of the Photo Gallery Entrance and Exit Points Between the Consumer Gallery and Merchant Media Tool Primary Action Items: Enhancing User Control and Communication Deleting Photos Changing Logo and Cover Monitoring Photo Status (Pending and Not Approved) Iterating Designs within the Boundaries: Navigating Limitations with Precision https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/7544ba80-8e98-4a57-b88b-a6d9fd572d32/ITERATIONS.png Work - Google: Merchant Media Tool (Live) Throughout the project, I embarked on a journey of iterative design, meticulously refining the blueprint for the new merchant media tool. These iterations were instrumental in honing the design to perfection, with a laser focus on highlighting and prioritizing key elements necessary for creating a robust and user-friendly tool. It was an immersive process that involved continuous feedback, adaptation, and fine-tuning to ensure that every aspect of the merchant media tool served its intended purpose effectively and seamlessly. https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/e6ba1e29-7870-4094-bffd-79cacb985ab0/Group+2608357.png Work - Google: Merchant Media Tool (Live) - 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/5f2b0e0cf6b25436f2b750f1/bcefb215-8179-40a9-9f34-ecea03670335/Group+2608355+%281%29.png Work - Google: Merchant Media Tool (Live) - 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/5f2b0e0cf6b25436f2b750f1/8e361b4f-c48b-46f3-a851-4fb9b2cec219/final+for+both.gif Work - Google: Merchant Media Tool (Live) https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/81e9e61e-3809-426a-a2cb-2380a5513ae0/Screenshot+2023-10-12+at+9.28.22+PM.png Work - Google: Merchant Media Tool (Live) - 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/5f2b0e0cf6b25436f2b750f1/9869cced-e99e-44ab-b5d9-3b259b62c735/Group+2608381.png Work - Google: Merchant Media Tool (Live) - Make it stand out To communicate multiple primary actions within limited screen real estate while maintaining a clutter-free and framework-compliant design, the challenge is in finding an elegant and efficient way to present these options. This balancing act of usability, space optimization, and adherence to design components is at the heart of this particular design challenge. https://www.nicolehramos.com/work/lifesnapshot-xmejm-yp8x2-kh8xx monthly 0.5 2023-10-14 https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/d94e13e4-e3d4-4281-8dc4-49479538ce3b/Group+1+%282%29.png Work - Google: Gmail Mobile Stickersheet https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/0bac1302-0931-4897-b512-3e63861d10aa/Group+2608523.png Work - Google: Gmail Mobile Stickersheet GM3 design components https://images.squarespace-cdn.com/content/v1/5f2b0e0cf6b25436f2b750f1/790d0af1-d24f-4705-83ea-93f6219bfd3f/Group+2608524.png Work - Google: Gmail Mobile Stickersheet - 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/5f2b0e0cf6b25436f2b750f1/bc7e26f0-fb08-4dd2-b391-cd2214249751/Group+2608525.png Work - Google: Gmail Mobile Stickersheet - Make it stand out Whatever it is, the way you tell your story online can make all the difference.