{"id":15437,"date":"2024-04-24T14:48:57","date_gmt":"2024-04-24T14:48:57","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=15437"},"modified":"2026-01-14T12:48:31","modified_gmt":"2026-01-14T12:48:31","slug":"case-study-identity-product-design-financial-app","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/case-study-identity-product-design-financial-app\/","title":{"rendered":"Case Study: Serra. Identity and Product Design for Financial App"},"content":{"rendered":"<p>This case study presents one more <a href=\"https:\/\/blog.tubikstudio.com\/tag\/fintech\/\">fintech project<\/a> in our portfolio: here, we invite you to take a glance at the brand identity and product design created for the financial application Serra.<\/p>\n<p><iframe loading=\"lazy\" title=\"Serra Identity and UI\/UX Design by tubik\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/TAKj_W95zPU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2>Client and Project<\/h2>\n<p><a href=\"https:\/\/www.getserra.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Serra<\/a> is an iOS\/Android app that aims to build a culturally aware financial application from the ground up in Montserrat (the Caribbean region) by solving locals\u2019 real-life challenges.<\/p>\n<p>Serra\u2019s goal was to create a mobile finance ecosystem for Monserrat locals. The target audience is not quite used to mobile banking and sees banking as a rather complex and unapproachable service. So, our task was to create an identity and product design that would be welcoming, user-oriented, not complicated, and very approachable.<\/p>\n<p>The creative team from the tubik side included Vladyslav Taran, Anton Morozov, Anton Chyrskyi, Roman Chornyi, Mykyta Litinskyi, Kirill Erokhin, Ladamyra Kunytsia, Olya Zakharyan, and Anastasiia Iliashevych.<\/p>\n<p>The project&#8217;s scope involved creating brand identity, web design, product design, and motion design. To cover it, we took the following steps:<\/p>\n<ul>\n<li>researching and analyzing the common money transaction patterns of the Monserrat local<\/li>\n<li>designing a friendly and emotionally appealing brand identity emphasizing the simple and amiable nature of the service<\/li>\n<li>developing a set of graphic elements that imitate hand drawing, which adds a human touch to fintech<\/li>\n<li>designing an intuitive mobile application with QR-code-based P2P and merchant payments<\/li>\n<li>creating a website based on the key identity element of a ribbon, which represents continuous money transfers<\/li>\n<\/ul>\n<h2>Identity Design<\/h2>\n<p>The brand identity design was based on the analysis of the target audience&#8217;s needs and features, which in this case were quite specific due to the fact that the service aimed to be fine-tuned for a local community that was not accustomed to cashless operations and digital finance management. So, the brand image strived to be perceived and was built around a set of characteristics such as reliability, friendliness, speed, modernity, flexibility, and accessibility. The visual identity should be clean and straightforward, employing modern typography and lifestyle photos.<\/p>\n<p>The brand logo was created to be bold, minimalist, and legible in various sizes. It is a wordmark featuring the brand name and mixing typographic and calligraphic approaches. The calligraphic curves added an association with handwriting, making the logo more emotional and closer to users.<\/p>\n<p><iframe loading=\"lazy\" title=\"serra finance app identity logo tubik\" src=\"https:\/\/player.vimeo.com\/video\/916731153?h=76690a1221&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" title=\"serra fintech case study design tubik\" src=\"https:\/\/player.vimeo.com\/video\/916731085?h=9375acb865&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>The color palette is close to nature and shares vibes of trustworthiness and friendliness, with a bunch of greens and a contrastive orange color for visual accents. The brand typography choice fell on neat and readable Mabry Pro.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15444\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-colors.jpg\" alt=\"serra identity by tubik colors\" width=\"1600\" height=\"900\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-colors.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-colors-300x169.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-colors-768x432.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-colors-1024x576.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-colors-150x84.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15445\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-fonts.jpg\" alt=\"serra identity by tubik fonts\" width=\"1600\" height=\"901\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-fonts.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-fonts-300x169.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-fonts-768x432.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-fonts-1024x577.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-fonts-150x84.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>The calligraphic element adding a pinch of uniqueness to the logo design also became a basic for the graphic doodle visually associated with a kind of ribbon or wave and uniting all the elements of brand communication, from logo to marketing graphics, product design and web design. Another important visual element of branding was the approach to photo content, which aimed to add a human element and set a strong emotional connection with the users. Here&#8217;s what it looks like and how it works at different touchpoints.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15446\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-graphics.jpg\" alt=\"serra identity by tubik graphics\" width=\"1600\" height=\"1028\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-graphics.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-graphics-300x193.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-graphics-768x493.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-graphics-1024x658.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-graphics-150x96.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15440\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-app-advertising-poster-design-tubik.jpg\" alt=\"serra app advertising poster design tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-app-advertising-poster-design-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-app-advertising-poster-design-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-app-advertising-poster-design-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-app-advertising-poster-design-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-app-advertising-poster-design-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><em>Outdoor advertising banner design<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15442\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-social-media-tubik.jpg\" alt=\"serra finance app social media tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-social-media-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-social-media-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-social-media-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-social-media-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-social-media-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><em>Social media marketing approach<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15447\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-social-network.jpg\" alt=\"serra identity by tubik social network\" width=\"1600\" height=\"900\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-social-network.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-social-network-300x169.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-social-network-768x432.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-social-network-1024x576.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-identity-by-tubik-social-network-150x84.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><em>Social media marketing approach<\/em><\/p>\n<h2>Mobile Application Design<\/h2>\n<p>As the core target audience was quite limited and clear in its preferences and background, the major objective behind product design was to make the user interface and interactions as intuitive and clear as possible. The application applies the brand colors in combination with black and white, which allows for effective playing with contrast. Solid visual hierarchy, mastering negative space usage and easy-to-understand interactive elements do their job of making the app user-friendly and trustworthy even for people with little background in using fintech products.<\/p>\n<p><iframe loading=\"lazy\" title=\"serra finance app branding tubik design\" src=\"https:\/\/player.vimeo.com\/video\/916730992?h=886c7e75f2&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15443\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-fintech-app-tubik.jpg\" alt=\"serra fintech app tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-fintech-app-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-fintech-app-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-fintech-app-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-fintech-app-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-fintech-app-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>One of the emotionally appealing and stylish details of the app design approach is the integration of custom-drawn graphic elements and icons that also remind doodles or graphics created by hand. And for better customization goals, the design provides the choice of light and dark themes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15441\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-design-tubik.jpg\" alt=\"serra finance app design tubik\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-design-tubik.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-design-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-design-tubik-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-design-tubik-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-design-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><iframe loading=\"lazy\" title=\"serra finance mobile application tubik\" src=\"https:\/\/player.vimeo.com\/video\/916731116?h=2ef1ed173d&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<h2>Website Design<\/h2>\n<p>Another stage was creating a website that would strengthen the online presence of the <a href=\"https:\/\/blog.tubikstudio.com\/mobile-app-branding-tips-strategies-and-examples\/\">mobile application brand<\/a>. The design is focused on getting the visitors acquainted with what the application looks like, how it works, and, most importantly, how it solves the problems of slow payments and dealing with cash for both individual users and small business owners. So, in this case, there is no place for intriguing or mystic engagement; instead, the home page&#8217;s hero section from the first seconds informs about the essence of the product in the tagline and description text block and shows the interface of the application. Each section uncovers more benefits, all of which are also united with the branded ribbon line, symbolizing the smoothness of financial operations and the ability to deal with diverse situations without pitfalls.<\/p>\n<p><iframe loading=\"lazy\" title=\"serra finance app landing page design tubik\" src=\"https:\/\/player.vimeo.com\/video\/916731133?h=b2b307ece4&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>Therefore, the branded graphics, the mobile application design, and the website together present a consistent design system that sets a solid foundation for brand recognizability and memorability.<\/p>\n<p>New\u00a0<a href=\"https:\/\/blog.tubikstudio.com\/category\/case_study\/\">design case studies<\/a>\u00a0from our team are coming soon. Stay tuned!<\/p>\n<h2>More Design Case Studies<\/h2>\n<p>Here\u2019s a set of more case studies sharing the design solutions and approaches for some of the design projects done by the Tubik team.<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ecommerce-website-design-for-brewery\/\">MOVA Brewery. Ecommerce Website Design for Beer Producer<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-website-design-3d-animation-for-prostheses-producer\/\">HP23. Website and 3D Animation for Prostheses Producer<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-web-design-healthtech-product\/\">FluxWear. Web Design and Development for Health Tech Product<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ui-design-process-video\/\">UI Design Process for Web and Mobile: 3 Detailed Video Cases<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/web-design-educational-platform\/\">Magma Math. Web Design for Educational Platform<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-web-design-synthetic-data-platform\/\">Synthesized 2.0. Web Design for High-Quality Synthetic Data Platform<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/brand-identity-hotel-offers-service\/\">HotelCard. Brand Identity for Hotel Offers Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-ux-design-healthcare-service\/\">Nibble Health. Identity and UX Design for Healthcare Fintech Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/physica-magazine-web-design-scientific-blog\/\">Physica Magazine. Web Design and Graphics for Scientific Blog<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-website-design-golf-management-service\/\">ProAgenda. Identity and Website Design for Golf Management Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-product-design-food-marketplace\/\">Kaiten. Identity and Product Design for Food Marketplace<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/website-design-electrical-engineering-service\/\">THT. Website Design for Electrical Engineering Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/website-design-for-podcast\/\">Nonconventional Show. Website Design for Podcast<\/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","protected":false},"excerpt":{"rendered":"<p>Check the creative process on brand identity and user experience design for the financial application Serra, from logo and marketing graphics to mobile app and website.<\/p>\n","protected":false},"author":3,"featured_media":15441,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,4,9],"tags":[319,621,331,20,365,44,440,47,447,100,457,123,468,127,479,138,482,147,485,186,487,187,491,212,502,239,515,256,533,299,597],"coauthors":[635],"class_list":["post-15437","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-branding","category-case_study","category-ui_ux","tag-mobile-app","tag-visual-identity","tag-mobile-ui","tag-app-design","tag-product-design","tag-brand-identity","tag-tubik","tag-branding","tag-tubik-studio","tag-design","tag-ui","tag-design-for-business","tag-ui-design-process","tag-design-for-marketing","tag-usability","tag-design-process","tag-user-experience","tag-design-studio","tag-user-experience-design","tag-finance","tag-user-experience-design-process","tag-finance-management","tag-user-interface","tag-graphic-design","tag-ux","tag-identity-design","tag-uxui","tag-interaction-design","tag-web-design","tag-logo-design","tag-fintech"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case Study: Serra. Identity and Product Design for Financial App<\/title>\n<meta name=\"description\" content=\"Creative process on brand identity and user experience design for the financial application Serra, from logo and marketing graphics to mobile app and website.\" \/>\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-identity-product-design-financial-app\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: Serra. Identity and Product Design for Financial App\" \/>\n<meta property=\"og:description\" content=\"Creative process on brand identity and user experience design for the financial application Serra, from logo and marketing graphics to mobile app and website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/case-study-identity-product-design-financial-app\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-24T14:48:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-14T12:48:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-design-tubik.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=\"7 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-identity-product-design-financial-app\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/case-study-identity-product-design-financial-app\/\",\"name\":\"Case Study: Serra. Identity and Product Design for Financial App\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-identity-product-design-financial-app\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-identity-product-design-financial-app\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-design-tubik.jpg\",\"datePublished\":\"2024-04-24T14:48:57+00:00\",\"dateModified\":\"2026-01-14T12:48:31+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"Creative process on brand identity and user experience design for the financial application Serra, from logo and marketing graphics to mobile app and website.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-identity-product-design-financial-app\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/case-study-identity-product-design-financial-app\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-identity-product-design-financial-app\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-design-tubik.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-design-tubik.jpg\",\"width\":1600,\"height\":1200,\"caption\":\"serra finance app design tubik\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-identity-product-design-financial-app\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Serra. Identity and Product Design for Financial App\"}]},{\"@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: Serra. Identity and Product Design for Financial App","description":"Creative process on brand identity and user experience design for the financial application Serra, from logo and marketing graphics to mobile app and website.","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-identity-product-design-financial-app\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: Serra. Identity and Product Design for Financial App","og_description":"Creative process on brand identity and user experience design for the financial application Serra, from logo and marketing graphics to mobile app and website.","og_url":"https:\/\/tubikstudio.com\/blog\/case-study-identity-product-design-financial-app\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2024-04-24T14:48:57+00:00","article_modified_time":"2026-01-14T12:48:31+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-design-tubik.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/case-study-identity-product-design-financial-app\/","url":"https:\/\/tubikstudio.com\/blog\/case-study-identity-product-design-financial-app\/","name":"Case Study: Serra. Identity and Product Design for Financial App","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-identity-product-design-financial-app\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-identity-product-design-financial-app\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-design-tubik.jpg","datePublished":"2024-04-24T14:48:57+00:00","dateModified":"2026-01-14T12:48:31+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"Creative process on brand identity and user experience design for the financial application Serra, from logo and marketing graphics to mobile app and website.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-identity-product-design-financial-app\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/case-study-identity-product-design-financial-app\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/case-study-identity-product-design-financial-app\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-design-tubik.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2024\/02\/serra-finance-app-design-tubik.jpg","width":1600,"height":1200,"caption":"serra finance app design tubik"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/case-study-identity-product-design-financial-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: Serra. Identity and Product Design for Financial App"}]},{"@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\/15437","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=15437"}],"version-history":[{"count":13,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/15437\/revisions"}],"predecessor-version":[{"id":16873,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/15437\/revisions\/16873"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/15441"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=15437"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=15437"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=15437"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=15437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}