{"id":24675,"date":"2018-07-23T14:53:16","date_gmt":"2018-07-23T12:53:16","guid":{"rendered":"https:\/\/rokjurman.com\/?post_type=portfolio&p=24675"},"modified":"2026-07-24T09:18:24","modified_gmt":"2026-07-24T07:18:24","slug":"web-app-case-study","status":"publish","type":"portfolio","link":"https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/","title":{"rendered":"Case Study: Trapview Web App Redesign"},"content":{"rendered":"
Case Study: Trapview Web App Redesign<\/span>

UX \/ UI design, User research<\/span><\/p>\n<\/div><\/div><\/div><\/div>

\n\t\t\t <\/i><\/a>\n\t\t\t <\/div><\/section>
<\/div>
<\/div><\/div><\/div>

About Trapview<\/h4>

Trapview is a solution that effectively helps to make decisions about crop protection. It provides users with an overview of the situation in the field, predicts future events and simulates various scenarios of plant protection measures.<\/p>\n<\/div><\/div><\/div><\/div>

<\/div><\/div><\/div><\/section>
Company<\/span>

EFOS d.o.o.<\/span><\/p>\n<\/div><\/div><\/div><\/div>

Industry<\/span>

IT, Agriculture<\/span><\/p>\n<\/div><\/div><\/div><\/div>

Challenge<\/span>

UX \/ UI Redesign of Web App<\/span><\/p>\n<\/div><\/div><\/div><\/div>

Year of creation<\/span>

2022 – 2024<\/span><\/p>\n<\/div><\/div><\/div><\/div><\/section>

<\/div><\/div><\/div>
[vc_icon type=”material” icon_material=”vc-material vc-material-flare” color=”custom” size=”xl” css=”” custom_color=”#F06022″]
My Role<\/h5>

I collaborated as a supporting UX \/ UI Designer under a Principal Designer, working closely with stakeholders, developers and end users to redesign the application around real user needs and business goals.<\/p>\n

 <\/p>\n

    \n
  • Conducted user interviews to understand workflows, pain points and expectations<\/li>\n
  • Analyzed the existing information architecture and identified key usability and navigation issues<\/li>\n
  • Designed a new information architecture, navigation system, user flows and high-fidelity wireframes<\/li>\n
  • Worked closely with developers and stakeholders to ensure the proposed solutions were both user-centered and technically feasible<\/li>\n<\/ul>\n<\/div><\/div><\/div><\/div>
    <\/div><\/div><\/div><\/section>
    <\/div>
    [vc_single_image image=”24787″ img_size=”full” alignment=”center” style=”vc_box_rounded” css=”.vc_custom_1784833652050{border-radius: 10px !important;}” el_class=”no-margin-bottom”]<\/div><\/div><\/div>
    [vc_single_image image=”24789″ img_size=”full” alignment=”center” style=”vc_box_rounded” css=”” el_class=”no-margin-bottom”]<\/div><\/div><\/div>
    [vc_single_image image=”24791″ img_size=”full” alignment=”center” style=”vc_box_rounded” css=”” el_class=”no-margin-bottom”]<\/div><\/div><\/div><\/section>
    <\/div>
    [vc_icon type=”material” icon_material=”vc-material vc-material-error_outline” color=”custom” size=”xl” css=”” custom_color=”#F06022″]
    The Problem<\/h5>

    The existing web application had become difficult to navigate due to an unclear information architecture and inconsistent menu hierarchy. Users often struggled to find key features, lost their orientation within the application, and had to rely on trial and error to complete common tasks. As a result, even simple workflows\u2014such as running quick analyses\u2014were unnecessarily time-consuming and frustrating.<\/p>\n<\/div><\/div><\/div><\/div>

    [vc_icon type=”material” icon_material=”vc-material vc-material-check” color=”custom” size=”xl” css=”” custom_color=”#F06022″]
    The Solution<\/h5>

    The redesign aimed to create a more intuitive and accessible experience by simplifying the navigation, improving the information architecture, and making essential functionality easier to discover. The goal was to reduce cognitive load, increase efficiency, and ensure the application could be used confidently by both experienced users and those with limited digital skills. Visually the web app had to follow the already redesigned mobile app, which managed to overcome most of those issues.<\/p>\n<\/div><\/div><\/div><\/div><\/section>

    <\/div><\/div><\/div>
    [vc_single_image image=”24724″ img_size=”full” add_caption=”yes” alignment=”center” css_animation=”fadeInUp” css=”.vc_custom_1784823818858{margin-bottom: 4px !important;}” el_class=”margin-20px-bottom xs-margin-8px-bottom single-img-full”]<\/div><\/div><\/div>
    <\/div><\/div><\/div><\/section>
    <\/div>
    <\/div><\/div><\/div>
    User Research<\/h5>

    To achieve the project goals, it was essential to first understand the application’s users, their habits, and how they interacted with the existing app. I’ve explored what worked well for them, what caused frustration, which features they valued, and what they felt could be removed without affecting their workflow.<\/p>\n

    The research focused on identifying key pain points and uncovering the needs of different user groups through in-house workshops and interviews with key users. These insights were then synthesized into a unified solution that balanced diverse perspectives and addressed the needs of multiple user personas.<\/p>\n<\/div><\/div><\/div><\/div>

    <\/div><\/div><\/div><\/section>
    [vc_single_image image=”24735″ img_size=”full” add_caption=”yes” alignment=”center” style=”vc_box_rounded” onclick=”link_image” css=”” el_class=”no-margin-bottom”]<\/div><\/div><\/div>
    [vc_single_image image=”24737″ img_size=”full” add_caption=”yes” alignment=”center” style=”vc_box_rounded” onclick=”link_image” css=”” el_class=”no-margin-bottom”]<\/div><\/div><\/div>
    [vc_single_image image=”24739″ img_size=”full” add_caption=”yes” alignment=”center” style=”vc_box_rounded” onclick=”link_image” css=”” el_class=”no-margin-bottom”]<\/div><\/div><\/div><\/section>
    <\/div>
    As part of the research phase, I’ve conducted 9 in-depth interviews<\/strong> with key customers who were also regular app users.<\/h5><\/div><\/div><\/div><\/div>

    These conversations provided valuable insights into their workflows, expectations and everyday challenges. The research revealed the following key findings:<\/strong><\/p>\n

     <\/p>\n

      \n
    • Navigating through the application is not intuitive<\/li>\n
    • Too many clicks to reach the goal<\/li>\n
    • Data display should be as visual as possible<\/li>\n
    • Users need simple and short informations<\/li>\n
    • Interface design should be simple like in the mobile app<\/li>\n
    • Different interfaces for different types of users<\/li>\n<\/ul>\n<\/div><\/div><\/div><\/div><\/section>
      <\/div><\/div><\/div>
      [vc_single_image image=”24763″ img_size=”full” add_caption=”yes” alignment=”center” css_animation=”fadeInUp” css=”.vc_custom_1784828409257{margin-bottom: 4px !important;}” el_class=”margin-20px-bottom xs-margin-8px-bottom single-img-full”]<\/div><\/div><\/div>
      <\/div><\/div><\/div><\/section>
      <\/div>
      <\/div><\/div><\/div>
      [vc_single_image image=”24752″ img_size=”full” add_caption=”yes” alignment=”center” css_animation=”fadeInUp” css=”.vc_custom_1784831338211{margin-bottom: 4px !important;}” el_class=”margin-20px-bottom xs-margin-8px-bottom single-img-full”]<\/div><\/div><\/div>
      <\/div><\/div><\/div><\/section>
      <\/div>
      <\/div><\/div><\/div>
      Users want to see the forecast, analyze it quickly and take advantage of its simplicity<\/h5>

      The user’s primary focus is on the value the application brings, not on the additional “work” they have to put in to make the product work in their favor.<\/p>\n<\/div><\/div><\/div><\/div>

      <\/div><\/div><\/div><\/section>
      <\/div><\/div><\/div>
      [vc_single_image image=”24816″ img_size=”full” add_caption=”yes” alignment=”center” css_animation=”fadeInUp” css=”.vc_custom_1784877422217{margin-bottom: 30px !important;}” el_class=”margin-20px-bottom xs-margin-8px-bottom single-img-full”][vc_single_image image=”24818″ img_size=”full” add_caption=”yes” alignment=”center” css_animation=”fadeInUp” css=”.vc_custom_1784877468561{margin-bottom: 30px !important;}” el_class=”margin-20px-bottom xs-margin-8px-bottom single-img-full”]<\/div><\/div><\/div>
      <\/div><\/div><\/div><\/section>
      <\/div>
      <\/div><\/div><\/div>
      [vc_empty_space height=”120px”]
      <\/i><\/div>
      Trapview is an AI-based decision support system that enables efficient food production and reduces environmental impact.<\/h5>

      Value Proposition<\/p>\n<\/div>[vc_empty_space height=”120px”]<\/div><\/div><\/div>

      <\/div><\/div><\/div><\/section>
      <\/div>
      <\/div><\/div><\/div>
      [vc_single_image image=”24776″ img_size=”full” add_caption=”yes” alignment=”center” css_animation=”fadeInUp” css=”.vc_custom_1784876507978{margin-bottom: 30px !important;}” el_class=”margin-20px-bottom xs-margin-8px-bottom single-img-full”][vc_single_image image=”24778″ img_size=”full” add_caption=”yes” alignment=”center” css_animation=”fadeInUp” css=”.vc_custom_1784832939499{margin-bottom: 30px !important;}” el_class=”margin-20px-bottom xs-margin-8px-bottom single-img-full”][vc_single_image image=”24782″ img_size=”full” add_caption=”yes” alignment=”center” css_animation=”fadeInUp” css=”.vc_custom_1784832815101{margin-bottom: 4px !important;}” el_class=”margin-20px-bottom xs-margin-8px-bottom single-img-full”][vc_single_image image=”24798″ img_size=”full” add_caption=”yes” alignment=”center” css_animation=”fadeInUp” css=”.vc_custom_1784834153323{margin-bottom: 30px !important;}” el_class=”margin-20px-bottom xs-margin-8px-bottom single-img-full”][vc_single_image image=”24800″ img_size=”full” add_caption=”yes” alignment=”center” css_animation=”fadeInUp” css=”.vc_custom_1784834208060{margin-bottom: 30px !important;}” el_class=”margin-20px-bottom xs-margin-8px-bottom single-img-full”]<\/div><\/div><\/div>
      <\/div><\/div><\/div><\/section>
      <\/div>
      Outcomes<\/h5><\/div>

      The redesign transformed a complex and difficult-to-navigate application into a more intuitive and user-friendly experience. By improving the information architecture, simplifying navigation, and making key features easier to discover, users were able to complete tasks more efficiently, with greater confidence and less cognitive effort.<\/p>\n

      These improvements transformed the application into a more efficient and accessible tool, reducing user frustration while making everyday workflows faster and easier to complete.<\/p>\n<\/div><\/div><\/div><\/div>

      What Was Delivered<\/h5><\/div>
        \n
      • A simplified information architecture with a clear and consistent navigation hierarchy<\/li>\n
      • Faster access to frequently used features and analysis tools<\/li>\n
      • Streamlined user flows that reduced the number of steps required to complete common tasks<\/li>\n
      • A more intuitive interface that improved usability for both experienced users and users with limited digital skills<\/li>\n<\/ul>\n<\/div><\/div><\/div><\/div><\/section>\n<\/div>","protected":false},"excerpt":{"rendered":"Case Study: Trapview Web App RedesignUX \/ UI design, User research About TrapviewTrapview is a solution that effectively helps to make decisions about crop protection. It provides users with an overview of the situation in the field, predicts future events and simulates various scenarios of plant protection measures. CompanyEFOS d.o.o. IndustryIT, Agriculture ChallengeUX \/ UI Redesign of Web App Year of creation2022 - 2024 [vc_icon type=\"material\" icon_material=\"vc-material vc-material-flare\" color=\"custom\" size=\"xl\" css=\"\" custom_color=\"#F06022\"]My RoleI collaborated as a supporting UX \/ UI Designer under a Principal Designer, working closely with stakeholders, developers and end users to redesign the application around real user needs and business goals.   Conducted user interviews to understand workflows, pain points and expectations Analyzed the existing information architecture and identified key usability and navigation issues Designed a new information architecture, navigation system, user flows and high-fidelity wireframes Worked closely with developers and stakeholders to ensure the proposed solutions were both user-centered and technically feasible [vc_single_image image=\"24787\" img_size=\"full\" alignment=\"center\" style=\"vc_box_rounded\" css=\".vc_custom_1784833652050{border-radius: 10px !important;}\" el_class=\"no-margin-bottom\"][vc_single_image image=\"24789\" img_size=\"full\" alignment=\"center\" style=\"vc_box_rounded\" css=\"\" el_class=\"no-margin-bottom\"][vc_single_image image=\"24791\" img_size=\"full\" alignment=\"center\" style=\"vc_box_rounded\" css=\"\" el_class=\"no-margin-bottom\"][vc_icon type=\"material\" icon_material=\"vc-material vc-material-error_outline\" color=\"custom\" size=\"xl\" css=\"\" custom_color=\"#F06022\"]The ProblemThe existing web application had become difficult to navigate due to an unclear information architecture and...","protected":false},"featured_media":23803,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","class_list":["post-24675","portfolio","type-portfolio","status-publish","format-standard","has-post-thumbnail","hentry","portfolio-category-advertising","portfolio-tags-featured-en"],"yoast_head":"\nCase Study: Trapview Web App Redesign - Rok Jurman Design<\/title>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: Trapview Web App Redesign - Rok Jurman Design\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/\" \/>\n<meta property=\"og:site_name\" content=\"Rok Jurman Design\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-24T07:18:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rokjurman.com\/wp-content\/uploads\/2019\/01\/Rok-Jurman-Design_Hoteli-Bernardin-Portoro\u017e_facebook-image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/\",\"url\":\"https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/\",\"name\":\"Case Study: Trapview Web App Redesign - Rok Jurman Design\",\"isPartOf\":{\"@id\":\"https:\/\/rokjurman.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/rokjurman.com\/wp-content\/uploads\/2024\/10\/Trapview_intro.jpg\",\"datePublished\":\"2018-07-23T12:53:16+00:00\",\"dateModified\":\"2026-07-24T07:18:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/#primaryimage\",\"url\":\"https:\/\/rokjurman.com\/wp-content\/uploads\/2024\/10\/Trapview_intro.jpg\",\"contentUrl\":\"https:\/\/rokjurman.com\/wp-content\/uploads\/2024\/10\/Trapview_intro.jpg\",\"width\":1000,\"height\":1000},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/rokjurman.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\",\"item\":\"https:\/\/rokjurman.com\/portfolio\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Case Study: Trapview Web App Redesign\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rokjurman.com\/#website\",\"url\":\"https:\/\/rokjurman.com\/\",\"name\":\"Rok Jurman Design\",\"description\":\"Design, websites and social media marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rokjurman.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case Study: Trapview Web App Redesign - Rok Jurman Design","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"en_US","og_type":"article","og_title":"Case Study: Trapview Web App Redesign - Rok Jurman Design","og_url":"https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/","og_site_name":"Rok Jurman Design","article_modified_time":"2026-07-24T07:18:24+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/rokjurman.com\/wp-content\/uploads\/2019\/01\/Rok-Jurman-Design_Hoteli-Bernardin-Portoro\u017e_facebook-image.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/","url":"https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/","name":"Case Study: Trapview Web App Redesign - Rok Jurman Design","isPartOf":{"@id":"https:\/\/rokjurman.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/#primaryimage"},"image":{"@id":"https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/#primaryimage"},"thumbnailUrl":"https:\/\/rokjurman.com\/wp-content\/uploads\/2024\/10\/Trapview_intro.jpg","datePublished":"2018-07-23T12:53:16+00:00","dateModified":"2026-07-24T07:18:24+00:00","breadcrumb":{"@id":"https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/#primaryimage","url":"https:\/\/rokjurman.com\/wp-content\/uploads\/2024\/10\/Trapview_intro.jpg","contentUrl":"https:\/\/rokjurman.com\/wp-content\/uploads\/2024\/10\/Trapview_intro.jpg","width":1000,"height":1000},{"@type":"BreadcrumbList","@id":"https:\/\/rokjurman.com\/en\/portfolio\/web-app-case-study\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rokjurman.com\/en\/"},{"@type":"ListItem","position":2,"name":"Portfolio","item":"https:\/\/rokjurman.com\/portfolio\/"},{"@type":"ListItem","position":3,"name":"Case Study: Trapview Web App Redesign"}]},{"@type":"WebSite","@id":"https:\/\/rokjurman.com\/#website","url":"https:\/\/rokjurman.com\/","name":"Rok Jurman Design","description":"Design, websites and social media marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rokjurman.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/rokjurman.com\/en\/wp-json\/wp\/v2\/portfolio\/24675"}],"collection":[{"href":"https:\/\/rokjurman.com\/en\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/rokjurman.com\/en\/wp-json\/wp\/v2\/types\/portfolio"}],"replies":[{"embeddable":true,"href":"https:\/\/rokjurman.com\/en\/wp-json\/wp\/v2\/comments?post=24675"}],"version-history":[{"count":105,"href":"https:\/\/rokjurman.com\/en\/wp-json\/wp\/v2\/portfolio\/24675\/revisions"}],"predecessor-version":[{"id":24820,"href":"https:\/\/rokjurman.com\/en\/wp-json\/wp\/v2\/portfolio\/24675\/revisions\/24820"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rokjurman.com\/en\/wp-json\/wp\/v2\/media\/23803"}],"wp:attachment":[{"href":"https:\/\/rokjurman.com\/en\/wp-json\/wp\/v2\/media?parent=24675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}