{"id":6652,"date":"2020-11-29T21:14:00","date_gmt":"2020-11-29T21:14:00","guid":{"rendered":"https:\/\/digitalscientists.com\/?post_type=case_studies&#038;p=6652"},"modified":"2024-06-13T07:48:47","modified_gmt":"2024-06-13T07:48:47","slug":"oneshield-software","status":"publish","type":"case-studies","link":"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/","title":{"rendered":"OneShield"},"content":{"rendered":"\n\n<!-- Block Settings -->\n\n    <section id=\"case-study-header-block_63d8d888e7a32\"\n             class=\" guttenberg-block case-study-header alignfull \"\n             style=\"background-color: #ffffff; color: #333;\"\n             data-color=\"#333\" data-bg=\"#ffffff\"\n             data-new-color=\"\" data-new-bg=\"\"\n    >\n        <div class=\"case-study-header__container no-bot-indent \">\n                            <a style=\"color: #666666\" class=\"case-study-header__back-btn\" href=\"https:\/\/digitalscientists.com\/?page_id=11298\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                    <img decoding=\"async\" src=\"https:\/\/digitalscientists.com\/wp-content\/themes\/digital-scientists\/src\/assets\/icons\/grey-arrow-left.svg\" alt=\"arrow left\" \/>\n                    <span>OUR CASE STUDIES<\/span>\n                <\/a>\n                        <div class=\"case-study-header__content-wrapper\">\n                <div class=\"case-study-header__content \">\n\n                    <h2 class=\"case-study-header__label\" style=\"color:#1676b6\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                        OneShield                    <\/h2>\n\n                                            <div class=\"case-study-header__title section-title-h1-small\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                            <h1 class=\"h2\">UI redesign improves workflow for insurance companies<\/h1>\n                        <\/div>\n                    \n                    \n                    \n                                            <div class=\"case-study-header__categories\" data-aos=\"fade\" data-aos-duration=\"1000\">\n\n                            Healthcare                        <\/div>\n                    \n                <\/div>\n\n                            <\/div>\n\n\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- Block Settings -->\n\n<!-- Load values and handle defaults. -->\n\n    <style>\n        #spacer-new-block_63d2a61b8925b {\n            height: 80px;\n        }\n\n        @media(max-width: 782px) {\n            #spacer-new-block_63d2a61b8925b {\n                height: 60px;\n            }\n        }\n\n        @media(max-width: 560px) {\n            #spacer-new-block_63d2a61b8925b {\n                height: 40px;\n            }\n        }\n    <\/style>\n    <div id=\"spacer-new-block_63d2a61b8925b\" class=\" guttenberg-block spacer-new alignfull\"\n         style=\"background-color: #ffffff; color: #333;\"\n         data-color=\"#333\" data-bg=\"#ffffff\"\n         data-new-color=\"\" data-new-bg=\"\"\n    ><\/div>\n\n\n\n\n<!-- Block Settings -->\n\n    <section id=\"media-full-width-block_64af9f97b804b\"\n             class=\" no-top-indent no-bot-indent guttenberg-block media-full-width\"\n             style=\"background-color: #ffffff; color: #333;\"\n             data-color=\"#333\" data-bg=\"#ffffff\"\n             data-new-color=\"\" data-new-bg=\"\"\n    >\n        <div class=\"media-full-width__container\">\n            <div class=\"media-full-width__media\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                                                                                        <div class=\"video-wrapper video-wrapper--mp4\">\n                                <div class=\"video-wrapper__overlay css-autoplay\" style=\"background-image: url('')\"><\/div>\n                                <div class=\"video-wrapper__iframe\" data-autoplay=\"true\" data-url=\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2023\/07\/oneshield-before-and-after.mp4\" data-set=\"mp4\"><\/div>\n                            <\/div>\n                                                                        <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- Block Settings -->\n\n<!-- Load values and handle defaults. -->\n\n    <style>\n        #spacer-new-block_63e50030087fa {\n            height: 80px;\n        }\n\n        @media(max-width: 782px) {\n            #spacer-new-block_63e50030087fa {\n                height: 60px;\n            }\n        }\n\n        @media(max-width: 560px) {\n            #spacer-new-block_63e50030087fa {\n                height: 40px;\n            }\n        }\n    <\/style>\n    <div id=\"spacer-new-block_63e50030087fa\" class=\" guttenberg-block spacer-new alignfull\"\n         style=\"background-color: #ffffff; color: #333;\"\n         data-color=\"#333\" data-bg=\"#ffffff\"\n         data-new-color=\"\" data-new-bg=\"\"\n    ><\/div>\n\n\n\n\n<!-- Block Settings -->\n\n    <section id=\"case-study-features-block_63e50040087fb\"\n             class=\" guttenberg-block case-study-features alignfull\"\n             style=\"background-color: #ffffff; color: #333;\"\n             data-color=\"#333\" data-bg=\"#ffffff\"\n             data-new-color=\"\" data-new-bg=\"\"\n    >\n        <div class=\"case-study-features__container page-container no-top-indent \">\n\n            <div class=\"case-study-features__content\">\n                                    <div class=\"case-study-features__label\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                        <h5>overview<\/h5>\n                    <\/div>\n                \n                                    <div class=\"case-study-features__title\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                        <h3>OneShield Software provides software solutions to the global insurance and financial services industry. OneShield wanted a modern UI design that could provide a more intuitive workflow for customer service rep<\/h3>\n                    <\/div>\n                \n                            <\/div>\n\n            <div class=\"case-study-features__column\">\n                                    <div class=\"case-study-features__col-label\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                        <h5>industries<\/h5>\n                    <\/div>\n                \n                                    <div class=\"case-study-features__col-list\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                        <ul>\n<li>Private equity<\/li>\n<li>Financial<\/li>\n<\/ul>\n                    <\/div>\n                            <\/div>\n\n            <div class=\"case-study-features__column\">\n                                    <div class=\"case-study-features__col-label\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                        <h5>services<\/h5>\n                    <\/div>\n                \n                                    <div class=\"case-study-features__col-list\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                        <ul>\n<li>UI Redesign<\/li>\n<li>Digital transformation<\/li>\n<\/ul>\n                    <\/div>\n                            <\/div>\n\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- Block Settings -->\n\n    <section id=\"section-content-block_63e5011b087fc\"\n             class=\"js-guttenberg-block guttenberg-block section-content alignfull\"\n             style=\"background-color: #ffffff; color: #333;\"\n             data-color=\"#333\" data-bg=\"#ffffff\"\n             data-new-color=\"#fff\" data-new-bg=\"#333\"\n    >\n        \n        <div class=\"section-content__container \">\n            <div class=\"section-content__content section-content__content--image right\">\n                \n                                    <div class=\"section-content__title section-title\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                        <h2>UI redesign: before &amp; after<\/h2>\n                    <\/div>\n                \n                                    <div class=\"section-content__text section-text\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                        <p>The new UI, below, uses color contrasts of texts and components to provide a more intuitive user journey. Note the graphical images in the new interface, which help guide the user around the screen. Graphic elements help users distinguish between different types of navigation within the menu and can help users predict links and orient themselves.<\/p>\n                    <\/div>\n                \n                            <\/div>\n\n                        <div class=\"section-content__media right \" data-aos=\"fade\" data-aos-duration=\"1000\">\n                                    <div class=\"section-content__image-wrap\">\n                                                    <img decoding=\"async\" src=\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2023\/01\/Home-main-hero-image-1.png\" alt=\"OneShield-main -page\" \/>\n                                            <\/div>\n                            <\/div>\n                    <\/div>\n    <\/section>\n\n\n\n\n<!-- Block Settings -->\n\n    <section id=\"section-content-block_63db89c4b3ee7\"\n             class=\" guttenberg-block section-content alignfull\"\n             style=\"background-color: #333; color: #fff;\"\n             data-color=\"#fff\" data-bg=\"#333\"\n             data-new-color=\"\" data-new-bg=\"\"\n    >\n                    <style>\n                #section-content-block_63db89c4b3ee7 .border-top:before {\n                    border-color: #4d4d4d;\n                }\n            <\/style>\n\n            <div class=\"border-top\"><\/div>\n        \n        <div class=\"section-content__container  no-top-indent\">\n            <div class=\"section-content__content \">\n                \n                                    <div class=\"section-content__title section-title\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                        <h2 id=\"block-475e7e0c-5d8c-4cf0-b7f3-c607e52f0131\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block is-selected wp-block-heading rich-text\" tabindex=\"0\" role=\"document\" contenteditable=\"true\" aria-multiline=\"true\" aria-label=\"Block: Heading\" data-block=\"475e7e0c-5d8c-4cf0-b7f3-c607e52f0131\" data-type=\"core\/heading\" data-title=\"Heading\">Our approach to the UI redesign<\/h2>\n                    <\/div>\n                \n                                    <div class=\"section-content__text section-text\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                        <p>To best serve the OneShield team, we approached the UI redesign in two phases.<\/p>\n<p>First, we mapped out ways to help users more intuitively navigate the platform\u2019s web pages. For example, to help users distinguish between navigation and action buttons, we proposed colors and drop shadows to visually reinforce different types of content.<\/p>\n<p>Once we finalized the overall UI design, we then applied these new elements to more than 500 web pages across multiple products.<\/p>\n                    <\/div>\n                \n                            <\/div>\n\n                        <div class=\"section-content__media right \" data-aos=\"fade\" data-aos-duration=\"1000\">\n                                                                                        <div class=\"video-wrapper video-wrapper--mp4\">\n                                <div class=\"video-wrapper__overlay css-autoplay\" style=\"background-image: url('')\"><\/div>\n                                <div class=\"video-wrapper__iframe\" data-autoplay=\"true\" data-url=\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2020\/11\/OneShield-Prototype-Video-Demo.mp4\" data-set=\"mp4\"><\/div>\n                            <\/div>\n                                                                        <\/div>\n                    <\/div>\n    <\/section>\n\n\n\n\n<!-- Block Settings -->\n\n    <section id=\"full-width-bg-block_63d8da58e7a3d\"\n             class=\" guttenberg-block full-width-bg alignfull\"\n             style=\"background-color: #333; color: #fff;\"\n             data-color=\"#fff\" data-bg=\"#333\"\n             data-new-color=\"\" data-new-bg=\"\"\n    >\n        <div class=\"full-width-bg__container\">\n            \n\r\n\r\n<!-- Block Settings -->\r\n\r\n    <div id=\"divider-block_63d8da59e7a42\" class=\"guttenberg-block divider alignnone\"\r\n         style=\"height: 2px; background-color: #4d4d4d;\"\r\n    ><\/div>\r\n\n\n\n<div class=\"wp-block-columns is-style-wide is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:520px\">\n<h2 class=\"wp-block-heading has-option-default\">Ongoing product design support<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:540px\">\n<p class=\"has-option-default\">In the second phase of the project, we transitioned to an advisory role to help OneShield implement the new standards. During the handoff and implementation phase, we continued to advise and provide design support to OneShield stakeholders, while also recommending future UX improvements.<\/p>\n<\/div>\n<\/div>\n\n\n\n\n<!-- Block Settings -->\n\n<!-- Load values and handle defaults. -->\n\n    <style>\n        #spacer-new-block_63d8da59e7a43 {\n            height: 200px;\n        }\n\n        @media(max-width: 782px) {\n            #spacer-new-block_63d8da59e7a43 {\n                height: 150px;\n            }\n        }\n\n        @media(max-width: 560px) {\n            #spacer-new-block_63d8da59e7a43 {\n                height: 100px;\n            }\n        }\n    <\/style>\n    <div id=\"spacer-new-block_63d8da59e7a43\" class=\" guttenberg-block spacer-new alignfull\"\n         style=\"background-color: #333; color: #fff;\"\n         data-color=\"#fff\" data-bg=\"#333\"\n         data-new-color=\"\" data-new-bg=\"\"\n    ><\/div>\n\n\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- Block Settings -->\n\n    <section id=\"section-content-block_63d8dabae7a47\"\n             class=\"js-guttenberg-block guttenberg-block section-content alignfull\"\n             style=\"background-color: #333; color: #fff;\"\n             data-color=\"#fff\" data-bg=\"#333\"\n             data-new-color=\"#333\" data-new-bg=\"#ffffff\"\n    >\n        \n        <div class=\"section-content__container \">\n            <div class=\"section-content__content section-content__content--image right\">\n                \n                                    <div class=\"section-content__title section-title\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                        <h2 class=\"case-study-middle-content-heading has-gutters-bottom\" data-inview=\"true\">Wireframes<\/h2>\n                    <\/div>\n                \n                                    <div class=\"section-content__text section-text\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                        <p>To kick off the ideation process and ensure alignment on user goals, we created wireframes for the OneShield team. A wireframe is a simple skeletal visual layout that focuses on the user journey. Wireframes help stakeholders visualize high-level functionality and user workflow in an application. More specifically, wireframes help to:<\/p>\n<ul>\n<li>Connect the site\u2019s information architecture to workflows using placeholders in text elements<\/li>\n<li>Clarify consistent ways for displaying particular types of information on the UI<\/li>\n<li>Determine intended functionality in the interface through rapid iterations, feedback, and revisions<\/li>\n<\/ul>\n                    <\/div>\n                \n                            <\/div>\n\n                        <div class=\"section-content__media right \" data-aos=\"fade\" data-aos-duration=\"1000\">\n                                    <div class=\"section-content__image-wrap\">\n                                                    <img decoding=\"async\" src=\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2023\/01\/oneshield-wireframes-2-e1643232198281-1.png\" alt=\"\" \/>\n                                            <\/div>\n                            <\/div>\n                    <\/div>\n    <\/section>\n\n\n\n\n<!-- Block Settings -->\n\n    <section id=\"full-width-bg-block_63d24f2cde5b5\"\n             class=\" guttenberg-block full-width-bg alignfull\"\n             style=\"background-color: #ffffff; color: #333;\"\n             data-color=\"#333\" data-bg=\"#ffffff\"\n             data-new-color=\"\" data-new-bg=\"\"\n    >\n        <div class=\"full-width-bg__container\">\n            \n\r\n\r\n<!-- Block Settings -->\r\n\r\n    <div id=\"divider-block_63d24f2dde5b6\" class=\"guttenberg-block divider alignnone\"\r\n         style=\"height: 2px; background-color: #e5e5e5;\"\r\n    ><\/div>\r\n\n\n\n<div class=\"wp-block-columns is-style-wide is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading has-option-default\">what we did<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>UI redesign<\/li>\n\n\n\n<li>UI recommendations that wouldn\u2019t impact back-end development<\/li>\n\n\n\n<li>Development-friendly patterns &amp; treatments<\/li>\n\n\n\n<li>Advisory role during implementation<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading has-option-default\">ui focus areas<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Main host application (navigation &amp; sub-nav menus)<\/li>\n\n\n\n<li>Landing page (focus on Agent view)<\/li>\n\n\n\n<li>Details page (focus on Customer Detail page)<\/li>\n\n\n\n<li>Search page<\/li>\n\n\n\n<li>Wizard\/Workflow screens (multi-step functions)<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading has-option-default\">deliverables<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Alignment workshop report<\/li>\n\n\n\n<li>UI design sprint reviews with stakeholders<\/li>\n\n\n\n<li>Design style guide with development specifications<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n\n<!-- Block Settings -->\n\n<!-- Load values and handle defaults. -->\n\n    <style>\n        #spacer-new-block_63d24f2dde5b7 {\n            height: 160px;\n        }\n\n        @media(max-width: 782px) {\n            #spacer-new-block_63d24f2dde5b7 {\n                height: 109px;\n            }\n        }\n\n        @media(max-width: 560px) {\n            #spacer-new-block_63d24f2dde5b7 {\n                height: 60px;\n            }\n        }\n    <\/style>\n    <div id=\"spacer-new-block_63d24f2dde5b7\" class=\" guttenberg-block spacer-new alignfull\"\n         style=\"background-color: #ffffff; color: #333;\"\n         data-color=\"#333\" data-bg=\"#ffffff\"\n         data-new-color=\"\" data-new-bg=\"\"\n    ><\/div>\n\n\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- Block Settings -->\n\n    <section id=\"media-full-width-block_63e504e308800\"\n             class=\" no-top-indent guttenberg-block media-full-width alignfull\"\n             style=\"background-color: #ffffff; color: #333;\"\n             data-color=\"#333\" data-bg=\"#ffffff\"\n             data-new-color=\"\" data-new-bg=\"\"\n    >\n        <div class=\"media-full-width__container\">\n            <div class=\"media-full-width__media\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                                    <div class=\"media-full-width__image-wrap\">\n                                                    <img decoding=\"async\" src=\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2020\/11\/Oneshield-plans-page.png\" alt=\"Oneshield-plans-page\" \/>\n                                            <\/div>\n                            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- Block Settings -->\n\n    <section id=\"full-width-bg-block_63d8da58e7a40\"\n             class=\" guttenberg-block full-width-bg alignfull\"\n             style=\"background-color: #ffffff; color: #333;\"\n             data-color=\"#333\" data-bg=\"#ffffff\"\n             data-new-color=\"\" data-new-bg=\"\"\n    >\n        <div class=\"full-width-bg__container\">\n            \n\n<div class=\"wp-block-columns is-style-wide is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:520px\">\n<h2 class=\"wp-block-heading has-option-default\">Style Guide<\/h2>\n\n\n\n\n            <style>\n            @media (min-width: 782px) {\n\n                .floating-image {\n                    position: relative;\n                }\n\n                .floating-image img {\n                    border-radius: 20px;\n                }\n\n                #floating-image-block_63e5040b087ff {\n                    margin-top: 300px !important;\n                                    }\n            }\n\n            @media (max-width: 782px) {\n                #floating-image-block_63e5040b087ff {\n                    max-width: 100% !important;\n                                    text-align: center;\n                }\n            }\n        <\/style>\n\n    <div id=\"floating-image-block_63e5040b087ff\" class=\"guttenberg-block floating-image\" data-inview=\"false\" data-aos=\"fade\" data-aos-duration=\"1000\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"1716\" height=\"1814\" src=\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2023\/01\/Screen-Shot-2022-01-26-at-12.17.33-PM-1.png\" class=\"attachment-full size-full\" alt=\"oneshield-style-guide\" srcset=\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2023\/01\/Screen-Shot-2022-01-26-at-12.17.33-PM-1.png 1716w, https:\/\/digitalscientists.com\/wp-content\/uploads\/2023\/01\/Screen-Shot-2022-01-26-at-12.17.33-PM-1-284x300.png 284w, https:\/\/digitalscientists.com\/wp-content\/uploads\/2023\/01\/Screen-Shot-2022-01-26-at-12.17.33-PM-1-969x1024.png 969w, https:\/\/digitalscientists.com\/wp-content\/uploads\/2023\/01\/Screen-Shot-2022-01-26-at-12.17.33-PM-1-768x812.png 768w, https:\/\/digitalscientists.com\/wp-content\/uploads\/2023\/01\/Screen-Shot-2022-01-26-at-12.17.33-PM-1-1453x1536.png 1453w, https:\/\/digitalscientists.com\/wp-content\/uploads\/2023\/01\/Screen-Shot-2022-01-26-at-12.17.33-PM-1-353x373.png 353w\" sizes=\"(max-width: 1716px) 100vw, 1716px\" \/>    <\/div>\n    \n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:540px\">\n<p class=\"has-option-default\">Style guides are important to a brand\u2019s identity and play a critical role in managing perceptions of a company. OneShield has many software products, so it was particularly important to apply consistent style elements that could help unify the OneShield brand across those products.<\/p>\n\n\n\n<p class=\"has-option-default\">To help OneShield apply consistent style changes now and into the future, we developed a full style guide with UI elements, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Buttons<\/li>\n\n\n\n<li>Toast messages<\/li>\n\n\n\n<li>Badges<\/li>\n\n\n\n<li>Kebabs<\/li>\n\n\n\n<li>Menus<\/li>\n\n\n\n<li>Filtering modals<\/li>\n\n\n\n<li>Pop-up search &amp; menus<\/li>\n\n\n\n<li>Column modals<\/li>\n\n\n\n<li>Forms with error states<\/li>\n\n\n\n<li>Tables<\/li>\n\n\n\n<li>Navigation elements<\/li>\n\n\n\n<li>Color palette<\/li>\n\n\n\n<li>Typography<\/li>\n\n\n\n<li>Iconography<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n\n<!-- Block Settings -->\n\n<!-- Load values and handle defaults. -->\n\n    <style>\n        #spacer-new-block_63d8da59e7a45 {\n            height: 160px;\n        }\n\n        @media(max-width: 782px) {\n            #spacer-new-block_63d8da59e7a45 {\n                height: 109px;\n            }\n        }\n\n        @media(max-width: 560px) {\n            #spacer-new-block_63d8da59e7a45 {\n                height: 60px;\n            }\n        }\n    <\/style>\n    <div id=\"spacer-new-block_63d8da59e7a45\" class=\" guttenberg-block spacer-new alignfull\"\n         style=\"background-color: #ffffff; color: #333;\"\n         data-color=\"#333\" data-bg=\"#ffffff\"\n         data-new-color=\"\" data-new-bg=\"\"\n    ><\/div>\n\n\n        <\/div>\n    <\/section>\n\n\n\n\n<!-- Block Settings -->\n\n    <section id=\"full-width-bg-block_63d8da59e7a41\"\n             class=\" guttenberg-block full-width-bg alignfull\"\n             style=\"background-color: #ffffff; color: #333;\"\n             data-color=\"#333\" data-bg=\"#ffffff\"\n             data-new-color=\"\" data-new-bg=\"\"\n    >\n        <div class=\"full-width-bg__container\">\n            \n\r\n\r\n<!-- Block Settings -->\r\n\r\n    <div id=\"divider-block_63d7ad4e652c3\" class=\"guttenberg-block divider alignnone\"\r\n         style=\"height: 2px; background-color: #e5e5e5;\"\r\n    ><\/div>\r\n\n\n\n<div class=\"wp-block-columns is-style-wide is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:520px\">\n<h2 class=\"wp-block-heading has-option-default\">Results<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:540px\">\n<p class=\"has-option-default\">Through carefully chosen design decisions and advisory services, we were able to help OneShield Software enhance their efforts to modernize their products. This collaborative effort enabled the client to provide a much needed modern update to its popular software, and improve workflow and efficiencies for sales reps.<\/p>\n<\/div>\n<\/div>\n\n\n        <\/div>\n    <\/section>\n\n\n\r\n\r\n<!-- Block Settings -->\r\n\r\n    <section id=\"featured-cta-block_63d8db74e7a4a\"\r\n             class=\" guttenberg-block featured-cta alignfull\"\r\n             style=\"background-color: #ffffff; color: #333;\"\r\n             data-color=\"#333\" data-bg=\"#ffffff\"\r\n             data-new-color=\"\" data-new-bg=\"\"\r\n    >\r\n        <div class=\"featured-cta__container\">\r\n\r\n                            <div class=\"featured-cta__title section-title\"><h2 class=\"h1\" data-inview=\"true\">Ready for a UI redesign?<\/h2>\n<\/div>\r\n            \r\n                            <a class=\"featured-cs__btn btn  btn--dark\" href=\"\/contact\/\" target=\"_self\">\r\n                    <span>Let\u2019s talk<\/span>\r\n                    <span class=\"dec\"><\/span>\r\n                <\/a>\r\n            \r\n        <\/div>\r\n    <\/section>\r\n\n\n\n\n<!-- Block Settings -->\n\n    <section id=\"next-page-block_63d149956d9c7\"\n             class=\"js-guttenberg-block guttenberg-block next-page alignfull\"\n             style=\"background-color: #ffffff; color: #333;\"\n             data-color=\"#333\" data-bg=\"#ffffff\"\n             data-new-color=\"#333\" data-new-bg=\"#ffe01b\"\n    >\n        <div class=\"next-page__container\">\n\n                            <div class=\"next-page__label\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                    <h5>next case study<\/h5>\n                <\/div>\n            \n            <div class=\"next-page__content-wrap\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                                    <div class=\"next-page__title section-title\">\n                        <h2>Mailchimp<\/h2>\n                    <\/div>\n                \n                                    <a class=\"next-page__btn arrow-btn  arrow-btn--dark\" href=\"\/case-studies\/mailchimp-innovation\/\" target=\"_self\">\n                        <span class=\"dec\"><\/span>\n                    <\/a>\n                            <\/div>\n\n                            <div class=\"next-page__text\" data-aos=\"fade\" data-aos-duration=\"1000\">\n                    <p>design sprint, digital transformation, machine learning, media \/ technology, product design + development<\/p>\n                <\/div>\n            \n            \n                            <a class=\"next-page__additional-link\" style=\"color: #333333\"\n                   href=\"\/case-studies\/\"\n                   target=\"_self\"\n                   data-aos=\"fade\" data-aos-duration=\"1000\"\n                >\n                    view all                <\/a>\n            \n        <\/div>\n    <\/section>\n","protected":false},"featured_media":14496,"template":"","project_type":[19],"class_list":["post-6652","case-studies","type-case-studies","status-publish","has-post-thumbnail","hentry","project_type-healthcare"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>OneShield case study | Digital Scientists<\/title>\n<meta name=\"description\" content=\"OneShield Software wanted a modern UI design that could provide a more intuitive workflow for customer service reps, billing managers, and claims department personnel. Read about our approach.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"OneShield case study | Digital Scientists\" \/>\n<meta property=\"og:description\" content=\"OneShield Software wanted a modern UI design that could provide a more intuitive workflow for customer service reps, billing managers, and claims department personnel. Read about our approach.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Scientists\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-13T07:48:47+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/digitalscientists.com\/wp-content\/uploads\/2023\/01\/Screen-Shot-2022-01-26-at-12.17.33-PM-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1716\" \/>\n\t<meta property=\"og:image:height\" content=\"1814\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n\t<meta name=\"twitter:label2\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data2\" content=\"dstestuser\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/\",\"url\":\"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/\",\"name\":\"OneShield case study | Digital Scientists\",\"isPartOf\":{\"@id\":\"https:\/\/digitalscientists.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2023\/01\/Screen-Shot-2022-01-26-at-12.17.33-PM-1.png\",\"datePublished\":\"2020-11-29T21:14:00+00:00\",\"dateModified\":\"2024-06-13T07:48:47+00:00\",\"description\":\"OneShield Software wanted a modern UI design that could provide a more intuitive workflow for customer service reps, billing managers, and claims department personnel. Read about our approach.\",\"breadcrumb\":{\"@id\":\"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/#primaryimage\",\"url\":\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2023\/01\/Screen-Shot-2022-01-26-at-12.17.33-PM-1.png\",\"contentUrl\":\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2023\/01\/Screen-Shot-2022-01-26-at-12.17.33-PM-1.png\",\"width\":1716,\"height\":1814,\"caption\":\"oneshield-style-guide\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/digitalscientists.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"OneShield\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/digitalscientists.com\/#website\",\"url\":\"https:\/\/digitalscientists.com\/\",\"name\":\"Digital Scientists\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/digitalscientists.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/digitalscientists.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/digitalscientists.com\/#organization\",\"name\":\"Digital Scientists\",\"url\":\"https:\/\/digitalscientists.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/digitalscientists.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2022\/11\/header-logo-light.svg\",\"contentUrl\":\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2022\/11\/header-logo-light.svg\",\"width\":165,\"height\":48,\"caption\":\"Digital Scientists\"},\"image\":{\"@id\":\"https:\/\/digitalscientists.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"OneShield case study | Digital Scientists","description":"OneShield Software wanted a modern UI design that could provide a more intuitive workflow for customer service reps, billing managers, and claims department personnel. Read about our approach.","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:\/\/digitalscientists.com\/case-studies\/oneshield-software\/","og_locale":"en_US","og_type":"article","og_title":"OneShield case study | Digital Scientists","og_description":"OneShield Software wanted a modern UI design that could provide a more intuitive workflow for customer service reps, billing managers, and claims department personnel. Read about our approach.","og_url":"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/","og_site_name":"Digital Scientists","article_modified_time":"2024-06-13T07:48:47+00:00","og_image":[{"width":1716,"height":1814,"url":"http:\/\/digitalscientists.com\/wp-content\/uploads\/2023\/01\/Screen-Shot-2022-01-26-at-12.17.33-PM-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes","Written by":"dstestuser"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/","url":"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/","name":"OneShield case study | Digital Scientists","isPartOf":{"@id":"https:\/\/digitalscientists.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/#primaryimage"},"image":{"@id":"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/#primaryimage"},"thumbnailUrl":"https:\/\/digitalscientists.com\/wp-content\/uploads\/2023\/01\/Screen-Shot-2022-01-26-at-12.17.33-PM-1.png","datePublished":"2020-11-29T21:14:00+00:00","dateModified":"2024-06-13T07:48:47+00:00","description":"OneShield Software wanted a modern UI design that could provide a more intuitive workflow for customer service reps, billing managers, and claims department personnel. Read about our approach.","breadcrumb":{"@id":"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/#primaryimage","url":"https:\/\/digitalscientists.com\/wp-content\/uploads\/2023\/01\/Screen-Shot-2022-01-26-at-12.17.33-PM-1.png","contentUrl":"https:\/\/digitalscientists.com\/wp-content\/uploads\/2023\/01\/Screen-Shot-2022-01-26-at-12.17.33-PM-1.png","width":1716,"height":1814,"caption":"oneshield-style-guide"},{"@type":"BreadcrumbList","@id":"https:\/\/digitalscientists.com\/case-studies\/oneshield-software\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/digitalscientists.com\/"},{"@type":"ListItem","position":2,"name":"OneShield"}]},{"@type":"WebSite","@id":"https:\/\/digitalscientists.com\/#website","url":"https:\/\/digitalscientists.com\/","name":"Digital Scientists","description":"","publisher":{"@id":"https:\/\/digitalscientists.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digitalscientists.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/digitalscientists.com\/#organization","name":"Digital Scientists","url":"https:\/\/digitalscientists.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/digitalscientists.com\/#\/schema\/logo\/image\/","url":"https:\/\/digitalscientists.com\/wp-content\/uploads\/2022\/11\/header-logo-light.svg","contentUrl":"https:\/\/digitalscientists.com\/wp-content\/uploads\/2022\/11\/header-logo-light.svg","width":165,"height":48,"caption":"Digital Scientists"},"image":{"@id":"https:\/\/digitalscientists.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/digitalscientists.com\/wp-json\/wp\/v2\/case-studies\/6652"}],"collection":[{"href":"https:\/\/digitalscientists.com\/wp-json\/wp\/v2\/case-studies"}],"about":[{"href":"https:\/\/digitalscientists.com\/wp-json\/wp\/v2\/types\/case-studies"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/digitalscientists.com\/wp-json\/wp\/v2\/media\/14496"}],"wp:attachment":[{"href":"https:\/\/digitalscientists.com\/wp-json\/wp\/v2\/media?parent=6652"}],"wp:term":[{"taxonomy":"project_type","embeddable":true,"href":"https:\/\/digitalscientists.com\/wp-json\/wp\/v2\/project_type?post=6652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}