{"id":435,"date":"2026-03-31T16:25:37","date_gmt":"2026-03-31T16:25:37","guid":{"rendered":"https:\/\/brightmist.co.uk\/ux-designer\/?p=435"},"modified":"2026-04-01T07:38:20","modified_gmt":"2026-04-01T07:38:20","slug":"credit-account-reminder","status":"publish","type":"post","link":"https:\/\/brightmist.co.uk\/ux-designer\/2026\/03\/31\/credit-account-reminder\/","title":{"rendered":"Interest-Free Credit Account Journey"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p><strong>The brief: <\/strong>Create a graphical reminder for customers who have signed up for a 12-month interest-free credit account. The primary requirement is to help customers track their 12-month journey from account opening to the expiry deadline ensuring they stay informed and avoid unexpected interest charges.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>CLIENT&nbsp;|&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/www.nbrown.co.uk\/\" target=\"_blank\">NBrown PLC<\/a><\/p>\n\n\n\n<p>BRAND&nbsp; |&nbsp;<a href=\"https:\/\/jdwilliams.co.uk\/\" target=\"_blank\" rel=\"noreferrer noopener\">jdwilliams.co.uk<\/a><\/p>\n<\/div>\n<\/div>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_113e6400-ac50-411e-9163-dae12d6a6a65\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Phase 01: Initial Concepts<\/h2>\n\n\n\n<p>The marketing team provided the three diagrams (left image) that outlined the 12 month account progress. I used AI to generate some structural layout ideas from the initial diagrams (right image). Through generating AI ideas I was able to consider ways to simplify the general view for a better customer experience.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"712\" data-attachment-id=\"438\" data-permalink=\"https:\/\/brightmist.co.uk\/ux-designer\/2026\/03\/31\/credit-account-reminder\/infographic-1\/\" data-orig-file=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-1.jpg\" data-orig-size=\"1300,904\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Infographic-1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-1-1024x712.jpg\" data-id=\"438\" src=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-1-1024x712.jpg\" alt=\"\" class=\"wp-image-438\" srcset=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-1-1024x712.jpg 1024w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-1-300x209.jpg 300w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-1-768x534.jpg 768w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-1-400x278.jpg 400w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-1-800x556.jpg 800w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-1.jpg 1300w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"712\" data-attachment-id=\"439\" data-permalink=\"https:\/\/brightmist.co.uk\/ux-designer\/2026\/03\/31\/credit-account-reminder\/infographic-2\/\" data-orig-file=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-2.jpg\" data-orig-size=\"1300,904\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Infographic-2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-2-1024x712.jpg\" data-id=\"439\" src=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-2-1024x712.jpg\" alt=\"\" class=\"wp-image-439\" srcset=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-2-1024x712.jpg 1024w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-2-300x209.jpg 300w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-2-768x534.jpg 768w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-2-400x278.jpg 400w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-2-800x556.jpg 800w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-2.jpg 1300w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Phase 02: Design Alignment<\/h2>\n\n\n\n<p>I developed 4 high-fidelity variations for stakeholder review. These designs focused on ensuring the visual hierarchy and simple communication was clean and punchy. This stage allowed the marketing and legal teams to select the most effective layout.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-1 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" data-attachment-id=\"441\" data-permalink=\"https:\/\/brightmist.co.uk\/ux-designer\/2026\/03\/31\/credit-account-reminder\/infographic-4\/\" data-orig-file=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-4.jpg\" data-orig-size=\"1300,731\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Infographic-4\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-4-1024x576.jpg\" data-id=\"441\" src=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-4-1024x576.jpg\" alt=\"\" class=\"wp-image-441\" srcset=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-4-1024x576.jpg 1024w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-4-300x169.jpg 300w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-4-768x432.jpg 768w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-4-400x225.jpg 400w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-4-800x450.jpg 800w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-4.jpg 1300w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Phase 03: The Final Solution<\/h2>\n\n\n\n<p>The final outcome was a set of 12 optimised web png files ready to drop into campaign emails across several months. These variations are adapted based on the age of the credit balance: Month 1 (The Gentle Nudge), Month 2 (The Helpful Reminder), and Month 3 (The Final Call). By integrating these reminders into the footer of standard marketing campaigns, we reduced notification fatigue while maintaining a consistent touchpoint for credit recovery.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-2 is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"710\" data-attachment-id=\"480\" data-permalink=\"https:\/\/brightmist.co.uk\/ux-designer\/2026\/03\/31\/credit-account-reminder\/infographic-3-1\/\" data-orig-file=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-3.1.jpg\" data-orig-size=\"1300,902\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Infographic-3.1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-3.1-1024x710.jpg\" data-id=\"480\" src=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-3.1-1024x710.jpg\" alt=\"\" class=\"wp-image-480\" srcset=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-3.1-1024x710.jpg 1024w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-3.1-300x208.jpg 300w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-3.1-768x533.jpg 768w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-3.1-400x278.jpg 400w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-3.1-800x555.jpg 800w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-3.1.jpg 1300w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"710\" data-attachment-id=\"479\" data-permalink=\"https:\/\/brightmist.co.uk\/ux-designer\/2026\/03\/31\/credit-account-reminder\/infographic-3-2\/\" data-orig-file=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-3.2.jpg\" data-orig-size=\"1300,902\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Infographic-3.2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-3.2-1024x710.jpg\" data-id=\"479\" src=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-3.2-1024x710.jpg\" alt=\"\" class=\"wp-image-479\" srcset=\"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-3.2-1024x710.jpg 1024w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-3.2-300x208.jpg 300w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-3.2-768x533.jpg 768w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-3.2-400x278.jpg 400w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-3.2-800x555.jpg 800w, https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/Infographic-3.2.jpg 1300w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The brief: Create a graphical reminder for customers who have signed up for a 12-month interest-free credit account. The primary requirement is to help customers track their 12-month journey from account opening to the expiry deadline ensuring they stay informed and avoid unexpected interest charges. CLIENT&nbsp;|&nbsp;NBrown PLC BRAND&nbsp; |&nbsp;jdwilliams.co.uk Phase 01: Initial Concepts The marketing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":462,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-435","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux","has-thumbnail"],"featured_image_src":"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/2025_EM_NB_Account-Reminder-Infographic.jpg","author_info":{"display_name":"Judith Knight","author_link":"https:\/\/brightmist.co.uk\/ux-designer\/author\/vintageworld\/"},"jetpack_featured_media_url":"https:\/\/brightmist.co.uk\/ux-designer\/wp-content\/uploads\/sites\/5\/2026\/03\/2025_EM_NB_Account-Reminder-Infographic.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/brightmist.co.uk\/ux-designer\/wp-json\/wp\/v2\/posts\/435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brightmist.co.uk\/ux-designer\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brightmist.co.uk\/ux-designer\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brightmist.co.uk\/ux-designer\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brightmist.co.uk\/ux-designer\/wp-json\/wp\/v2\/comments?post=435"}],"version-history":[{"count":29,"href":"https:\/\/brightmist.co.uk\/ux-designer\/wp-json\/wp\/v2\/posts\/435\/revisions"}],"predecessor-version":[{"id":481,"href":"https:\/\/brightmist.co.uk\/ux-designer\/wp-json\/wp\/v2\/posts\/435\/revisions\/481"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brightmist.co.uk\/ux-designer\/wp-json\/wp\/v2\/media\/462"}],"wp:attachment":[{"href":"https:\/\/brightmist.co.uk\/ux-designer\/wp-json\/wp\/v2\/media?parent=435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brightmist.co.uk\/ux-designer\/wp-json\/wp\/v2\/categories?post=435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brightmist.co.uk\/ux-designer\/wp-json\/wp\/v2\/tags?post=435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}