{"id":6983,"date":"2019-08-06T14:23:40","date_gmt":"2019-08-06T14:23:40","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=6983"},"modified":"2025-10-24T11:28:23","modified_gmt":"2025-10-24T11:28:23","slug":"case-study-ux-design-finance-service","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/","title":{"rendered":"Case Study: CashMetrics. UX Design for Finance Management Service"},"content":{"rendered":"<p>One of the global tasks that are successfully solved by digital products is various aspects of systematization, analysis, and accounting. Mobile and web applications help to effectively manage financial and communication issues, and this way, design directly supports the business. Today we offer you to see how the products of this kind are created: welcome to review the UX design process for one of our recent projects CashMetrics, the service that helps retailers manage their cash. The studio designer assigned to this project was Ksenia Lashko, whom you may remember from the case study on a <a href=\"https:\/\/blog.tubikstudio.com\/case-study-kubrick-life-educational-biography-website-design\/\">biography website about Stanley Kubrick<\/a>.<\/p>\n<h2>Project<\/h2>\n<p>UX and UI design for an admin panel and landing page of a finance management service.<\/p>\n<h2>Process<\/h2>\n<p>CashMetrics provides support for retailers, mainly in the fashion segment: it helps to organize their operations and monitor cash flows. It is aimed at simplifying operational processes, with a key focus on tracking profits, shipping costs, and fees. When it comes to financing, the first idea that immediately comes to mind is boring tables and complex calculations. So, the primary goal was to step away from dull, unclear and overwhelming data presentation and make the service eye-pleasing and easy to use.<\/p>\n<h2>Dashboard<\/h2>\n<p>The first thing to focus the design effort on was a dashboard, the main page of the admin panel. That was one of the challenging pages as it had to consist of many statistics and graphics blocks. Besides those, a to-do list was also required on the dashboard.<\/p>\n<p>So after the research was done, the creative team defined which stats would be the most useful and which of them required to be shown in charts for better perception. The designer ended up having 8 statistic blocks:<\/p>\n<ul>\n<li><strong>Overview<\/strong>: the user can see general information about sales, orders, and profits for a selected period of time (year, month, or week) and watch the temps of growth.<\/li>\n<li><strong>Inventory<\/strong>: the total quantity of items that the retailer has in the range and how many of them are in stock.<\/li>\n<li><strong>Earnings<\/strong>: the chart that shows the positive and negative value of earnings.<\/li>\n<li><strong>Sales &amp; Expenses<\/strong>: the chart includes any costs incurred by the retailer and the number of goods sold<\/li>\n<li><strong>Top-Selling Items<\/strong>: top 5 items ranged by the number of units sold. The user also can see how much profits he got from selling those items.<\/li>\n<li><strong>Top-Selling Brands<\/strong>: shows which brands have more share in sales.<\/li>\n<li><strong>Average Sales<\/strong>: average income and profit that the retailer make over a certain period of time.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8451\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/user-experience-design-finance-app-1.png\" alt=\"user experience design finance app\" width=\"2880\" height=\"3244\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/user-experience-design-finance-app-1.png 2880w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/user-experience-design-finance-app-1-266x300.png 266w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/user-experience-design-finance-app-1-768x865.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/user-experience-design-finance-app-1-909x1024.png 909w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/user-experience-design-finance-app-1-133x150.png 133w\" sizes=\"auto, (max-width: 2880px) 100vw, 2880px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>To bring a little fun into charts and numbers, the designer chose a <a href=\"https:\/\/blog.tubikstudio.com\/bright-colors-in-ui-design-strong-weak-sides\/\">vibrant color palette<\/a> that creates an appealing and clean look. For primary colors, deep blue and vibrant blue was chosen; for additional accents, the turquoise color was picked. The choice of <a href=\"https:\/\/blog.tubikstudio.com\/light-or-dark-ui-tips-choose-proper-color-scheme\/\">background color<\/a> turned on light to make the layout airy and <a href=\"https:\/\/blog.tubikstudio.com\/ux-design-how-to-make-web-interface-scannable\/\">easy to scan<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8444\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/cashmetrics-design-user-interface-1.png\" alt=\"cashmetrics design user interface\" width=\"1756\" height=\"1360\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/cashmetrics-design-user-interface-1.png 1756w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/cashmetrics-design-user-interface-1-300x232.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/cashmetrics-design-user-interface-1-768x595.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/cashmetrics-design-user-interface-1-1024x793.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/cashmetrics-design-user-interface-1-150x116.png 150w\" sizes=\"auto, (max-width: 1756px) 100vw, 1756px\" \/><\/p>\n<p>Also, one of the main requirements was to create a fee calculator to easily account selling fees for marketplaces such as eBay, GOAT, StockX, and others. For marketplaces that are used most frequently by the user, it is possible to make a preset.<\/p>\n<h2>Inventory, Sales, Expenses<\/h2>\n<p>For tracking selling inventory and monitoring the status of the products, there is an Inventory page. It was important to make interaction with inventory and sales pages convenient and as clear as possible because these pages are the ones the retailer interacts with most often.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8449\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/ui-design-case-study-cash-metrics-1.png\" alt=\"ui design case study cash metrics\" width=\"2880\" height=\"2048\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/ui-design-case-study-cash-metrics-1.png 2880w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/ui-design-case-study-cash-metrics-1-300x213.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/ui-design-case-study-cash-metrics-1-768x546.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/ui-design-case-study-cash-metrics-1-1024x728.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/ui-design-case-study-cash-metrics-1-150x107.png 150w\" sizes=\"auto, (max-width: 2880px) 100vw, 2880px\" \/><\/p>\n<p>To create a new item, a user should specify a name, color, size, brand, quantity, retail price, and status. That helps to sort items and easily find one that is needed. The status of the item changes in one click in a dropdown with actions. When the last item has been sold, it is left in inventory with the status &#8216;Out of stock&#8217;. So when the item is in stock again, there is no need to put all the information down again; the retailer simply changes the status and quantity.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8450\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/user-experience-design-cash-app-1.png\" alt=\"user experience design cash app\" width=\"2880\" height=\"2048\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/user-experience-design-cash-app-1.png 2880w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/user-experience-design-cash-app-1-300x213.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/user-experience-design-cash-app-1-768x546.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/user-experience-design-cash-app-1-1024x728.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/user-experience-design-cash-app-1-150x107.png 150w\" sizes=\"auto, (max-width: 2880px) 100vw, 2880px\" \/><\/p>\n<p>As there are a lot of properties that need to be filled to create a new item, the designer added a &#8216;Duplicate item&#8217; feature. So, if retailers have similar items in different sizes and colors, they can just duplicate an existing item and change some of the properties.<\/p>\n<p>In order to simplify the transition to the platform for new users, the ability to import sales information from Excel has been added. So, in general, there are three ways to add information to sales:<\/p>\n<ul>\n<li>Excel import<\/li>\n<li>quick transfer from inventory<\/li>\n<li>enter the information manually.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8447\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/dashboard-design-cashmetrics-1.png\" alt=\"dashboard design cashmetrics\" width=\"1440\" height=\"1024\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/dashboard-design-cashmetrics-1.png 1440w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/dashboard-design-cashmetrics-1-300x213.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/dashboard-design-cashmetrics-1-768x546.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/dashboard-design-cashmetrics-1-1024x728.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/dashboard-design-cashmetrics-1-150x107.png 150w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/p>\n<p>In the Expenses page, there are data supposed to be uploaded automatically and also could be added manually. When the retailer adds some item to inventory, the specified retail price of it also been shown in the Expenses. The retailer can also track expenses such as shipping boxes, software expenses, etc. Along with the sales data, expenses are visually represented in the chart on the dashboard.<\/p>\n<h2>Landing Page<\/h2>\n<p>For the landing page user interface design, the designer kept the clean and simple style as in the admin panel. Simple soft shapes on the background are consistent with a line chart in the header and also emphasize the simplicity and user-friendliness of the product. In the blocks with information about the product, there are <a href=\"https:\/\/blog.tubikstudio.com\/ui-design-basic-types-of-buttons-in-user-interfaces\/\">CTA buttons<\/a> &#8220;See more,&#8221; which redirect the user to sign up form as well as &#8220;Join now&#8221; buttons.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8448 size-large\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/landing-page-design-cashmetrics-case-study-1-1024x728.png\" alt=\"landing page design cashmetrics case study\" width=\"1024\" height=\"728\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/landing-page-design-cashmetrics-case-study-1-1024x728.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/landing-page-design-cashmetrics-case-study-1-300x213.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/landing-page-design-cashmetrics-case-study-1-768x546.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/landing-page-design-cashmetrics-case-study-1-150x107.png 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Also, we added a perspective view of the dashboard page, focusing on the main blocks.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8446\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/cashmetrics-ux-design-1.png\" alt=\"cashmetrics ux design\" width=\"2880\" height=\"2200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/cashmetrics-ux-design-1.png 2880w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/cashmetrics-ux-design-1-300x229.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/cashmetrics-ux-design-1-768x587.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/cashmetrics-ux-design-1-1024x782.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/cashmetrics-ux-design-1-150x115.png 150w\" sizes=\"auto, (max-width: 2880px) 100vw, 2880px\" \/><\/p>\n<p>To sum up, based on its high practical value, the product itself and its landing page are based on the principles of user experience design consistency and a high level of usability to support users at every step with intuitive navigation as well as clear and concise data segmentation.<\/p>\n<h2>UX Design Case Studies<\/h2>\n<p>Welcome to review other case studies on UX design process and solutions for a variety of digital products:<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-bitex-app-ux-design-for-stock-analysis-app\/\">Bitex. UX Design for Stock Analysis App<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/brand-identity-ux-design-fintech\/\">Crezco. Brand Identity and UI\/UX Design for Fintech Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-inspora-brand-ui-design-virtual-stylist\/\">Inspora. Brand and UI Design for Virtual Stylist<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-nature-encyclopedia-ui-design-for-education\/\">Nature Encyclopedia. UI Design for Education<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/landing-page-design-fintech\/\">Uni. Landing Page Design for Fintech Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-recipes-app-ux-design\/\">Perfect Recipes App. UX Design for Cooking and Shopping<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-tasty-burger-ui-design-for-food-ordering-app\/\">Tasty Burger. UI Design for Food Ordering App<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-slumber-mobile-ui-design-for-healthy-sleeping\/\">Slumber. Mobile UI Design for Healthy Sleeping<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-watering-tracker-ui-design-for-home-needs\/\">Watering Tracker. UI Design for Home Needs<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-home-budget-app-ui-for-finance\/\" target=\"_blank\" rel=\"noopener noreferrer\">Home Budget App. UI for Finance<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Review the UX design process for CashMetrics, the service helping retailers manage their cash and operate effectively: check design solutions for the dashboard and landing page.<\/p>\n","protected":false},"author":3,"featured_media":12595,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[588,4,7,9],"tags":[291,293,20,365,57,457,87,464,96,482,100,485,108,491,123,509,127,515,138,533,147,534,171,537,186,538,187,545,256,552],"coauthors":[],"class_list":["post-6983","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-business","category-case_study","category-processes_and_tools","category-ui_ux","tag-landing-page","tag-landing-page-user-interface","tag-app-design","tag-product-design","tag-case-study","tag-ui","tag-creative-design","tag-ui-design-case-study","tag-dashboard","tag-user-experience","tag-design","tag-user-experience-design","tag-design-case-study","tag-user-interface","tag-design-for-business","tag-ux-design-process","tag-design-for-marketing","tag-uxui","tag-design-process","tag-web-design","tag-design-studio","tag-web-design-article","tag-digital-product","tag-web-design-examples","tag-finance","tag-web-design-inspiration","tag-finance-management","tag-web-user-interface","tag-interaction-design","tag-website-usability"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case Study: CashMetrics. UX Design for Finance Management Service<\/title>\n<meta name=\"description\" content=\"Review the UX design process for CashMetrics, the service helping retailers manage their cash and operate effectively: check design solutions for the dashboard and landing page.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: CashMetrics. UX Design for Finance Management Service\" \/>\n<meta property=\"og:description\" content=\"Review the UX design process for CashMetrics, the service helping retailers manage their cash and operate effectively: check design solutions for the dashboard and landing page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-06T14:23:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-24T11:28:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/CashMetrics-finance-app-design-tubik-studio.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marina Yalanska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yalanska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/\",\"name\":\"Case Study: CashMetrics. UX Design for Finance Management Service\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/CashMetrics-finance-app-design-tubik-studio.jpg\",\"datePublished\":\"2019-08-06T14:23:40+00:00\",\"dateModified\":\"2025-10-24T11:28:23+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"Review the UX design process for CashMetrics, the service helping retailers manage their cash and operate effectively: check design solutions for the dashboard and landing page.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/CashMetrics-finance-app-design-tubik-studio.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/CashMetrics-finance-app-design-tubik-studio.jpg\",\"width\":1600,\"height\":1200,\"caption\":\"CashMetrics finance app design tubik studio\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: CashMetrics. UX Design for Finance Management Service\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\",\"name\":\"Marina Yalanska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"caption\":\"Marina Yalanska\"},\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case Study: CashMetrics. UX Design for Finance Management Service","description":"Review the UX design process for CashMetrics, the service helping retailers manage their cash and operate effectively: check design solutions for the dashboard and landing page.","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:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: CashMetrics. UX Design for Finance Management Service","og_description":"Review the UX design process for CashMetrics, the service helping retailers manage their cash and operate effectively: check design solutions for the dashboard and landing page.","og_url":"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2019-08-06T14:23:40+00:00","article_modified_time":"2025-10-24T11:28:23+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/CashMetrics-finance-app-design-tubik-studio.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/","url":"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/","name":"Case Study: CashMetrics. UX Design for Finance Management Service","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/CashMetrics-finance-app-design-tubik-studio.jpg","datePublished":"2019-08-06T14:23:40+00:00","dateModified":"2025-10-24T11:28:23+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"Review the UX design process for CashMetrics, the service helping retailers manage their cash and operate effectively: check design solutions for the dashboard and landing page.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/CashMetrics-finance-app-design-tubik-studio.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/08\/CashMetrics-finance-app-design-tubik-studio.jpg","width":1600,"height":1200,"caption":"CashMetrics finance app design tubik studio"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/case-study-ux-design-finance-service\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: CashMetrics. UX Design for Finance Management Service"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f","name":"Marina Yalanska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd","url":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","caption":"Marina Yalanska"},"url":"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/6983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=6983"}],"version-history":[{"count":6,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/6983\/revisions"}],"predecessor-version":[{"id":14411,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/6983\/revisions\/14411"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/12595"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=6983"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=6983"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=6983"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=6983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}