{"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-55901460 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 wp-block-paragraph\">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 wp-block-paragraph\">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 wp-block-paragraph\">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 wp-block-paragraph\">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-fd9d677e 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-e7b8a3f6 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-1ace6831 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 wp-block-paragraph\">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 wp-block-paragraph\">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-70c34877 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-dc8bbb9a 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-470551b9 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 wp-block-paragraph\">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 wp-block-paragraph\">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-470551b9 wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Approach<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">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 wp-block-paragraph\">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-470551b9 wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Impact<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">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 wp-block-paragraph\">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-f4912b8b 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-93b0ef31 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-abb3cdca 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}]}}