{"id":271,"date":"2023-03-26T10:24:00","date_gmt":"2023-03-26T10:24:00","guid":{"rendered":"https:\/\/thatsadam.dk\/?post_type=portfolio&#038;p=271"},"modified":"2026-03-26T13:10:29","modified_gmt":"2026-03-26T13:10:29","slug":"crust-money-saving-app","status":"publish","type":"portfolio","link":"https:\/\/thatsadam.dk\/da\/work\/crust-money-saving-app\/","title":{"rendered":"Skorpe"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":312,"template":"","meta":{"_acf_changed":true,"_yoast_wpseo_title":"","inline_featured_image":false,"_monsterinsights_skip_tracking":false},"project_type":[],"class_list":["post-271","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry"],"acf":{"portfolio_content":[{"acf_fc_layout":"text_block","label":"Brief","heading":"A money saving app","body":"Design a money saving app for users who want to save money, quickly, for a particular reason.\r\nBroken into 2 parts, firstly:\r\n\r\n<strong><em>Design the branding<\/em><\/strong>\r\n\r\nSecondly:\r\n\r\n<em><strong>Design the app.<\/strong><\/em>\r\n\r\nThe users are not new to technology but do not like working with their\r\nfinances. So, they require that the information they receive via the tool is accessible, and clearly tells\r\nthem what they can do to better save","button_label":"","button_url":"","button_new_tab":false},{"acf_fc_layout":"text_plus","label":"Branding","heading":"Branding guidelines","body":"The first part of the brief was to generate a branding guidline kit for the app which I named crust as in earning a crust and then linked the letters to\r\n\r\n<strong>C<\/strong> - clarity\r\n\r\n<strong>R<\/strong> - reliability\r\n\r\n<strong>U<\/strong> - usability\r\n\r\n<strong>S<\/strong> - simplicity\r\n\r\n<strong>T<\/strong> - trust","bullets":null,"image":275,"image_position":"right","button_label":"","button_url":"","button_new_tab":false},{"acf_fc_layout":"text_plus","label":"","heading":"","body":"You can download the guidelines here and check out some graphic design skills while you are at it","bullets":null,"image":278,"image_position":"left","button_label":"View branding guidelines","button_url":"https:\/\/thatsadam.dk\/wp-content\/uploads\/portfolio\/crust-branding-guidelines.pdf","button_new_tab":true},{"acf_fc_layout":"flow","label":"Planning","heading":"Work flow","description":"Moving on from the branding guidelines I tackled the design tasks and requirement assessments form the users.","steps":[{"step_title":"Task analysis","step_body":"There were multiple tasks and user stories to consider so for time constraints I limited myself to a few so now to get lost in creating a full working app","step_image":""},{"step_title":"User flow","step_body":"After taking the user stories and pulling out a few I began to construct some user journey's to determine how the user would be expected to navigate their task","step_image":""},{"step_title":"Wire framing","step_body":"In the most basic form I sketched out screen designs and differnt ideas for data communication ","step_image":""},{"step_title":"Mid fidelity","step_body":"From the sketches I turned my designs into the figma wireframes to determine the rough layout of the functions before colour was applied","step_image":""},{"step_title":"Testing","step_body":"With the wireframes I was able to test the design and get feedback on what people thought of my initial direction","step_image":""},{"step_title":"High fidelity","step_body":"Taking the feedback onboard I went ahead and createing high fidelity design with colour so I could run more tests","step_image":""},{"step_title":"Preference tests","step_body":"With the near finsihed design I was able to run some preference testing on some areas of the design that I was unsure about and got useful feedback for imporving the design","step_image":""}]},{"acf_fc_layout":"text_plus","label":"Initial designs","heading":"Sketches","body":"With such a short project brief there was no time to do much ground research as this was more about a design excercise than a research one. As a result I went quickly into sketching ideas to establish a basis to work from in Figma","bullets":null,"image":303,"image_position":"left","button_label":"","button_url":"","button_new_tab":false},{"acf_fc_layout":"screen_mockups","label":"Mock ups","heading":"Low fidelity","description":"Having fabricated the rough design of the app I was able to use those sketches for the basis on the initial Figma design and later carry out testing the app to establish what worked and what didn't","bullets":null,"images":[{"image":298,"caption":"","external_link":""},{"image":299,"caption":"","external_link":""},{"image":300,"caption":"","external_link":""},{"image":301,"caption":"","external_link":""}],"rounded_corners":false},{"acf_fc_layout":"user_interviews","label":"Feedback","heading":"User tests","description":"","interviews":[{"participant_name":"Honsa","participant_role":"","participant_photo":284,"quote":"Takeaway - Revisit the horizontal slider and try to make it more obvious that is slides","insights":[{"insight_text":"The app looks good, I as a bit confused at first but got the hang of it. It is easy to follow, but in the first task I couldn\u2019t find the transport category as it took me a while to realise that I could swipe across the different categories. I like the pie feature! Hosna"}]},{"participant_name":"Britta","participant_role":"","participant_photo":286,"quote":"Takeaway - Reduce visual complexity of the pages and spread out the information provided","insights":[{"insight_text":"I like the pie chart, and your design has a lot of info right on the main screen, perhaps too much for my personal liking in fact... but as I said I don't use finance apps so perhaps that quantity of info is standard!I was slightly confused how you add a transaction... I see the little + button in the lower right of the screen, but are you meant to pre-select the category you want to add the transaction to, or do you just tap the + and then your categories appear and you select which you want to add to?"}]},{"participant_name":"Ruben","participant_role":"","participant_photo":288,"quote":"Takeaway - Avoid duplicating buttons, look at way to identify categories easier","insights":[{"insight_text":"Task 2 & 3: No issues. Task 1: Maybe having icons on the spendings graphic would help to locate the categories faster. When editing the date the edit button was duplicated on the screen so it felt a bit confusing, Idk if it's typical of android to have the edit button on the toolbar but I think having it on top should be enough"}]}]},{"acf_fc_layout":"preference_testing","label":"Testing","heading":"Preference testing","tests":[{"test_label":"Data visualisation test","test_description":"Users were asked to say which design they preferred with the only difference being how the savings goals were presented","options":[{"option_label":"Option 1","option_percentage":"40%","option_image":306},{"option_label":"Option 2","option_percentage":"60%","option_image":307}],"test_outcome":"With the preference testing done the design was ready for final UI tweaking and delivery. I used the input given in the test and made some further modifications to increase the contrast and reduce the visual strain of the bright colours"}]},{"acf_fc_layout":"image_full_width","label":"Delivery","heading":"Final designs","image":310,"alt_text":""},{"acf_fc_layout":"image_full_width","label":"","heading":"","image":309,"alt_text":""},{"acf_fc_layout":"image_full_width","label":"","heading":"","image":308,"alt_text":""}]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Crust - That&#039;s Adam<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thatsadam.dk\/da\/work\/crust-money-saving-app\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Crust - That&#039;s Adam\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thatsadam.dk\/da\/work\/crust-money-saving-app\/\" \/>\n<meta property=\"og:site_name\" content=\"That&#039;s Adam\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-26T13:10:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thatsadam.dk\/wp-content\/uploads\/2023\/03\/i-Cover-scaled.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/work\\\/crust-money-saving-app\\\/\",\"url\":\"https:\\\/\\\/thatsadam.dk\\\/work\\\/crust-money-saving-app\\\/\",\"name\":\"Crust - That&#039;s Adam\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/work\\\/crust-money-saving-app\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/work\\\/crust-money-saving-app\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thatsadam.dk\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/i-Cover-scaled.png\",\"datePublished\":\"2023-03-26T10:24:00+00:00\",\"dateModified\":\"2026-03-26T13:10:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/work\\\/crust-money-saving-app\\\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thatsadam.dk\\\/work\\\/crust-money-saving-app\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/work\\\/crust-money-saving-app\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thatsadam.dk\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/i-Cover-scaled.png\",\"contentUrl\":\"https:\\\/\\\/thatsadam.dk\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/i-Cover-scaled.png\",\"width\":2560,\"height\":1280},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/work\\\/crust-money-saving-app\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thatsadam.dk\\\/en\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\",\"item\":\"https:\\\/\\\/thatsadam.dk\\\/work\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Crust\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/#website\",\"url\":\"https:\\\/\\\/thatsadam.dk\\\/\",\"name\":\"That&#039;s Adam\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thatsadam.dk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/#organization\",\"name\":\"That&#039;s Adam\",\"url\":\"https:\\\/\\\/thatsadam.dk\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/thatsadam.dk\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/ext-custom-logo-1773126814855.webp\",\"contentUrl\":\"https:\\\/\\\/thatsadam.dk\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/ext-custom-logo-1773126814855.webp\",\"width\":256,\"height\":256,\"caption\":\"That&#039;s Adam\"},\"image\":{\"@id\":\"https:\\\/\\\/thatsadam.dk\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Crust - That&#039;s Adam","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thatsadam.dk\/da\/work\/crust-money-saving-app\/","og_locale":"da_DK","og_type":"article","og_title":"Crust - That&#039;s Adam","og_url":"https:\/\/thatsadam.dk\/da\/work\/crust-money-saving-app\/","og_site_name":"That&#039;s Adam","article_modified_time":"2026-03-26T13:10:29+00:00","og_image":[{"width":2560,"height":1280,"url":"https:\/\/thatsadam.dk\/wp-content\/uploads\/2023\/03\/i-Cover-scaled.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thatsadam.dk\/work\/crust-money-saving-app\/","url":"https:\/\/thatsadam.dk\/work\/crust-money-saving-app\/","name":"Crust - That&#039;s Adam","isPartOf":{"@id":"https:\/\/thatsadam.dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thatsadam.dk\/work\/crust-money-saving-app\/#primaryimage"},"image":{"@id":"https:\/\/thatsadam.dk\/work\/crust-money-saving-app\/#primaryimage"},"thumbnailUrl":"https:\/\/thatsadam.dk\/wp-content\/uploads\/2023\/03\/i-Cover-scaled.png","datePublished":"2023-03-26T10:24:00+00:00","dateModified":"2026-03-26T13:10:29+00:00","breadcrumb":{"@id":"https:\/\/thatsadam.dk\/work\/crust-money-saving-app\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thatsadam.dk\/work\/crust-money-saving-app\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/thatsadam.dk\/work\/crust-money-saving-app\/#primaryimage","url":"https:\/\/thatsadam.dk\/wp-content\/uploads\/2023\/03\/i-Cover-scaled.png","contentUrl":"https:\/\/thatsadam.dk\/wp-content\/uploads\/2023\/03\/i-Cover-scaled.png","width":2560,"height":1280},{"@type":"BreadcrumbList","@id":"https:\/\/thatsadam.dk\/work\/crust-money-saving-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thatsadam.dk\/en\/home\/"},{"@type":"ListItem","position":2,"name":"Portfolio","item":"https:\/\/thatsadam.dk\/work\/"},{"@type":"ListItem","position":3,"name":"Crust"}]},{"@type":"WebSite","@id":"https:\/\/thatsadam.dk\/#website","url":"https:\/\/thatsadam.dk\/","name":"That&#039;s Adam","description":"","publisher":{"@id":"https:\/\/thatsadam.dk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thatsadam.dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Organization","@id":"https:\/\/thatsadam.dk\/#organization","name":"That&#039;s Adam","url":"https:\/\/thatsadam.dk\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/thatsadam.dk\/#\/schema\/logo\/image\/","url":"https:\/\/thatsadam.dk\/wp-content\/uploads\/2026\/03\/ext-custom-logo-1773126814855.webp","contentUrl":"https:\/\/thatsadam.dk\/wp-content\/uploads\/2026\/03\/ext-custom-logo-1773126814855.webp","width":256,"height":256,"caption":"That&#039;s Adam"},"image":{"@id":"https:\/\/thatsadam.dk\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/thatsadam.dk\/da\/wp-json\/wp\/v2\/portfolio\/271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thatsadam.dk\/da\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/thatsadam.dk\/da\/wp-json\/wp\/v2\/types\/portfolio"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thatsadam.dk\/da\/wp-json\/wp\/v2\/media\/312"}],"wp:attachment":[{"href":"https:\/\/thatsadam.dk\/da\/wp-json\/wp\/v2\/media?parent=271"}],"wp:term":[{"taxonomy":"project_type","embeddable":true,"href":"https:\/\/thatsadam.dk\/da\/wp-json\/wp\/v2\/project_type?post=271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}