{"id":152,"date":"2025-06-02T22:01:44","date_gmt":"2025-06-02T22:01:44","guid":{"rendered":"https:\/\/robhumphries.com\/cms\/?page_id=152"},"modified":"2026-01-12T11:49:03","modified_gmt":"2026-01-12T11:49:03","slug":"icusteps-patient-diary-app","status":"publish","type":"page","link":"https:\/\/robhumphries.com\/cms\/icusteps-patient-diary-app\/","title":{"rendered":"ICUSteps Patient Diary App"},"content":{"rendered":"\n<h1 class=\"wp-block-heading alignwide is-style-default\" style=\"margin-top:var(--wp--preset--spacing--40);margin-right:0;margin-bottom:var(--wp--preset--spacing--40);margin-left:0;font-size:clamp(4.509rem, 4.509rem + ((1vw - 0.2rem) * 6.864), 10rem);\">ICUSteps<\/h1>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-f5504864 wp-block-columns-is-layout-flex\" style=\"padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<h3 class=\"wp-block-heading\">Role<\/h3>\n\n\n\n<p class=\"has-small-font-size\">Lead Designer<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<h3 class=\"wp-block-heading\">Scope<\/h3>\n\n\n\n<p class=\"has-small-font-size\">UX\/UI<br>Wireframes<br>Prototype<br>Design<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<h3 class=\"wp-block-heading\">Tools<\/h3>\n\n\n\n<p class=\"has-small-font-size\">Sketch<br>InVision<br>Figma<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<h3 class=\"wp-block-heading\">Year<\/h3>\n\n\n\n<p class=\"has-small-font-size\">2021<\/p>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignwide size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2126\" height=\"1595\" src=\"https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/06\/ICUSteps-Hero-edited.jpg\" alt=\"\" class=\"wp-image-633\" style=\"border-radius:24px\" srcset=\"https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/06\/ICUSteps-Hero-edited.jpg 2126w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/06\/ICUSteps-Hero-edited-300x225.jpg 300w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/06\/ICUSteps-Hero-edited-1024x768.jpg 1024w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/06\/ICUSteps-Hero-edited-768x576.jpg 768w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/06\/ICUSteps-Hero-edited-1536x1152.jpg 1536w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/06\/ICUSteps-Hero-edited-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 2126px) 100vw, 2126px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group alignfull is-nowrap is-layout-flex wp-container-core-group-is-layout-f6d18638 wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:32px;padding-bottom:0;padding-left:32px\">\n<div class=\"wp-block-columns alignwide has-contrast-color has-text-color has-link-color wp-elements-59f5af571eaf3ffbdec032d372c8615e is-layout-flex wp-container-core-columns-is-layout-bdfc62dd wp-block-columns-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--40);padding-top:0;padding-right:0;padding-bottom:32px;padding-left:0px\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-4be21c35 wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<h1 class=\"wp-block-heading\" style=\"font-size:clamp(1.743rem, 1.743rem + ((1vw - 0.2rem) * 1.571), 3rem);\">About<\/h1>\n\n\n\n<p class=\"has-medium-font-size\">ICUSteps is a charity that supports patients who have experienced intensive care, as well as their families and loved ones. Traditionally, patient diaries are paper-based and used to record day-to-day events while a patient is in intensive care, helping them make sense of their experience during recovery. ICUSteps approached me to create a digital prototype of this diary, with the aim of modernising the experience and supporting a future funding bid.<\/p>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(1.743rem, 1.743rem + ((1vw - 0.2rem) * 1.571), 3rem);\">Role<\/h2>\n\n\n\n<p class=\"has-medium-font-size\">I led the UX and UI design of the ICUSteps Diary App, taking the project from early concept through to a functional prototype. My role included user experience design, interaction design and visual design, with a strong focus on accessibility, emotional sensitivity and ease of use. I worked closely with the charity to ensure the app reflected the needs of patients, families and clinical environments.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-a77db08e wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2382\" height=\"1684\" src=\"https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/ICUSteps.jpg\" alt=\"\" class=\"wp-image-795\" style=\"border-radius:32px;aspect-ratio:1;object-fit:cover\" srcset=\"https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/ICUSteps.jpg 2382w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/ICUSteps-300x212.jpg 300w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/ICUSteps-1024x724.jpg 1024w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/ICUSteps-768x543.jpg 768w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/ICUSteps-1536x1086.jpg 1536w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/ICUSteps-2048x1448.jpg 2048w\" sizes=\"auto, (max-width: 2382px) 100vw, 2382px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignwide size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"1126\" src=\"https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/06\/ICUSteps-Large-1.jpg\" alt=\"\" class=\"wp-image-636\" style=\"border-radius:32px\" srcset=\"https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/06\/ICUSteps-Large-1.jpg 2000w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/06\/ICUSteps-Large-1-300x169.jpg 300w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/06\/ICUSteps-Large-1-1024x577.jpg 1024w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/06\/ICUSteps-Large-1-768x432.jpg 768w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/06\/ICUSteps-Large-1-1536x865.jpg 1536w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-d5d3459d wp-block-columns-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-22223934 wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">The Challenge<\/h2>\n\n\n\n<p class=\"has-medium-font-size\">Designing for intensive care presents unique challenges. Users may be distressed, time-poor or unfamiliar with digital tools, and the environment itself is emotionally charged. <\/p>\n\n\n\n<p class=\"has-medium-font-size\">The app needed to feel calm, supportive and intuitive, while accommodating a wide range of users with differing levels of technical confidence. Crucially, the experience had to replicate the simplicity and immediacy of the existing paper diary without adding friction or cognitive load.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-22223934 wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Approach<\/h2>\n\n\n\n<p class=\"has-medium-font-size\">The app was designed as a mobile-first experience that prioritised clarity and ease of use. I closely modelled interactions on the existing paper diary, ensuring familiar patterns such as short daily entries, timestamps and simple prompts translated naturally into a digital format. This approach helped reduce the learning curve and made the experience accessible to all users, regardless of technical ability.<\/p>\n\n\n\n<p class=\"has-medium-font-size\">The digital format also introduced new opportunities, including the ability to add photographs and multimedia content, creating a richer and more personal record for patients to reflect on during recovery. Visual design was intentionally restrained, using soft colour palettes, clear typography and minimal interface elements to create a calm and reassuring experience.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-22223934 wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Impact<\/h2>\n\n\n\n<p class=\"has-medium-font-size\">The prototype demonstrated how a digital diary could enhance patient and family support while remaining sensitive to the realities of intensive care. It provided ICUSteps with a tangible vision for future development and funding, showing how thoughtful UX design can modernize healthcare tools without losing the human connection at their core.<\/p>\n\n\n\n<p class=\"has-medium-font-size\">On a personal level, the project was a deeply valuable exercise in designing for high-emotion contexts and diverse user needs. It reinforced the importance of simplicity, accessibility, and empathy in UX design, and expanded my experience in creating multi-user, sensitive digital tools that balance emotional and practical requirements.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-0aefc03c wp-block-columns-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);padding-top:0;padding-right:32px;padding-bottom:0;padding-left:32px\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group wp-container-content-231d8afb is-vertical is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-06c1c71c wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<figure class=\"wp-block-image size-large has-custom-border wp-container-content-0733e5d0\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/ICUSteps-Palette-768x1024.jpg\" alt=\"\" class=\"wp-image-793\" style=\"border-radius:24px\" srcset=\"https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/ICUSteps-Palette-768x1024.jpg 768w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/ICUSteps-Palette-225x300.jpg 225w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/ICUSteps-Palette-1152x1536.jpg 1152w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/ICUSteps-Palette.jpg 1200w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group wp-container-content-231d8afb is-vertical is-layout-flex wp-container-core-group-is-layout-accb2a1d wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<figure class=\"wp-block-image size-full has-custom-border\" style=\"font-size:14px\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"1600\" src=\"https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/ICUSteps-icons.jpg\" alt=\"\" class=\"wp-image-794\" style=\"border-radius:24px\" srcset=\"https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/ICUSteps-icons.jpg 1200w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/ICUSteps-icons-225x300.jpg 225w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/ICUSteps-icons-768x1024.jpg 768w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/ICUSteps-icons-1152x1536.jpg 1152w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/icusteps-mockup-1024x768.png\" alt=\"\" class=\"wp-image-796\" style=\"border-radius:24px;aspect-ratio:3\/4;object-fit:cover\" srcset=\"https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/icusteps-mockup-1024x768.png 1024w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/icusteps-mockup-300x225.png 300w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/icusteps-mockup-768x576.png 768w, https:\/\/robhumphries.com\/cms\/wp-content\/uploads\/2025\/08\/icusteps-mockup-1536x1152.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>ICUSteps Role Lead Designer Scope UX\/UIWireframesPrototypeDesign Tools SketchInVisionFigma Year 2021 About ICUSteps is a charity that supports patients who have experienced intensive care, as well as their families and loved ones. Traditionally, patient diaries are paper-based and used to record day-to-day events while a patient is in intensive care, helping them make sense of their [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-152","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/robhumphries.com\/cms\/wp-json\/wp\/v2\/pages\/152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/robhumphries.com\/cms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/robhumphries.com\/cms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/robhumphries.com\/cms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/robhumphries.com\/cms\/wp-json\/wp\/v2\/comments?post=152"}],"version-history":[{"count":20,"href":"https:\/\/robhumphries.com\/cms\/wp-json\/wp\/v2\/pages\/152\/revisions"}],"predecessor-version":[{"id":898,"href":"https:\/\/robhumphries.com\/cms\/wp-json\/wp\/v2\/pages\/152\/revisions\/898"}],"wp:attachment":[{"href":"https:\/\/robhumphries.com\/cms\/wp-json\/wp\/v2\/media?parent=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}