{"id":27153,"date":"2021-10-20T07:24:09","date_gmt":"2021-10-20T07:24:09","guid":{"rendered":"https:\/\/codeandpepper.com\/?post_type=case_study&#038;p=27153"},"modified":"2024-11-21T20:42:51","modified_gmt":"2024-11-21T20:42:51","slug":"monet","status":"publish","type":"case_study","link":"https:\/\/codeandpepper.com\/case-studies\/monet\/","title":{"rendered":"Monet"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"396\" height=\"132\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET-1.png\" alt=\"UX \/ UI design for Monet\" class=\"wp-image-27251\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET-1.png 396w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET-1-300x100.png 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET-1-80x27.png 80w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET-1-160x53.png 160w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET-1-361x120.png 361w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET-1-200x67.png 200w\" sizes=\"auto, (max-width: 396px) 100vw, 396px\" \/><\/figure><\/div>\n\n\n<section\n    id=\"\"\n    class=\"case-study-tags block aligncenter\"\n>\n  <div class=\"terms\">\n        <div class=\"term\">FinTech Development<\/div>\n        <div class=\"term\">AWS<\/div>\n        <div class=\"term\">Node.js<\/div>\n        <div class=\"term\">React.js<\/div>\n        <div class=\"term\">TypeScript<\/div>\n      <\/div>\n<\/section>\n\n\n\n<p>For artists, influencers, and freelancers, the creative aspect of their work is key. But the administrative part of running a business can\u2019t be ignored, even though it might seem boring or complicated. The Monet platform aims to <strong>help creators manage their business<\/strong> and <strong>get paid for their work instantly<\/strong>. To make their vision reality, Monet needed <strong>fresh product design<\/strong> that would appeal to creative entrepreneurs\u2026 and Code &amp; Pepper had exactly the ideas and skills necessary to create it.<\/p>\n\n\n\n<h2 class=\"has-text-align-left wp-block-heading\" id=\"h-about-monet\">About Monet<\/h2>\n\n\n\n<p>Monet is a <strong>cash flow and business admin platform for creatives and freelancers<\/strong>. It supports creators through an Instant Pay feature combined with invoicing. Monet users can easily issue invoices and have them paid immediately. They don\u2019t have to worry about collecting payments anymore. Instead, they can welcome more security and reliability into their business.<\/p>\n\n\n\n<p>The app facilitates the admin side of running a small business, which many young creators might find difficult and time-consuming. With Monet, they can easily manage their finances and create contracts within the app.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_dashboardbank-1024x576.jpg\" alt=\"Monet UI\/UX Design - Dashboard view\" class=\"wp-image-27252\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_dashboardbank-1024x576.jpg 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_dashboardbank-300x169.jpg 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_dashboardbank-768x432.jpg 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_dashboardbank-1536x864.jpg 1536w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_dashboardbank-80x45.jpg 80w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_dashboardbank-110x62.jpg 110w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_dashboardbank-361x203.jpg 361w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_dashboardbank-433x244.jpg 433w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_dashboardbank-178x100.jpg 178w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_dashboardbank-720x405.jpg 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_dashboardbank-864x486.jpg 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_dashboardbank-432x243.jpg 432w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_dashboardbank.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-challenge\">Challenge<\/h3>\n\n\n\n<p>Monet approached Code &amp; Pepper with a clearly outlined vision for the app. Our team was tasked with <strong>creating the <a href=\"https:\/\/codeandpepper.com\/services\/ux-design-agency\/\">UX design<\/a>\/<a href=\"https:\/\/codeandpepper.com\/services\/ui-design-company\/\">UI design<\/a><\/strong> and equipping it with the flair that would <strong>draw in the target audience<\/strong>. Since Monet\u2019s users consist of small business owners in the creative industry including artists and influencers, it was crucial to make the platform visually appealing. We also had to take into account that Monet\u2019s future users are tech savvy. The product we would design had to fit right in among the apps users use (and love) on a daily basis.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-understanding-the-user-to-deliver-seamless-experience\">Understanding the user to deliver seamless experience<\/h2>\n\n\n\n<p>To give the Monet app the right look and feel, we had to examine its target users more closely. Through workshops with the client, we <strong>developed a buyer persona<\/strong>. This profile outlined the users\u2019 expectations and key reasons for using Monet.<\/p>\n\n\n\n<p>Next, Code &amp; Pepper <strong>drafted the user journey<\/strong>. We examined the user\u2019s activities typically done in their job, from securing a contract to getting paid. Each activity was translated into specific tasks to be completed either within the app or outside of it. This helped to understand what users will need from the app and how exactly they will use it.<\/p>\n\n\n\n<p>We also prepared a user story map, defining the features that needed to be built. The tasks were sorted by priority and release version and would serve as <strong>a roadmap for the development stage<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_bankaccount-1024x576.jpg\" alt=\"Monet UX\/UI Design - Bank Account view\" class=\"wp-image-27253\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_bankaccount-1024x576.jpg 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_bankaccount-300x169.jpg 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_bankaccount-768x432.jpg 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_bankaccount-1536x864.jpg 1536w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_bankaccount-80x45.jpg 80w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_bankaccount-110x62.jpg 110w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_bankaccount-361x203.jpg 361w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_bankaccount-433x244.jpg 433w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_bankaccount-178x100.jpg 178w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_bankaccount-720x405.jpg 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_bankaccount-864x486.jpg 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_bankaccount-432x243.jpg 432w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_bankaccount.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-bold-design-that-attracts-attention\">Bold design that attracts attention<\/h2>\n\n\n\n<p>Visually, the Monet app suits its target audience. It\u2019s <strong>eye-catching, trendy, and original<\/strong>. The product wouldn\u2019t look out of place among beloved social media and creativity apps. The bright colours give the platform an easily recognisable look. It\u2019s bound to inspire conversations and expose it to more potential users.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-easy-to-use-and-intuitive-app-for-busy-small-business-owners\">Easy-to-use and intuitive app for busy small business owners<\/h2>\n\n\n\n<p>User-friendliness is at the core of this UX\/UI design. Having analysed Monet\u2019s typical user, we knew that the overall experience needed to be hassle-free. Creators don\u2019t want to spend a lot of time on admin tasks. They\u2019d rather engage more with the creative side of their businesses. The process flows we created <strong>put the users\u2019 needs first and foremost<\/strong>. It resulted in a product that\u2019s easy to navigate, even for users who are not well-versed in the admin work. The user can easily complete their tasks and find exactly the information they need. Managing invoices and cash flow becomes simple, and the design nudges satisfied users to <strong>convert into paying customers<\/strong> of the premium account.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02-1-1024x576.jpeg\" alt=\"Monet UX\/UI Design - Instant Pay view\" class=\"wp-image-27160\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02-1-1024x576.jpeg 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02-1-300x169.jpeg 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02-1-768x432.jpeg 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02-1-80x45.jpeg 80w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02-1-110x62.jpeg 110w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02-1-361x203.jpeg 361w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02-1-433x244.jpeg 433w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02-1-178x100.jpeg 178w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02-1-720x405.jpeg 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02-1-864x486.jpeg 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02-1-432x243.jpeg 432w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02-1.jpeg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<section id=\"icons-grid-v2-block-block_5fd8d0497cc2e\" class=\"grid-block icons-grid-block-v2 block common-block alignfull\">\n<div class=\"container\">\n\n\n\n<h2 class=\"block-title section-title\">\n  Technologies and solutions for Monet <\/h2>\n\n\n\n<div class=\"grid-block-grid\">\n                <div class=\"grid-block-grid-item  has-link\">\n                                    <a class=\"grid-block-grid-item-inner\" href=\"https:\/\/codeandpepper.com\/services\/back-end-development-services\/\">\n                                        <div class=\"grid-block-item-icon-wrapper\">\n                            \n<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->\n<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 72 72\" enable-background=\"new 0 0 72 72\" xml:space=\"preserve\">\n<g>\n\t<desc>Created with Sketch.<\/desc>\n\t<g>\n\t\t<path fill=\"#272727\" d=\"M0.6,36v35.4h70.9V0.6H0.6V36z M57.7,33.2c1.7,0.4,3.2,1.3,4.4,2.6c0.7,0.7,1.2,1.4,1.7,2.3\n\t\t\tc0,0.1-3.1,2.2-4.9,3.3c-0.1,0-0.3-0.2-0.6-0.7c-0.7-1.2-1.9-1.9-3.3-2c-2.1-0.1-3.5,1-3.5,2.8c0,0.5,0.1,0.9,0.3,1.3\n\t\t\tc0.5,1,1.3,1.6,4.1,2.8c5.1,2.2,7.2,3.6,8.6,5.7c1.5,2.3,1.8,5.9,0.8,8.6c-1.1,2.9-3.9,4.9-7.8,5.6c-1.8,0.2-3.6,0.2-5.4-0.1\n\t\t\tc-2.7-0.4-5.3-1.7-7.2-3.7C44.2,61,43,59.1,43,59c0.2-0.2,0.4-0.3,0.7-0.4l2.6-1.5l2-1.2l0.4,0.6c0.7,1,1.6,1.9,2.7,2.6\n\t\t\tc2.3,1.2,5.4,1,6.9-0.4c1.1-1,1.2-2.7,0.4-3.9c-0.6-0.8-1.7-1.5-4.9-2.8c-3.7-1.6-5.2-2.6-6.7-4.1c-0.9-1-1.6-2.2-1.9-3.5\n\t\t\tc-0.3-1.5-0.3-3-0.1-4.5c0.8-3.5,3.4-6,7.3-6.7C54,32.8,55.9,32.9,57.7,33.2L57.7,33.2z M41,36.1V39h-9.2v26.2h-6.5V39H16v-2.8\n\t\t\tc0-1,0-2,0.1-2.9c0,0,5.7-0.1,12.5-0.1H41V36.1z\"\/>\n\t<\/g>\n<\/g>\n<\/svg>\n                        <\/div>\n                        <div class=\"grid-block-grid-item-title-wrapper\">\n                            <p class=\"grid-block-grid-item-title\">\n                              TypeScript                            <\/p>\n                        <\/div>\n                                    <\/a>\n                            <\/div>\n                        <div class=\"grid-block-grid-item  has-link\">\n                                    <a class=\"grid-block-grid-item-inner\" href=\"https:\/\/codeandpepper.com\/services\/aws-amazon-web-services-consulting\/\">\n                                        <div class=\"grid-block-item-icon-wrapper\">\n                            <svg version=\"1.1\"\r\n\t xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 72 72\"\r\n\t width=\"72\" height=\"72\" xml:space=\"preserve\">\r\n<g >\r\n\t<title>aws<\/title>\r\n\t<desc>Created with Sketch.<\/desc>\r\n\t<g>\r\n\t\t<polygon fill=\"#272727\" points=\"10.1,45 10.1,33.5 2.2,30.8 2.2,42.2 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"12.1,45 12.1,33.5 20,30.8 20,42.2 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"3.7,29.6 11.1,31.9 18.3,29.6 11,27.3 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"30.1,45 30.1,33.5 22.2,30.8 22.2,42.2 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"32.1,45 32.1,33.5 40,30.8 40,42.2 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"23.7,29.6 31.1,31.9 38.3,29.6 31,27.3 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"40.1,28.1 40.1,16.6 32.2,14 32.2,25.4 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"42.1,28.1 42.1,16.6 50,14 50,25.4 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"33.8,12.7 41.1,15.1 48.4,12.7 41.1,10.4 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"59.9,28.1 59.9,16.6 52,14 52,25.4 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"61.9,28.1 61.9,16.6 69.8,14 69.8,25.4 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"53.6,12.7 60.9,15.1 68.2,12.7 60.9,10.4 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"20.2,61.6 20.2,50.1 12.3,47.5 12.3,58.9 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"22.2,61.6 22.2,50.1 30.1,47.5 30.1,58.9 \t\t\"\/>\r\n\t\t<polygon fill=\"#272727\" points=\"13.8,46.2 21.2,48.6 28.4,46.2 21.1,43.9 \t\t\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<g >\r\n<\/g>\r\n<\/svg>\r\n                        <\/div>\n                        <div class=\"grid-block-grid-item-title-wrapper\">\n                            <p class=\"grid-block-grid-item-title\">\n                              AWS                            <\/p>\n                        <\/div>\n                                    <\/a>\n                            <\/div>\n                        <div class=\"grid-block-grid-item  has-link\">\n                                    <a class=\"grid-block-grid-item-inner\" href=\"https:\/\/codeandpepper.com\/services\/node-js-developers\/\">\n                                        <div class=\"grid-block-item-icon-wrapper\">\n                            \n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentcolor\" d=\"M224 508c-6.7 0-13.5-1.8-19.4-5.2l-61.7-36.5c-9.2-5.2-4.7-7-1.7-8 12.3-4.3 14.8-5.2 27.9-12.7 1.4-.8 3.2-.5 4.6.4l47.4 28.1c1.7 1 4.1 1 5.7 0l184.7-106.6c1.7-1 2.8-3 2.8-5V149.3c0-2.1-1.1-4-2.9-5.1L226.8 37.7c-1.7-1-4-1-5.7 0L36.6 144.3c-1.8 1-2.9 3-2.9 5.1v213.1c0 2 1.1 4 2.9 4.9l50.6 29.2c27.5 13.7 44.3-2.4 44.3-18.7V167.5c0-3 2.4-5.3 5.4-5.3h23.4c2.9 0 5.4 2.3 5.4 5.3V378c0 36.6-20 57.6-54.7 57.6-10.7 0-19.1 0-42.5-11.6l-48.4-27.9C8.1 389.2.7 376.3.7 362.4V149.3c0-13.8 7.4-26.8 19.4-33.7L204.6 9c11.7-6.6 27.2-6.6 38.8 0l184.7 106.7c12 6.9 19.4 19.8 19.4 33.7v213.1c0 13.8-7.4 26.7-19.4 33.7L243.4 502.8c-5.9 3.4-12.6 5.2-19.4 5.2zm149.1-210.1c0-39.9-27-50.5-83.7-58-57.4-7.6-63.2-11.5-63.2-24.9 0-11.1 4.9-25.9 47.4-25.9 37.9 0 51.9 8.2 57.7 33.8.5 2.4 2.7 4.2 5.2 4.2h24c1.5 0 2.9-.6 3.9-1.7s1.5-2.6 1.4-4.1c-3.7-44.1-33-64.6-92.2-64.6-52.7 0-84.1 22.2-84.1 59.5 0 40.4 31.3 51.6 81.8 56.6 60.5 5.9 65.2 14.8 65.2 26.7 0 20.6-16.6 29.4-55.5 29.4-48.9 0-59.6-12.3-63.2-36.6-.4-2.6-2.6-4.5-5.3-4.5h-23.9c-3 0-5.3 2.4-5.3 5.3 0 31.1 16.9 68.2 97.8 68.2 58.4-.1 92-23.2 92-63.4z\"\/><\/svg>                        <\/div>\n                        <div class=\"grid-block-grid-item-title-wrapper\">\n                            <p class=\"grid-block-grid-item-title\">\n                              Node.js                            <\/p>\n                        <\/div>\n                                    <\/a>\n                            <\/div>\n                        <div class=\"grid-block-grid-item  has-link\">\n                                    <a class=\"grid-block-grid-item-inner\" href=\"https:\/\/codeandpepper.com\/services\/react-developers\/\">\n                                        <div class=\"grid-block-item-icon-wrapper\">\n                            \n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentcolor\" d=\"M418.2 177.2c-5.4-1.8-10.8-3.5-16.2-5.1.9-3.7 1.7-7.4 2.5-11.1 12.3-59.6 4.2-107.5-23.1-123.3-26.3-15.1-69.2.6-112.6 38.4-4.3 3.7-8.5 7.6-12.5 11.5-2.7-2.6-5.5-5.2-8.3-7.7-45.5-40.4-91.1-57.4-118.4-41.5-26.2 15.2-34 60.3-23 116.7 1.1 5.6 2.3 11.1 3.7 16.7-6.4 1.8-12.7 3.8-18.6 5.9C38.3 196.2 0 225.4 0 255.6c0 31.2 40.8 62.5 96.3 81.5 4.5 1.5 9 3 13.6 4.3-1.5 6-2.8 11.9-4 18-10.5 55.5-2.3 99.5 23.9 114.6 27 15.6 72.4-.4 116.6-39.1 3.5-3.1 7-6.3 10.5-9.7 4.4 4.3 9 8.4 13.6 12.4 42.8 36.8 85.1 51.7 111.2 36.6 27-15.6 35.8-62.9 24.4-120.5-.9-4.4-1.9-8.9-3-13.5 3.2-.9 6.3-1.9 9.4-2.9 57.7-19.1 99.5-50 99.5-81.7 0-30.3-39.4-59.7-93.8-78.4zM282.9 92.3c37.2-32.4 71.9-45.1 87.7-36 16.9 9.7 23.4 48.9 12.8 100.4-.7 3.4-1.4 6.7-2.3 10-22.2-5-44.7-8.6-67.3-10.6-13-18.6-27.2-36.4-42.6-53.1 3.9-3.7 7.7-7.2 11.7-10.7zM167.2 307.5c5.1 8.7 10.3 17.4 15.8 25.9-15.6-1.7-31.1-4.2-46.4-7.5 4.4-14.4 9.9-29.3 16.3-44.5 4.6 8.8 9.3 17.5 14.3 26.1zm-30.3-120.3c14.4-3.2 29.7-5.8 45.6-7.8-5.3 8.3-10.5 16.8-15.4 25.4-4.9 8.5-9.7 17.2-14.2 26-6.3-14.9-11.6-29.5-16-43.6zm27.4 68.9c6.6-13.8 13.8-27.3 21.4-40.6s15.8-26.2 24.4-38.9c15-1.1 30.3-1.7 45.9-1.7s31 .6 45.9 1.7c8.5 12.6 16.6 25.5 24.3 38.7s14.9 26.7 21.7 40.4c-6.7 13.8-13.9 27.4-21.6 40.8-7.6 13.3-15.7 26.2-24.2 39-14.9 1.1-30.4 1.6-46.1 1.6s-30.9-.5-45.6-1.4c-8.7-12.7-16.9-25.7-24.6-39s-14.8-26.8-21.5-40.6zm180.6 51.2c5.1-8.8 9.9-17.7 14.6-26.7 6.4 14.5 12 29.2 16.9 44.3-15.5 3.5-31.2 6.2-47 8 5.4-8.4 10.5-17 15.5-25.6zm14.4-76.5c-4.7-8.8-9.5-17.6-14.5-26.2-4.9-8.5-10-16.9-15.3-25.2 16.1 2 31.5 4.7 45.9 8-4.6 14.8-10 29.2-16.1 43.4zM256.2 118.3c10.5 11.4 20.4 23.4 29.6 35.8-19.8-.9-39.7-.9-59.5 0 9.8-12.9 19.9-24.9 29.9-35.8zM140.2 57c16.8-9.8 54.1 4.2 93.4 39 2.5 2.2 5 4.6 7.6 7-15.5 16.7-29.8 34.5-42.9 53.1-22.6 2-45 5.5-67.2 10.4-1.3-5.1-2.4-10.3-3.5-15.5-9.4-48.4-3.2-84.9 12.6-94zm-24.5 263.6c-4.2-1.2-8.3-2.5-12.4-3.9-21.3-6.7-45.5-17.3-63-31.2-10.1-7-16.9-17.8-18.8-29.9 0-18.3 31.6-41.7 77.2-57.6 5.7-2 11.5-3.8 17.3-5.5 6.8 21.7 15 43 24.5 63.6-9.6 20.9-17.9 42.5-24.8 64.5zm116.6 98c-16.5 15.1-35.6 27.1-56.4 35.3-11.1 5.3-23.9 5.8-35.3 1.3-15.9-9.2-22.5-44.5-13.5-92 1.1-5.6 2.3-11.2 3.7-16.7 22.4 4.8 45 8.1 67.9 9.8 13.2 18.7 27.7 36.6 43.2 53.4-3.2 3.1-6.4 6.1-9.6 8.9zm24.5-24.3c-10.2-11-20.4-23.2-30.3-36.3 9.6.4 19.5.6 29.5.6 10.3 0 20.4-.2 30.4-.7-9.2 12.7-19.1 24.8-29.6 36.4zm130.7 30c-.9 12.2-6.9 23.6-16.5 31.3-15.9 9.2-49.8-2.8-86.4-34.2-4.2-3.6-8.4-7.5-12.7-11.5 15.3-16.9 29.4-34.8 42.2-53.6 22.9-1.9 45.7-5.4 68.2-10.5 1 4.1 1.9 8.2 2.7 12.2 4.9 21.6 5.7 44.1 2.5 66.3zm18.2-107.5c-2.8.9-5.6 1.8-8.5 2.6-7-21.8-15.6-43.1-25.5-63.8 9.6-20.4 17.7-41.4 24.5-62.9 5.2 1.5 10.2 3.1 15 4.7 46.6 16 79.3 39.8 79.3 58 0 19.6-34.9 44.9-84.8 61.4zm-149.7-15c25.3 0 45.8-20.5 45.8-45.8s-20.5-45.8-45.8-45.8c-25.3 0-45.8 20.5-45.8 45.8s20.5 45.8 45.8 45.8z\"\/><\/svg>                        <\/div>\n                        <div class=\"grid-block-grid-item-title-wrapper\">\n                            <p class=\"grid-block-grid-item-title\">\n                              React                            <\/p>\n                        <\/div>\n                                    <\/a>\n                            <\/div>\n                        <div class=\"grid-block-grid-item  has-link\">\n                                    <a class=\"grid-block-grid-item-inner\" href=\"https:\/\/codeandpepper.com\/tag\/digital-product-design\/\">\n                                        <div class=\"grid-block-item-icon-wrapper\">\n                            <svg version=\"1.1\"\r\n\t xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 72 72\"\r\n\t height=\"72\" width=\"72\" xml:space=\"preserve\">\r\n<g >\r\n\t<g  transform=\"translate(-280.000000, -338.000000)\">\r\n\t\t<g  transform=\"translate(280.000000, 338.000000)\">\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M44,31.8\r\n\t\t\t\tc0-4.4-3.6-7.9-8-7.9s-8,3.5-8,7.9c0,3.7,2.6,6.8,6,7.6V41h4v-1.6C41.4,38.6,44,35.5,44,31.8z\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M36.7,46.3h-1.3\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M38,43.7h-4\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M36,18.7v2.6\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M49.3,31.8h-2.7\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M22.7,31.8h2.7\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M25.6,21.6l2.8,2.8\"\/>\r\n\t\t\t<path  fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M46.4,21.6l-2.8,2.8\"\/>\r\n\t\t<\/g>\r\n\t<\/g>\r\n<\/g>\r\n<g>\r\n\t<path fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M8,50.6V17.3\r\n\t\tc0-2.2,1.8-4,4-4h47.8c2.2,0,4,1.8,4,4v33.2\"\/>\r\n\t<path fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M42.6,50.6v2.7H29.3\r\n\t\tv-2.7H5.4v5.3c0,1.5,1.2,2.7,2.7,2.7h55.8c1.5,0,2.7-1.2,2.7-2.7v-5.3H42.6z\"\/>\r\n<\/g>\r\n<\/svg>\r\n                        <\/div>\n                        <div class=\"grid-block-grid-item-title-wrapper\">\n                            <p class=\"grid-block-grid-item-title\">\n                              Product Design                            <\/p>\n                        <\/div>\n                                    <\/a>\n                            <\/div>\n            <\/div>\n\n<\/div>\n<\/section>\n<style type=\"text\/css\">\n  #icons-grid-v2-block-block_5fd8d0497cc2e {\n    background: ;\n    color: ;\n  }\n\n  <\/style>\n\n\n<section id=\"services-grid-v2-block-block_5fd8d72a7cc33\" class=\"grid-block services-grid-block-v2 block common-block alignfull\">\n  <div class=\"container\">\n\n    \n\n<h2 class=\"block-title section-title\">\n  Code &#038; Pepper services for Monet <\/h2>\n\n\n\n    <div class=\"grid-block-grid\">\n                <div class=\"grid-block-grid-item has-link\">\n            <a class=\"grid-block-grid-item-inner\" href=\"https:\/\/codeandpepper.com\/services\/ux-design-agency\/\">\n              <div class=\"grid-block-item-icon-wrapper\">\n                <svg version=\"1.1\"\r\n\t xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 72 72\"\r\n\t height=\"72\" width=\"72\" xml:space=\"preserve\">\r\n<g>\r\n\t<path fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M8,50.7V17.4\r\n\t\tc0-2.2,1.8-4,4-4h47.8c2.2,0,4,1.8,4,4v33.2\"\/>\r\n\t<path fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M42.6,50.7v2.7H29.3\r\n\t\tv-2.7H5.4V56c0,1.5,1.2,2.7,2.7,2.7h55.8c1.5,0,2.7-1.2,2.7-2.7v-5.3H42.6z\"\/>\r\n<\/g>\r\n<g>\r\n\r\n\t\t<rect x=\"13\" y=\"17.9\" fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" width=\"7.1\" height=\"28.4\"\/>\r\n\r\n\t\t<line fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"13\" y1=\"25\" x2=\"20.1\" y2=\"25\"\/>\r\n\r\n\t\t<line fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"13\" y1=\"32.1\" x2=\"20.1\" y2=\"32.1\"\/>\r\n\r\n\t\t<line fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"13\" y1=\"39.1\" x2=\"20.1\" y2=\"39.1\"\/>\r\n\t<polygon fill=\"none\" stroke=\"#009EE2\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" points=\"45.3,34.4 48.8,34.4 51.6,36.8\r\n\t\t59.5,36.8 59.5,46.2 45.3,46.2 \t\"\/>\r\n\r\n\t\t<line fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"32.5\" y1=\"32\" x2=\"49.6\" y2=\"22.4\"\/>\r\n\t<path fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M53.7,20.1\r\n\t\tc0.6,1.1,0.2,2.6-0.9,3.2c-1.1,0.6-2.6,0.2-3.2-0.9c-0.6-1.1-0.2-2.6,0.9-3.2C51.6,18.5,53.1,18.9,53.7,20.1z\"\/>\r\n\t<path fill=\"none\" stroke=\"#009EE2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M31.4,35.2\r\n\t\tc-1.2,0.6-2.6,0.1-3.2-1.1c-0.6-1.2-0.1-2.6,1.1-3.2s2.6-0.1,3.2,1.1C33,33.2,32.5,34.6,31.4,35.2z\"\/>\r\n<\/g>\r\n<\/svg>\r\n              <\/div>\n              <div class=\"grid-block-grid-item-title-wrapper\">\n                <p class=\"typography-title-s\">\n                  UI\/UX Design                <\/p>\n              <\/div>\n              <div class=\"grid-block-grid-item-description-wrapper\">\n                                  <p class=\"typography-body-smaller\">\n                    Creating the perfect feel and look that users love                  <\/p>\n                                <span class=\"plus-link\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 17 17\">\n    <path d=\"M7 0h3v17H7z\"\/>\n    <path d=\"M17 7v3H0V7z\"\/>\n<\/svg>\n                  <span>\n                    Read More                  <\/span>\n                <\/span>\n              <\/div>\n              <span class=\"grid-block-grid-item-plus-wrapper\">\n                <span class=\"background\"><\/span>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 17 17\">\n    <path d=\"M7 0h3v17H7z\"\/>\n    <path d=\"M17 7v3H0V7z\"\/>\n<\/svg>\n              <\/span>\n            <\/a>\n          <\/div>\n                <div class=\"grid-block-grid-item has-link\">\n            <a class=\"grid-block-grid-item-inner\" href=\"https:\/\/codeandpepper.com\/services\/fintech-mobile-app-development\/\">\n              <div class=\"grid-block-item-icon-wrapper\">\n                <svg version=\"1.1\"\r\n\t xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 70 70\"\r\n\t width=\"70\" height=\"70\" xml:space=\"preserve\">\r\n<g>\r\n\t<g>\r\n\t\t<path fill=\"none\" stroke=\"#009EE2\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M43.4,41.8l2.4-4.2l-2.4-1.4\r\n\t\t\tc0.3-1.4,0.3-2.5,0-3.9l2.4-1.4l-2.4-4.2L41,28.2c-0.9-0.9-2.1-1.5-3.4-1.9v-2.8h-4.8v2.8c-1.3,0.4-2.4,1-3.4,1.9L27,26.8L24.6,31\r\n\t\t\tl2.4,1.4c-0.3,1.4-0.3,2.5,0,3.9l-2.4,1.4l2.4,4.2l2.4-1.4c0.9,0.9,2.1,1.5,3.4,1.9v2.8h4.8v-2.8c1.3-0.4,2.4-1,3.4-1.9L43.4,41.8\r\n\t\t\tz\"\/>\r\n\t\t<circle fill=\"none\" stroke=\"#009EE2\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" cx=\"35.2\" cy=\"34.3\" r=\"3.6\"\/>\r\n\t<\/g>\r\n\t<g>\r\n\t\t<path fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M50.9,57.2\r\n\t\t\tc0,2.7-2.2,4.8-4.8,4.8H24.4c-2.7,0-4.8-2.2-4.8-4.8V11.4c0-2.7,2.2-4.8,4.8-4.8h21.7c2.7,0,4.8,2.2,4.8,4.8\r\n\t\t\tC50.9,11.4,50.9,57.2,50.9,57.2z\"\/>\r\n\r\n\t\t\t<line fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"50.9\" y1=\"16.2\" x2=\"19.6\" y2=\"16.2\"\/>\r\n\r\n\t\t\t<line fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"50.9\" y1=\"52.4\" x2=\"19.6\" y2=\"52.4\"\/>\r\n\r\n\t\t\t<line fill=\"none\" stroke=\"#272727\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"29.2\" y1=\"11.4\" x2=\"41.3\" y2=\"11.4\"\/>\r\n\t\t<path fill=\"none\" stroke=\"#272727\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M36.4,57.2c0,0.7-0.5,1.2-1.2,1.2l0,0\r\n\t\t\tc-0.7,0-1.2-0.5-1.2-1.2l0,0c0-0.7,0.5-1.2,1.2-1.2l0,0C35.9,56,36.4,56.5,36.4,57.2L36.4,57.2z\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<\/svg>\r\n              <\/div>\n              <div class=\"grid-block-grid-item-title-wrapper\">\n                <p class=\"typography-title-s\">\n                  Mobile App Development                <\/p>\n              <\/div>\n              <div class=\"grid-block-grid-item-description-wrapper\">\n                                  <p class=\"typography-body-smaller\">\n                    Applying our expertise to bring you a thriving product                  <\/p>\n                                <span class=\"plus-link\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 17 17\">\n    <path d=\"M7 0h3v17H7z\"\/>\n    <path d=\"M17 7v3H0V7z\"\/>\n<\/svg>\n                  <span>\n                    Read More                  <\/span>\n                <\/span>\n              <\/div>\n              <span class=\"grid-block-grid-item-plus-wrapper\">\n                <span class=\"background\"><\/span>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 17 17\">\n    <path d=\"M7 0h3v17H7z\"\/>\n    <path d=\"M17 7v3H0V7z\"\/>\n<\/svg>\n              <\/span>\n            <\/a>\n          <\/div>\n          <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section id=\"contact-block_5dad92c7f7782\" class=\"contact-block block common-block alignfull\">\n  <div class=\"container\">\n\n\n    \n  <svg class=\"wave\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"280\" height=\"9\" viewBox=\"0 0 280 9\">\n    <path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M0 3.6c2.88 0 4.18-.668 5.824-1.515C7.724 1.108 9.879 0 13.998 0c4.12 0 6.274 1.108 8.175 2.085 1.644.847 2.943 1.515 5.823 1.515 2.88 0 4.179-.668 5.824-1.515C35.72 1.108 37.874 0 41.995 0c4.12 0 6.274 1.108 8.174 2.085 1.645.847 2.945 1.515 5.824 1.515 2.88 0 4.18-.668 5.826-1.515C63.719 1.108 65.873 0 69.993 0c4.12 0 6.274 1.108 8.174 2.085 1.645.847 2.945 1.515 5.823 1.515 2.88 0 4.18-.668 5.825-1.515C91.715 1.108 93.87 0 97.99 0c4.12 0 6.273 1.108 8.174 2.085 1.645.847 2.945 1.515 5.823 1.515 2.88 0 4.178-.668 5.824-1.515 1.9-.977 4.054-2.085 8.173-2.085 4.12 0 6.273 1.108 8.174 2.085 1.646.847 2.945 1.515 5.825 1.515 2.88 0 4.18-.668 5.826-1.515 1.9-.977 4.055-2.085 8.175-2.085 4.12 0 6.273 1.108 8.174 2.085 1.646.847 2.945 1.515 5.825 1.515 2.88 0 4.179-.668 5.824-1.515 1.9-.977 4.054-2.085 8.175-2.085 4.12 0 6.274 1.108 8.175 2.085 1.646.847 2.946 1.515 5.826 1.515 2.88 0 4.18-.668 5.826-1.515 1.9-.977 4.054-2.085 8.175-2.085 4.12 0 6.273 1.108 8.174 2.085 1.646.847 2.945 1.515 5.825 1.515 2.881 0 4.18-.668 5.827-1.515 1.9-.977 4.056-2.085 8.176-2.085 4.121 0 6.276 1.108 8.177 2.085 1.646.847 2.946 1.515 5.827 1.515s4.181-.668 5.828-1.515C259.718 1.108 261.873 0 265.995 0c4.121 0 6.275 1.108 8.177 2.084 1.645.848 2.946 1.516 5.828 1.516V9h-.007l-5.252-.793c-1.129-.382-2.056-.848-2.919-1.291-1.646-.847-2.946-1.516-5.827-1.516-2.882 0-4.183.669-5.829 1.516-1.9.977-4.056 2.084-8.177 2.084-4.12 0-6.275-1.107-8.176-2.084-1.647-.847-2.947-1.516-5.828-1.516-2.88 0-4.18.669-5.827 1.516-1.9.977-4.055 2.084-8.176 2.084-4.12 0-6.273-1.107-8.175-2.084-1.645-.847-2.944-1.516-5.824-1.516s-4.18.669-5.826 1.516c-1.9.977-4.055 2.084-8.175 2.084-4.12 0-6.275-1.107-8.176-2.084-1.644-.847-2.945-1.516-5.825-1.516-2.88 0-4.18.669-5.825 1.516-1.9.977-4.054 2.084-8.174 2.084-4.12 0-6.274-1.107-8.176-2.084-1.644-.847-2.943-1.516-5.823-1.516-2.88 0-4.18.669-5.826 1.516-1.9.977-4.054 2.084-8.175 2.084-4.12 0-6.274-1.107-8.174-2.084-1.646-.847-2.946-1.516-5.825-1.516s-4.179.669-5.824 1.516c-1.9.977-4.053 2.084-8.173 2.084s-6.273-1.107-8.173-2.084c-1.645-.847-2.945-1.516-5.824-1.516-2.88 0-4.179.669-5.824 1.516C90.265 7.893 88.11 9 83.99 9c-4.12 0-6.273-1.107-8.173-2.084-1.645-.847-2.944-1.516-5.824-1.516s-4.18.669-5.825 1.516C62.268 7.893 60.113 9 55.993 9c-4.12 0-6.274-1.107-8.174-2.084-1.645-.847-2.945-1.516-5.824-1.516-2.88 0-4.18.669-5.825 1.516C34.27 7.893 32.116 9 27.996 9c-4.12 0-6.273-1.107-8.174-2.084-1.645-.847-2.945-1.516-5.824-1.516s-4.179.669-5.824 1.516C7.311 7.359 1.127 8.618 0 9\"\/>\n<\/svg>\n\n<h2 class=\"block-title section-title\">\n  Work with experienced designers and developers <\/h2>\n\n\n  <div class=\"block-description typography-body\">\n    <p>We deliver high-performing, reliable FinTech products fully aligned with your vision and goals.<br \/>Contact us and see for yourself.<\/p>\n  <\/div>\n\n    \n          <div class=\"contact-block-person\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"90\" height=\"90\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2024\/11\/Maxi-Wandel-On-line-90x90.png\" class=\"contact-block-person-image\" alt=\"Maxi Wandel - Head of Growth\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2024\/11\/Maxi-Wandel-On-line-90x90.png 90w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2024\/11\/Maxi-Wandel-On-line-150x150.png 150w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2024\/11\/Maxi-Wandel-On-line-140x140.png 140w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2024\/11\/Maxi-Wandel-On-line-160x160.png 160w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2024\/11\/Maxi-Wandel-On-line-136x136.png 136w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2024\/11\/Maxi-Wandel-On-line.png 200w\" sizes=\"auto, (max-width: 90px) 100vw, 90px\" \/>        <div class=\"contact-block-person-text\">\n          <div class=\"typography-title-m\">\n            Maxi Wandel          <\/div>\n          <div class=\"typography-body-medium\">\n            Head of Growth          <\/div>\n        <\/div>\n      <\/div>\n    \n\n    <form class=\"contact-form\" method=\"POST\" action=\"https:\/\/codeandpepper.com\/wp-admin\/admin-ajax.php\">\n            <amp-recaptcha-input layout=\"nodisplay\" name=\"recaptcha_token\" data-sitekey=\"6LeEo8cqAAAAABpahzrYQeEsO-xoutAjoIkrKpTB\" data-action=\"contact_block\"><\/amp-recaptcha-input>\n            <input type=\"hidden\" name=\"action\" value=\"contact_block_submit\" \/>\n      <input type=\"hidden\" name=\"block\" value=\"smallContactForm\" \/>\n      <input id=\"contact-block_5dad92c7f7782-email\" type=\"email\" name=\"email\" placeholder=\"Email\" class=\"gtm_form_input\" required>\n      <label for=\"contact-block_5dad92c7f7782-email\" class=\"contact-block-hidden-label\">Email<\/label>\n      <input id=\"contact-block_5dad92c7f7782-name\" type=\"text\" name=\"name\" placeholder=\"Full name\" class=\"gtm_form_input\" required>\n      <label for=\"contact-block_5dad92c7f7782-name\" class=\"contact-block-hidden-label\">\n        Full name      <\/label>\n\n      <input type=\"submit\" name=\"submit\" value=\"let's talk\" class=\"gtm_form_submit btn-big\">\n\n      <div submitting>\n      <\/div>\n      <div id=\"TYPSmallForm\" class=\"submit-msg submit-success\" submit-success>\n        <template type=\"amp-mustache\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\">\n    <g fill=\"none\" fill-rule=\"evenodd\">\n        <g stroke=\"#FFF\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" transform=\"translate(1 1)\">\n            <path d=\"M17 8.5l-7.5 7L7 13\"\/>\n            <circle cx=\"12\" cy=\"12\" r=\"11.5\"\/>\n        <\/g>\n        <path d=\"M1 1h24v24H1z\"\/>\n    <\/g>\n<\/svg>\n          Your message has been sent. We will get back to you as soon as possible.\n        <\/template>\n      <\/div>\n      <div id=\"ErrorSmallForm\" class=\"submit-msg submit-error\" submit-error>\n        <template type=\"amp-mustache\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\">\n    <g fill=\"none\" fill-rule=\"evenodd\">\n        <g stroke=\"currentColor\" stroke-linejoin=\"round\">\n            <path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M23.498 12.31c.105 6.075-4.923 11.086-10.998 11.192-6.074.104-10.893-4.734-10.998-10.81C1.396 6.619 6.426 1.606 12.5 1.502c6.074-.106 10.893 4.734 10.998 10.808zM12.5 14V7\"\/>\n            <path fill=\"currentColor\" stroke-width=\"1.5\" d=\"M13 17.5a.5.5 0 0 1-1 0 .5.5 0 0 1 1 0z\"\/>\n        <\/g>\n        <path d=\"M1 0h24v24H1z\"\/>\n    <\/g>\n<\/svg>\n          Oops! Something went wrong. Please try again later.\n        <\/template>\n      <\/div>\n    <\/form>\n\n\n  <\/div>\n<\/section>\n<style type=\"text\/css\">\n  #contact-block_5dad92c7f7782 {\n    background: #009fe3;\n    color: #ffffff;\n  }\n\n  #contact-block_5dad92c7f7782svg {\n    color: #ffffff;\n  }\n<\/style>\n\n<section id=\"case-study-block-block_5d6b9da6ea696\" class=\"case-study-block block common-block alignfull\">\n<div class=\"container\">\n\n\n  <svg class=\"wave\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"280\" height=\"9\" viewBox=\"0 0 280 9\">\n    <path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M0 3.6c2.88 0 4.18-.668 5.824-1.515C7.724 1.108 9.879 0 13.998 0c4.12 0 6.274 1.108 8.175 2.085 1.644.847 2.943 1.515 5.823 1.515 2.88 0 4.179-.668 5.824-1.515C35.72 1.108 37.874 0 41.995 0c4.12 0 6.274 1.108 8.174 2.085 1.645.847 2.945 1.515 5.824 1.515 2.88 0 4.18-.668 5.826-1.515C63.719 1.108 65.873 0 69.993 0c4.12 0 6.274 1.108 8.174 2.085 1.645.847 2.945 1.515 5.823 1.515 2.88 0 4.18-.668 5.825-1.515C91.715 1.108 93.87 0 97.99 0c4.12 0 6.273 1.108 8.174 2.085 1.645.847 2.945 1.515 5.823 1.515 2.88 0 4.178-.668 5.824-1.515 1.9-.977 4.054-2.085 8.173-2.085 4.12 0 6.273 1.108 8.174 2.085 1.646.847 2.945 1.515 5.825 1.515 2.88 0 4.18-.668 5.826-1.515 1.9-.977 4.055-2.085 8.175-2.085 4.12 0 6.273 1.108 8.174 2.085 1.646.847 2.945 1.515 5.825 1.515 2.88 0 4.179-.668 5.824-1.515 1.9-.977 4.054-2.085 8.175-2.085 4.12 0 6.274 1.108 8.175 2.085 1.646.847 2.946 1.515 5.826 1.515 2.88 0 4.18-.668 5.826-1.515 1.9-.977 4.054-2.085 8.175-2.085 4.12 0 6.273 1.108 8.174 2.085 1.646.847 2.945 1.515 5.825 1.515 2.881 0 4.18-.668 5.827-1.515 1.9-.977 4.056-2.085 8.176-2.085 4.121 0 6.276 1.108 8.177 2.085 1.646.847 2.946 1.515 5.827 1.515s4.181-.668 5.828-1.515C259.718 1.108 261.873 0 265.995 0c4.121 0 6.275 1.108 8.177 2.084 1.645.848 2.946 1.516 5.828 1.516V9h-.007l-5.252-.793c-1.129-.382-2.056-.848-2.919-1.291-1.646-.847-2.946-1.516-5.827-1.516-2.882 0-4.183.669-5.829 1.516-1.9.977-4.056 2.084-8.177 2.084-4.12 0-6.275-1.107-8.176-2.084-1.647-.847-2.947-1.516-5.828-1.516-2.88 0-4.18.669-5.827 1.516-1.9.977-4.055 2.084-8.176 2.084-4.12 0-6.273-1.107-8.175-2.084-1.645-.847-2.944-1.516-5.824-1.516s-4.18.669-5.826 1.516c-1.9.977-4.055 2.084-8.175 2.084-4.12 0-6.275-1.107-8.176-2.084-1.644-.847-2.945-1.516-5.825-1.516-2.88 0-4.18.669-5.825 1.516-1.9.977-4.054 2.084-8.174 2.084-4.12 0-6.274-1.107-8.176-2.084-1.644-.847-2.943-1.516-5.823-1.516-2.88 0-4.18.669-5.826 1.516-1.9.977-4.054 2.084-8.175 2.084-4.12 0-6.274-1.107-8.174-2.084-1.646-.847-2.946-1.516-5.825-1.516s-4.179.669-5.824 1.516c-1.9.977-4.053 2.084-8.173 2.084s-6.273-1.107-8.173-2.084c-1.645-.847-2.945-1.516-5.824-1.516-2.88 0-4.179.669-5.824 1.516C90.265 7.893 88.11 9 83.99 9c-4.12 0-6.273-1.107-8.173-2.084-1.645-.847-2.944-1.516-5.824-1.516s-4.18.669-5.825 1.516C62.268 7.893 60.113 9 55.993 9c-4.12 0-6.274-1.107-8.174-2.084-1.645-.847-2.945-1.516-5.824-1.516-2.88 0-4.18.669-5.825 1.516C34.27 7.893 32.116 9 27.996 9c-4.12 0-6.273-1.107-8.174-2.084-1.645-.847-2.945-1.516-5.824-1.516s-4.179.669-5.824 1.516C7.311 7.359 1.127 8.618 0 9\"\/>\n<\/svg>\n\n<h2 class=\"block-title section-title\">\n  See next case study <\/h2>\n\n\n\n<article id=\"post-26398\" class=\"case-study-item post-26398 case_study type-case_study status-publish has-post-thumbnail hentry case_service-fintech-development solution-google-cloud-platform solution-react-native solution-typescript location-amman\">\n  <div class=\"row\">\n    <div class=\"column tablet-6\">\n      <h3 class=\"case-study-title section-title\">\n        <a href=\"https:\/\/codeandpepper.com\/case-studies\/fintech-app-development-jordan\/\">\n          Dinarak        <\/a>\n      <\/h3>\n              <div class=\"case-study-location\">\n                      <span class=\"flag\" style=\"background-image: url(https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Amman_Jordan_Flag.png);\"><\/span>\n                    <span class=\"name\">Amman, Jordan<\/span>\n        <\/div>\n            <a class=\"case-study-image-mobile\" href=\"https:\/\/codeandpepper.com\/case-studies\/fintech-app-development-jordan\/\" aria-label=\"Dinarak\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"361\" height=\"203\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-361x203.jpg\" class=\"attachment-case-study-thumbnail size-case-study-thumbnail wp-post-image\" alt=\"dinarak case study screens\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-361x203.jpg 361w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-300x169.jpg 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-1024x576.jpg 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-768x432.jpg 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-1536x864.jpg 1536w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-80x45.jpg 80w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-110x62.jpg 110w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-433x244.jpg 433w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-178x100.jpg 178w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-720x405.jpg 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-864x486.jpg 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-432x243.jpg 432w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02.jpg 1920w\" sizes=\"auto, (max-width: 361px) 100vw, 361px\" \/>      <\/a>\n      <p class=\"case-study-lead typography-body\">\n        Providing an affordable and simple mobile payments solution that can make lives easier. Even for the unbanked communities.      <\/p>\n              <div class=\"services case-study-terms has-title\">\n                          <span class=\"title\">Industry:<\/span>\n                        <span class=\"terms\">\n            <nobr>FinTech Development<\/nobr>            <\/span>\n        <\/div>\n            <div class=\"solutions case-study-terms has-title\">\n                          <span class=\"title\">Technology:<\/span>\n                        <span class=\"terms\">\n            <nobr>Google Cloud Platform<\/nobr>, <nobr>React Native<\/nobr>, <nobr>TypeScript<\/nobr>            <\/span>\n        <\/div>\n          <a class=\"case-study-plus-link plus-link\" rel=\"nofollow\" aria-label=\"Dinarak\" href=\"https:\/\/codeandpepper.com\/case-studies\/fintech-app-development-jordan\/\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 17 17\">\n    <path d=\"M7 0h3v17H7z\"\/>\n    <path d=\"M17 7v3H0V7z\"\/>\n<\/svg>\n        <span>Read More<\/span>\n      <\/a>\n    <\/div>\n    <div class=\"column tablet-6 case-study-image-wrap\">\n      <a class=\"case-study-image-desktop\" href=\"https:\/\/codeandpepper.com\/case-studies\/fintech-app-development-jordan\/\" aria-label=\"Dinarak\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"433\" height=\"244\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-433x244.jpg\" class=\"attachment-case-study-thumbnail-desktop size-case-study-thumbnail-desktop wp-post-image\" alt=\"dinarak case study screens\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-433x244.jpg 433w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-300x169.jpg 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-1024x576.jpg 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-768x432.jpg 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-1536x864.jpg 1536w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-80x45.jpg 80w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-110x62.jpg 110w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-361x203.jpg 361w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-178x100.jpg 178w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-720x405.jpg 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-864x486.jpg 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02-432x243.jpg 432w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/Dinarak_screens_02.jpg 1920w\" sizes=\"auto, (max-width: 433px) 100vw, 433px\" \/>      <\/a>\n    <\/div>\n  <\/div>\n<\/article>\n<\/div>\n<\/section>\n","protected":false},"featured_media":27155,"template":"","case_service":[7901],"solution":[1634,115,71,1466],"location":[2059],"class_list":["post-27153","case_study","type-case_study","status-publish","has-post-thumbnail","hentry","case_service-fintech-development","solution-aws","solution-node-js","solution-react","solution-typescript","location-isle-of-man"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Monet UX\/UI Design. Case Study | Code &amp; Pepper<\/title>\n<meta name=\"description\" content=\"How to equip a FinTech app with excellent UX\/UI design and a bold look that attracts young creators? Read our case study on Monet&#039;s design.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codeandpepper.com\/case-studies\/monet\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Monet UX\/UI Design. Case Study | Code &amp; Pepper\" \/>\n<meta property=\"og:description\" content=\"How to equip a FinTech app with excellent UX\/UI design and a bold look that attracts young creators? Read our case study on Monet&#039;s design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codeandpepper.com\/case-studies\/monet\/\" \/>\n<meta property=\"og:site_name\" content=\"Code &amp; Pepper\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codeandpepper\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-21T20:42:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@codeandpepper\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codeandpepper.com\/case-studies\/monet\/#article\",\"url\":\"https:\/\/codeandpepper.com\/case-studies\/monet\/\",\"name\":\"Monet UX\/UI Design. Case Study | Code &amp; Pepper\",\"isPartOf\":{\"@id\":\"https:\/\/codeandpepper.com\/#website\"},\"image\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02.jpeg\",\"thumbnailUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02-361x203.jpeg\",\"datePublished\":\"2021-10-20T07:24:09+00:00\",\"dateModified\":\"2024-11-21T20:42:51+00:00\",\"description\":\"How to equip a FinTech app with excellent UX\/UI design and a bold look that attracts young creators? Read our case study on Monet's design.\",\"breadcrumb\":{\"@id\":\"https:\/\/codeandpepper.com\/case-studies\/monet\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codeandpepper.com\/case-studies\/monet\/\"]}],\"author\":{\"@type\":\"Organization\",\"name\":\"Code & Pepper\",\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/codeandpepper.com#logo\",\"url\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png\"}},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Code & Pepper\",\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/codeandpepper.com#logo\",\"url\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png\"}},\"headline\":\"How to design an easy-to-navigate cash flow management platform that draws in busy creators\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codeandpepper.com\/case-studies\/monet\/#webpage\",\"url\":\"https:\/\/codeandpepper.com\/case-studies\/monet\/\"}},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeandpepper.com\/case-studies\/monet\/#primaryimage\",\"url\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02.jpeg\",\"contentUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02.jpeg\",\"width\":1200,\"height\":675,\"caption\":\"UI\/UX design for Monet\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codeandpepper.com\/case-studies\/monet\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codeandpepper.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Monet\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codeandpepper.com\/#website\",\"url\":\"https:\/\/codeandpepper.com\/\",\"name\":\"Code & Pepper\",\"description\":\"FinTech Developers\",\"publisher\":{\"@id\":\"https:\/\/codeandpepper.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codeandpepper.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codeandpepper.com\/#organization\",\"name\":\"Code & Pepper\",\"url\":\"https:\/\/codeandpepper.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png\",\"contentUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png\",\"width\":319,\"height\":144,\"caption\":\"Code & Pepper\"},\"image\":{\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codeandpepper\/\",\"https:\/\/x.com\/codeandpepper\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Monet UX\/UI Design. Case Study | Code &amp; Pepper","description":"How to equip a FinTech app with excellent UX\/UI design and a bold look that attracts young creators? Read our case study on Monet's design.","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:\/\/codeandpepper.com\/case-studies\/monet\/","og_locale":"en_US","og_type":"article","og_title":"Monet UX\/UI Design. Case Study | Code &amp; Pepper","og_description":"How to equip a FinTech app with excellent UX\/UI design and a bold look that attracts young creators? Read our case study on Monet's design.","og_url":"https:\/\/codeandpepper.com\/case-studies\/monet\/","og_site_name":"Code &amp; Pepper","article_publisher":"https:\/\/www.facebook.com\/codeandpepper\/","article_modified_time":"2024-11-21T20:42:51+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02.jpeg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@codeandpepper","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codeandpepper.com\/case-studies\/monet\/#article","url":"https:\/\/codeandpepper.com\/case-studies\/monet\/","name":"Monet UX\/UI Design. Case Study | Code &amp; Pepper","isPartOf":{"@id":"https:\/\/codeandpepper.com\/#website"},"image":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02.jpeg","thumbnailUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02-361x203.jpeg","datePublished":"2021-10-20T07:24:09+00:00","dateModified":"2024-11-21T20:42:51+00:00","description":"How to equip a FinTech app with excellent UX\/UI design and a bold look that attracts young creators? Read our case study on Monet's design.","breadcrumb":{"@id":"https:\/\/codeandpepper.com\/case-studies\/monet\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codeandpepper.com\/case-studies\/monet\/"]}],"author":{"@type":"Organization","name":"Code & Pepper","logo":{"@type":"ImageObject","@id":"https:\/\/codeandpepper.com#logo","url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png"}},"publisher":{"@type":"Organization","name":"Code & Pepper","logo":{"@type":"ImageObject","@id":"https:\/\/codeandpepper.com#logo","url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png"}},"headline":"How to design an easy-to-navigate cash flow management platform that draws in busy creators","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/codeandpepper.com\/case-studies\/monet\/#webpage","url":"https:\/\/codeandpepper.com\/case-studies\/monet\/"}},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeandpepper.com\/case-studies\/monet\/#primaryimage","url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02.jpeg","contentUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/10\/MONET_screens_02.jpeg","width":1200,"height":675,"caption":"UI\/UX design for Monet"},{"@type":"BreadcrumbList","@id":"https:\/\/codeandpepper.com\/case-studies\/monet\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codeandpepper.com\/"},{"@type":"ListItem","position":2,"name":"Monet"}]},{"@type":"WebSite","@id":"https:\/\/codeandpepper.com\/#website","url":"https:\/\/codeandpepper.com\/","name":"Code & Pepper","description":"FinTech Developers","publisher":{"@id":"https:\/\/codeandpepper.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codeandpepper.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codeandpepper.com\/#organization","name":"Code & Pepper","url":"https:\/\/codeandpepper.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/","url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png","contentUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png","width":319,"height":144,"caption":"Code & Pepper"},"image":{"@id":"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codeandpepper\/","https:\/\/x.com\/codeandpepper"]}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/case_study\/27153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/case_study"}],"about":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/types\/case_study"}],"version-history":[{"count":31,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/case_study\/27153\/revisions"}],"predecessor-version":[{"id":54282,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/case_study\/27153\/revisions\/54282"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/media\/27155"}],"wp:attachment":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/media?parent=27153"}],"wp:term":[{"taxonomy":"case_service","embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/case_service?post=27153"},{"taxonomy":"solution","embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/solution?post=27153"},{"taxonomy":"location","embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/location?post=27153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}