{"id":98,"date":"2022-11-20T18:12:35","date_gmt":"2022-11-20T18:12:35","guid":{"rendered":"https:\/\/amrnaga.com\/?page_id=98"},"modified":"2026-06-12T18:04:07","modified_gmt":"2026-06-12T18:04:07","slug":"nahdi-ux-ui-case-study","status":"publish","type":"page","link":"https:\/\/amrnaga.com\/?page_id=98","title":{"rendered":"Nahdi UX\/UI Case Study"},"content":{"rendered":"\n
\n
\"\"<\/figure>\n<\/figure>\n\n\n\n
\n

Stakeholder<\/strong>:\u00a0Nahdi Pharmacy of Saudi Arabia
Role<\/strong>:\u00a0Owned end-to-end UX strategy across research, IA, interaction design, and visual design. Drove alignment between business stakeholders and the development team.
Scope:<\/strong>\u00a06-month engagement \u00b7 Cross-functional team of 8 (2 designers, 3 devs, 1 PM, 1 stakeholders) |\u00b7 Mobile app + responsive website.
Methods<\/strong>:\u00a0Research, user interviews, usability test, Prototyping
Tools<\/strong>:\u00a0Pen, Papers, Miro and Figma
Deliverables<\/strong>:\u00a0Research & Analysis, Usability Testing, Wireframes and UI design<\/p>\n\n\n\n

\n<\/div>\n\n\n\n
\n\n\n\n
\n

Overview<\/strong><\/h4>\n\n\n\n

Nahdi Medical Company is a leading chain of Saudi retail pharmacy. It manages and operates a nationwide network in 125 cities and villages across the Kingdom, which makes it one of the leading pharmacies in the region.<\/p>\n<\/div>\n\n\n\n

\n\n\n\n
\n

The Challenge<\/strong><\/h4>\n\n\n\n
  • The project goal was to completely revamp the UX, UI and the overall brand look and feel across the mobile app and website. <\/li>
  • One of the key factors for the experience was to focus on the usability of the app and let the users navigate across the app easier. <\/li>
  • Many users confusing while using the app, So Client wanted us to find a way to improve the customer journey. <\/li>
  • Improve the product position on the market by adding more features that add value.<\/li><\/ul>\n<\/div>\n\n\n\n
    \n\n\n\n
    \n

    Design Approach<\/strong><\/h4>\n\n\n\n
    \n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n<\/div>\n\n\n\n

    After I already had a clear problem statement, Now we can conduct an internal design team meeting to discuss what would be our approach and design process for this project to generate ideas and come up with solutions.<\/p>\n<\/div>\n\n\n\n

    \n\n\n\n
    \n

    Heuristic Evaluation<\/strong><\/h4>\n\n\n\n
    \n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n<\/figure>\n\n\n\n

    We started by creating a report that discusses the main findings of the expert review done for Al Nahdi Online Pharmacy app. We paid particular attention to observations from an expert user experience lense; identifying the top most critical usability issues, prioritizing them, and providing recommended fixes for each.<\/p>\n\n\n\n

    Objectives:
    <\/strong>
    The primary objective of this expert review is to expand on heuristic evaluations by assessing the design not only for compliance with heuristics, but also against other known usability guidelines, principles of usability-related fields such as cognitive psychology and human-computer interaction, and the reviewer\u2019s expertise and past experience in the field.

    These findings serve as preliminary insights to the usability tests taking place in the following phase. While this review document will establish the more apparent issues, usability test will uncover issues and problem in more depth and variance.<\/p>\n<\/div>\n\n\n\n

    \n\n\n\n
    \n

    Usability Testing<\/strong><\/h4>\n\n\n\n
    \n
    \n
    \n
    \"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
    • Through all the listed use cases, a thorough analysis is conducted against the major usability principles and design understanding to list out the main usability issues to be encountered by users.
      <\/li>
    • Then, each issue is given a severity score. The severity score equals to criticality since the frequency of occurrence is not accounted for in the expert review. Frequency is generally evaluated in the usability testing phase since it can be measured when there is more than one user testing the use case.
      <\/li>
    • Finally, after proposing a recommended solution for each issue, an estimate of the fixed cost was given to help prioritize the issues<\/li><\/ul>\n<\/div>\n\n\n\n
      \n\n\n\n
      \n

      Information Architecture<\/h4>\n\n\n\n
      \n
      \n
      \n
      \"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

      Once I understood our users, then I began working on solutions based on the brainstorming sessions carried out in the definition stage, Starting with the ideation session to come up with the solutions

      Alnahdi wanted to create a better experience for their online platforms, By following their analytical data and the competitor analysis data, I came up with some solutions from the brainstorming sessions we held as well.<\/p>\n<\/div>\n\n\n\n

      \n\n\n\n
      \n

      Visual<\/strong> Design<\/strong><\/h4>\n\n\n\n
      \n
      \n
      \n
      \n
      \n
      \n
      \n
      \n
      \n
      \"\"<\/figure>\n<\/div>\n\n\n\n
      \n
      \"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
      \n
      \n
      \"\"<\/figure>\n<\/div>\n\n\n\n
      \n
      \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
      \n
      \n
      \"\"<\/figure>\n<\/div>\n\n\n\n
      <\/div>\n<\/div>\n\n\n\n
      \n\n\n\n
      \n
      \n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n<\/div>\n\n\n\n
      \n
      \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
      \n\n\n\n
      \n

      Highlights of the project<\/strong><\/h4>\n\n\n\n

      <\/p>\n\n\n\n

      \n
      \n
      \n

      Skin Analyzer Tool<\/strong><\/p>\n\n\n\n

      An advanced virtual skincare advisor that uses Artificial Intelligence (AI) driven algorithms to analyze selfies and offer a personalized recommended routine in just 60 seconds.<\/p>\n<\/div>\n\n\n\n

      \n
      \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
      1. Display the feature in the top of the page so users can locate it easily.<\/li>
      2. Change the design of the feature to make it look like a clickable feature not an AD banner.<\/li>
      3. Provide this feature in various pages of the application.<\/li>
      4. Made question formation appropriate to the user’s gender and ordered logically.<\/li>
      5. Gave specific image criteria and ensured that the system recognized the image.

        <\/li><\/ol>\n<\/div>\n\n\n\n
        \n
        \n
        \n
        \n

        Color Studio<\/strong><\/p>\n<\/div>\n\n\n\n

        Color Studio is designed to help women choose makeup, contact lenses, and hair colors that complement their skin tone and enhance their overall appearance.<\/p>\n<\/div>\n\n\n\n

        \n
        \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        The tool uses advanced color analysis techniques to determine the user’s skin tone and suggests colors that work best with it.

        By uploading a photo of themselves and experimenting with different makeup looks, hair colors, and contact lenses to see how they will look before making any real-life changes. The tool offers a wide range of shades and hues to choose from, so women can find the perfect match for their skin tone and personal preferences.

        In addition to helping them choose the right colors, Color Studio also provides useful tips and advice on makeup application, hair care, and contact lens care.<\/p>\n<\/div>\n\n\n\n

        <\/p>\n\n\n\n

        \n
        \n
        \n
        \n

        E-Prescription Service<\/strong><\/p>\n\n\n\n

        E-Prescription tool is an efficient way to manage medications. It can save time and hassle to streamline the process of filling prescriptions.<\/p>\n<\/div>\n<\/div>\n\n\n\n

        \n
        \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        By allowing patients to upload their prescriptions or submit a refill approval number through the app. Once the prescription has been verified and approved, We will deliver the medication directly to the patient’s doorstep, eliminating the need for in-person visits to the pharmacy.

        Patients can easily track their medication orders through the app and receive notifications when their medication is ready for delivery.

        Additionally, the tool can also help patients manage their medications by providing information on potential side effects, drug interactions, and dosage instructions.<\/p>\n<\/div>\n\n\n\n

        <\/p>\n\n\n\n

        Conclusion<\/strong><\/p>\n\n\n\n

        • The redesign addressed critical usability failures across navigation, checkout, and discoverability \u2014 validated through research at every stage and delivered alongside three net-new AI-powered features.<\/em><\/li>
        • Heuristic evaluation and usability testing identified critical navigation failures \u2014 all were resolved in the redesigned IA, measurably reducing user confusion across core journeys.<\/li>
        • Checkout drop-off was identified as a top severity issue. The redesigned flow streamlined steps and clarified affordances, directly improving purchase completion.<\/li>
        • Three differentiated features \u2014 AI Skin Analyzer, Color Studio, and E-Prescription \u2014 were designed and shipped, strengthening Nahdi’s competitive position in the Saudi market.<\/li><\/ul>\n\n\n\n

          <\/p>\n\n\n\n

          <\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

          Stakeholder:\u00a0Nahdi Pharmacy of Saudi ArabiaRole:\u00a0Owned end-to-end UX strategy across research, IA, interaction design, and visual design. Drove alignment between business stakeholders and the development team.Scope:\u00a06-month engagement \u00b7 Cross-functional team of 8 (2 designers, 3 devs, 1 PM, 1 stakeholders) |\u00b7 Mobile app + responsive website.Methods:\u00a0Research, user interviews, usability test, PrototypingTools:\u00a0Pen, Papers, Miro and FigmaDeliverables:\u00a0Research & […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/amrnaga.com\/index.php?rest_route=\/wp\/v2\/pages\/98"}],"collection":[{"href":"https:\/\/amrnaga.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amrnaga.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amrnaga.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amrnaga.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=98"}],"version-history":[{"count":20,"href":"https:\/\/amrnaga.com\/index.php?rest_route=\/wp\/v2\/pages\/98\/revisions"}],"predecessor-version":[{"id":197,"href":"https:\/\/amrnaga.com\/index.php?rest_route=\/wp\/v2\/pages\/98\/revisions\/197"}],"wp:attachment":[{"href":"https:\/\/amrnaga.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=98"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}