{"id":33738,"date":"2025-12-01T16:53:55","date_gmt":"2025-12-01T15:53:55","guid":{"rendered":"https:\/\/www.davidpraznik.com\/?post_type=portfolio&#038;p=33738"},"modified":"2026-01-13T22:58:29","modified_gmt":"2026-01-13T22:58:29","slug":"mobile-banking-and-trading-app","status":"publish","type":"portfolio","link":"https:\/\/davidpraznik.com\/en\/portfolio\/mobilna-bancna-aplikacija-za-trgovanje-s-financnimi-instrumenti\/","title":{"rendered":"Mobile Banking Application for Trading Financial Instruments"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"33738\" class=\"elementor elementor-33738\" data-elementor-post-type=\"portfolio\">\n\t\t\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-841880d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"841880d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b59655f\" data-id=\"b59655f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f362f53 elementor-widget elementor-widget-video\" data-id=\"f362f53\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/www.davidpraznik.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/trading-aplikacija-davidpraznik.png&quot;,&quot;id&quot;:33804,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;Mobilna ban\\u010dna aplikacija za trgovanje s finan\\u010dnimi instrumenti&quot;,&quot;source&quot;:&quot;library&quot;},&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/www.davidpraznik.com\/wp-content\/uploads\/2025\/12\/trading-aplikacija.mp4\" autoplay=\"\" loop=\"\" controls=\"\" playsinline=\"\" controlslist=\"nodownload\" poster=\"https:\/\/www.davidpraznik.com\/wp-content\/uploads\/2025\/12\/trading-aplikacija-davidpraznik.png\"><\/video>\n\t\t\t\t\t\t<div class=\"elementor-custom-embed-image-overlay\" style=\"background-image: url(https:\/\/davidpraznik.com\/wp-content\/uploads\/2025\/12\/trading-aplikacija-davidpraznik.png);\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-custom-embed-play\" role=\"button\" aria-label=\"Play Video about Mobile banking app for trading financial instruments\" tabindex=\"0\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-play\" viewbox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M838 162C746 71 633 25 500 25 371 25 258 71 163 162 71 254 25 367 25 500 25 633 71 746 163 837 254 929 367 979 500 979 633 979 746 933 838 837 929 746 975 633 975 500 975 367 929 254 838 162M808 192C892 279 933 379 933 500 933 621 892 725 808 808 725 892 621 938 500 938 379 938 279 896 196 808 113 725 67 621 67 500 67 379 108 279 196 192 279 108 383 62 500 62 621 62 721 108 808 192M438 392V642L642 517 438 392Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-47c318c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"47c318c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-35a25a2\" data-id=\"35a25a2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0c8aa6f elementor-widget elementor-widget-text-editor\" data-id=\"0c8aa6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Client<br \/><\/strong>Razum d.o.o.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-8595917\" data-id=\"8595917\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4926278 elementor-widget elementor-widget-text-editor\" data-id=\"4926278\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Type of cooperation<\/strong><br \/>Full-time employment, onsite<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-607d672 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"607d672\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-28546cf\" data-id=\"28546cf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-459d181 elementor-widget elementor-widget-text-editor\" data-id=\"459d181\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Main contributions<br \/><\/strong>\u2013 UX strategy<br \/>\u2013 Market and competitor research<br \/>\u2013 Information architecture and navigation design<br \/>\u2013 Planning and definition of user flows in close collaboration with stakeholders<br \/>\u2013 Environment redesign and implementation into the design system<br \/>\u2013 Prototyping and usability testing<br \/>\u2013 Review and implementation of accessibility according to international guidelines<br \/>\u2013 UI Design of key mobile application screens<br \/>\u2013 Collaboration with the development team (iOS\/Android)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0209bcd\" data-id=\"0209bcd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4683fa0 elementor-widget elementor-widget-text-editor\" data-id=\"4683fa0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Role<\/strong><br \/>Senior UX\/UI Designer and Design Strategist<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-2a4fd18 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2a4fd18\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a35697b\" data-id=\"a35697b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ea2578c elementor-widget elementor-widget-text-editor\" data-id=\"ea2578c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>Solution presentation<\/h3><p>A new investment and trading environment for one of the largest Slovenian banks. The key objective was to offer clients a secure and accessible <strong>tool for trading stocks, ETFs, and other financial instruments<\/strong>. As the lead designer and strategist, I ensured that complex banking and investment procedures were translated into a simple and user-friendly environment and experience.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-f2739fd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f2739fd\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ca9056a\" data-id=\"ca9056a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7ccee48 elementor-widget elementor-widget-text-editor\" data-id=\"7ccee48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>Process of implementation<\/h3><h5 class=\"p1\">Discovery and Scope Definition<\/h5><p class=\"p1\">The initial phase was crucial for bridging the client's ambitious desires with technical, regulatory, and market realities. The chosen approach was based on creating a correct and sustainable solution that supports the bank's long-term business goals.<\/p><h5 class=\"p1\">Market Research and Competitive Analysis<\/h5><p class=\"p1\">Extensive market research included a review of domestic and international applications, as well as those proposed by stakeholders. The goal was to surpass the average and find solutions that add value to the application. Together with the stakeholders, we defined minimal user standards and key processes that must be executed flawlessly.<\/p><h5 class=\"p1\">Transforming Desires into Validated Requirements<\/h5><p class=\"p1\">We translated stakeholder wishes into concrete, measurable, and technically feasible requirements. We focused on understanding the basic structure of the necessary banking data and determined technical limitations. This ensured that the final solution was not only sensible from a UX perspective but also compliant with regulations and existing systems. We removed complex functions with a low probability of use from the project and focused on essential banking experiences. The final result of this phase was a clearly defined project scope that ensured alignment across all teams and optimal budget utilization.<\/p><h5 class=\"p1\">User Flows and Validation\u00a0<\/h5><p class=\"p1\">Banking systems are complex. The task was to simplify the navigation structure without losing functionality, as the solution also allows for integration into the existing banking application environment. We developed detailed user flows for key scenarios. Using wireframes, we validated the logic of the processes even before the start of UI design, which reduced the risk of errors in later development phases.<\/p><h5 class=\"p1\">Accessibility and Adaptability<\/h5><p class=\"p1\">One of the more important project requirements was accessibility. <strong>The banking app must be usable by all bank customers, including those with disabilities.<\/strong> The interface adapts to the system settings of the user's device, meaning that font size and contrast automatically adjust if the user has this set at the operating system level.<\/p><p>The solution offers two levels of accessibility to ensure an optimal user experience. Basic accessibility (readability and contrast) is inherently considered and built-in for general use, while maintaining the desired minimalism and hierarchy of importance.<\/p><p>Additional custom features for users with special needs are always ready in the background and are automatically activated when system tools are engaged, such as screen readers, extra contrast settings, or keyboard navigation. This ensures compliance with WCAG standards without degrading the experience for the majority of users.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-40cb5914 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"40cb5914\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1ac65d1c\" data-id=\"1ac65d1c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-52234b20 elementor-widget elementor-widget-text-editor\" data-id=\"52234b20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>Other Activities<\/h3><p>\u2013 Analysis of the existing design system status and suggestions for improvement.<br \/>\u2013 Analysis of UX\/UI work processes and suggestions for improvement.<br \/>\u2013 Redesign of the entire icon family into line art, allowing for easy code adaptation (line thickness or color) by the development team.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-85ea926 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"85ea926\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-91f7a57\" data-id=\"91f7a57\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8b0eb55 elementor-widget elementor-widget-text-editor\" data-id=\"8b0eb55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><em><strong>Display Limitation:<\/strong> All visual elements exclusively illustrate the design and strategic approach to solving challenges. The actual banking application environment and its data are not displayed.<\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"featured_media":33879,"parent":0,"menu_order":2,"template":"","portfolio_category":[5],"class_list":["post-33738","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-portfolio"],"_links":{"self":[{"href":"https:\/\/davidpraznik.com\/en\/wp-json\/wp\/v2\/portfolio\/33738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/davidpraznik.com\/en\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/davidpraznik.com\/en\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":6,"href":"https:\/\/davidpraznik.com\/en\/wp-json\/wp\/v2\/portfolio\/33738\/revisions"}],"predecessor-version":[{"id":34908,"href":"https:\/\/davidpraznik.com\/en\/wp-json\/wp\/v2\/portfolio\/33738\/revisions\/34908"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/davidpraznik.com\/en\/wp-json\/wp\/v2\/media\/33879"}],"wp:attachment":[{"href":"https:\/\/davidpraznik.com\/en\/wp-json\/wp\/v2\/media?parent=33738"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/davidpraznik.com\/en\/wp-json\/wp\/v2\/portfolio_category?post=33738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}