{"id":10181,"date":"2025-11-25T14:17:58","date_gmt":"2025-11-25T13:17:58","guid":{"rendered":"https:\/\/www.logikaline.com\/blog\/online-user-experience-for-an-online-investment-provider\/"},"modified":"2026-02-12T15:01:21","modified_gmt":"2026-02-12T14:01:21","slug":"online-user-experience-for-an-online-investment-provider","status":"publish","type":"post","link":"https:\/\/www.logikaline.com\/en\/blog\/online-user-experience-for-an-online-investment-provider\/","title":{"rendered":"Online User Experience for an Online Investment Provider"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"10181\" class=\"elementor elementor-10181 elementor-7921\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f88aea e-flex e-con-boxed e-con e-parent\" data-id=\"9f88aea\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-acd9d19 e-con-full e-flex e-con e-child\" data-id=\"acd9d19\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-523e640 elementor-widget elementor-widget-ucaddon_vertical_curve_timeline\" data-id=\"523e640\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;plus_gsap_animation_type&quot;:&quot;none&quot;}\" data-widget_type=\"ucaddon_vertical_curve_timeline.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Vertical Curved Timeline -->\n\t\t<link id='font-awesome-css' href='https:\/\/www.logikaline.com\/wp-content\/plugins\/unlimited-elements-for-elementor\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/www.logikaline.com\/wp-content\/plugins\/unlimited-elements-for-elementor\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Vertical Curved Timeline *\/\n\n#uc_vertical_curve_timeline_elementor_523e640.ue-container{\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n\n\/* Timeline Container *\/\n\n#uc_vertical_curve_timeline_elementor_523e640 .ue-timeline {\n  width:100%;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n#uc_vertical_curve_timeline_elementor_523e640 .ue-item-image{\n  overflow:hidden;\n}\n\n#uc_vertical_curve_timeline_elementor_523e640 .ue-item-image img{\n  width:100%;\n  height: 100%;\n  transition:0.3s;\n}\n\n\/* Card container *\/\n#uc_vertical_curve_timeline_elementor_523e640 .ue-card {\n  position: relative;\n  display: flex;\n}\n\n#uc_vertical_curve_timeline_elementor_523e640 .ue-slno{\n  border-radius: 50%;\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translate(-50%, -50%);\n  display: grid;\n  place-content: center;\n}\n\n\/* setting padding based on even or odd *\/\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-card:nth-child(odd) {\n    padding: 30px 0 30px 30px;\n  }\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-card:nth-child(even) {\n    padding: 30px 30px 30px 0;\n  }\n  \/* Global ::before *\/\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-card::before {\n    content: \"\";\n    position: absolute;\n    width: 50%;\n  }\n\n  \/* Setting the border of top, bottom, left *\/\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-card:nth-child(odd)::before {\n    left: 0px;\n    top: -5px;\n    bottom: -5px;\n    border-width: 5px 0 5px 5px;\n    border-radius: 20px 0 0 20px;\n  }\n\n  \/* Setting the top and bottom to \"-5px\" because earlier it was out of a pixel in mobile devices *\/\n  @media only screen and (max-width: 400px) {\n    #uc_vertical_curve_timeline_elementor_523e640 .ue-card:nth-child(odd)::before {\n      top: -5px;\n      bottom: -5px;\n    }\n  }\n\n  \/* Setting the border of top, bottom, right *\/\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-card:nth-child(even)::before {\n    right: 0;\n    top: 0;\n    bottom: 0;\n    border-width: 5px 5px 5px 0;\n    border-radius: 0 20px 20px 0;\n  }\n\n  \/* Removing the border if it is the first card *\/\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-card:first-child::before {\n    border-top: 0;\n    border-top-left-radius: 0;\n  }\n\n  \/* Removing the border if it is the last card  and it's odd *\/\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-card:last-child:nth-child(odd)::before {\n    border-bottom: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  \/* Removing the border if it is the last card  and it's even *\/\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-card:last-child:nth-child(even)::before {\n    border-bottom: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  \/* Information about the timeline *\/\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-info {\n    display: flex;\n    flex-direction: column;\n    border-radius: 10px;\n    padding: 10px;\n    width: 100%;\n  }\n\n  \/* Title of the card *\/\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-title {\n    position: relative;\n  }\n\n  \/* Timeline dot  *\/\n\n  \/* text right if the card is even  *\/\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-card:nth-child(even) {\n    text-align: right;\n  }\n\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-card:nth-child(even) .ue-item-image{\n    margin-left: auto;\n  }\n\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-card:nth-child(even) .ue-info{\n    padding-right: 20px;\n    margin-left: auto;\n  }\n\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-card:nth-child(odd) .ue-info{\n    padding-left: 20px;\n  }\n\n  \/* setting dot to the left if the card is odd *\/\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-card:nth-child(odd) > .ue-info > .ue-title::before {\n    left: -45px;\n  }\n\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-card:nth-child(even) > .ue-slno{\n    right: 0%;\n    left: auto;\n    transform: translate(50%, -50%);\n    margin-right:2px;\n  }\n\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-card:nth-child(odd) > .ue-slno{\n    margin-left:2px;\n  }\n\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-card:nth-child(1)::before{\n    height: 50%;\n    top: auto;\n  }\n\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-card:last-child::before{\n    height: 50%;\n  }\n\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-button-link{\n    width:fit-content;\n    z-index: 100;\n  }\n\n  #uc_vertical_curve_timeline_elementor_523e640 .ue-card:nth-child(even) .ue-button-link {\n    margin-left:auto;\n  }\n\n\n\n<\/style>\n\n<div id=\"uc_vertical_curve_timeline_elementor_523e640\" class=\"ue-container\">\n  <div class=\"ue-timeline\">\n    <div class=\"ue-outer\">              \n      <div class=\"ue-card elementor-repeater-item-7adb445\">\n  \n  <div class=\"ue-slno\">\n    1          \n  <\/div>\n  \n  <div class=\"ue-info\">\n                    \t\n    <h3 class=\"ue-title\">Sector<\/h3>        <div class=\"ue-description\"><p>Digital financial service<\/p>\n<\/div>               <\/div>\n<\/div>\n<div class=\"ue-card elementor-repeater-item-e0a4dec\">\n  \n  <div class=\"ue-slno\">\n    2          \n  <\/div>\n  \n  <div class=\"ue-info\">\n                    \t\n    <h3 class=\"ue-title\">Client<\/h3>        <div class=\"ue-description\"><p>Online investment provider<\/p>\n<\/div>               <\/div>\n<\/div>\n<div class=\"ue-card elementor-repeater-item-970c261\">\n  \n  <div class=\"ue-slno\">\n    3          \n  <\/div>\n  \n  <div class=\"ue-info\">\n                    \t\n    <h3 class=\"ue-title\">Challenge<\/h3>        <div class=\"ue-description\"><p>In an increasingly digital financial environment, the challenge was to create an <strong>online onboarding process that is fast<\/strong>, secure and differentiated \u2013 capable of providing an approachable <strong>human experience<\/strong> without compromising technological efficiency. The objective was to <strong>design a comprehensive user experience<\/strong> that becomes a competitive advantage compared to other investment platforms. <\/p>\n<\/div>               <\/div>\n<\/div>\n<div class=\"ue-card elementor-repeater-item-adf41aa\">\n  \n  <div class=\"ue-slno\">\n    4          \n  <\/div>\n  \n  <div class=\"ue-info\">\n                    \t\n    <h3 class=\"ue-title\">Solution<\/h3>        <div class=\"ue-description\"><p>Logikaline developed a <strong>360\u00ba online assistance and customer experience strategy<\/strong>, combining:<\/p>\n<p>-<strong>Intelligent automation<\/strong> of repetitive processes.<\/p>\n<p>-<strong>Tailored human intervention<\/strong> during key moments in the customer process.<\/p>\n<p>-<strong>Monitoring and follow-up <\/strong>of the onboarding process to ensure smoothness and consistency.<\/p>\n<p>This model delivers a seamless, <strong>empathetic and reliable experience, reflecting the group\u2019s core values:<\/strong> <strong>transparency, innovation and proximity.<\/strong><\/p>\n<\/div>               <\/div>\n<\/div>\n<div class=\"ue-card elementor-repeater-item-22be0f6\">\n  \n  <div class=\"ue-slno\">\n    5          \n  <\/div>\n  \n  <div class=\"ue-info\">\n                    \t\n    <h3 class=\"ue-title\">Results<\/h3>        <div class=\"ue-description\"><ul>\n<li><strong>One of the smoothest and most robust onboarding processes in the market.<\/strong><\/li>\n<li>Enhanced <strong>brand perception as both innovative and human-centered.<\/strong><\/li>\n<li>Full alignment of digitization, transparency and user experience.<\/li>\n<li>Strategic positioning of Logikaline as a key partner in the evolution of the digital financial industry.<\/li>\n<\/ul>\n<\/div>               <\/div>\n<\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n<!-- end Vertical Curved Timeline -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>1 Sector Digital financial service 2 Client Online investment provider 3 Challenge In an increasingly digital financial environment, the challenge was to create an online onboarding process that is fast, secure and differentiated \u2013 capable of providing an approachable human experience without compromising technological efficiency. The objective was to design a comprehensive user experience that [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10176,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77],"tags":[],"class_list":["post-10181","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fintech"],"_links":{"self":[{"href":"https:\/\/www.logikaline.com\/en\/wp-json\/wp\/v2\/posts\/10181","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.logikaline.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.logikaline.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.logikaline.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.logikaline.com\/en\/wp-json\/wp\/v2\/comments?post=10181"}],"version-history":[{"count":1,"href":"https:\/\/www.logikaline.com\/en\/wp-json\/wp\/v2\/posts\/10181\/revisions"}],"predecessor-version":[{"id":11965,"href":"https:\/\/www.logikaline.com\/en\/wp-json\/wp\/v2\/posts\/10181\/revisions\/11965"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.logikaline.com\/en\/wp-json\/wp\/v2\/media\/10176"}],"wp:attachment":[{"href":"https:\/\/www.logikaline.com\/en\/wp-json\/wp\/v2\/media?parent=10181"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.logikaline.com\/en\/wp-json\/wp\/v2\/categories?post=10181"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.logikaline.com\/en\/wp-json\/wp\/v2\/tags?post=10181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}