AK BARS BANK

AK BARS BANK

Develop a UX-centered solution focused on halal investment filtering, with additional support for dark mode

Service
UX/UI · Mobile App
Service
UX/UI · Mobile App
Service
UX/UI · Mobile App
Client
Ak Bars Bank
Client
Ak Bars Bank
Client
Ak Bars Bank
Date
May – July 2023
Date
May – July 2023
Date
May – July 2023

Projects goals

Projects goals

  1. Integrate halal filtering for religiously conscious users

  2. Implement dark mode for comfortable visual experience

  1. Integrate halal filtering for religiously conscious users

  2. Implement dark mode for comfortable visual experience

Role & tasks

Role & tasks

  1. Synthesis of research data
  • Consolidating research findings conducted by other team members to identify key requirements and understand user needs

  1. Prototyping
  • Developing prototypes that demonstrate the functionality and appearance of the proposed solution, enabling the team and users to evaluate and test conceptsn


3. User interface design
  • Creating a design that reflects user needs and expectations while adhering to halal principles


4. Interface design based on feedback
  • Making design adjustments based on user feedback, including the addition of a dark theme to the interface

  1. Synthesis of research data
  • Consolidating research findings conducted by other team members to identify key requirements and understand user needs

  1. Prototyping
  • Developing prototypes that demonstrate the functionality and appearance of the proposed solution, enabling the team and users to evaluate and test conceptsn


3. User interface design
  • Creating a design that reflects user needs and expectations while adhering to halal principles


4. Interface design based on feedback
  • Making design adjustments based on user feedback, including the addition of a dark theme to the interface

Screens

Screens

Work stages

Work stages

  1. Research & discovery
    • Conducted multiple rounds of interviews to understand needs around halal investment filtering

    • Feedback: Users requested simple, clear filtering options — e.g., a calendar or visible toggle


  1. Research & discovery
    • First prototype included a calendar-based filter

    • Feedback: Calendar was too abstract; users preferred toggle format

    • Adjusted prototype to test toggle in settings


  1. Iteration & refinement
    • Users wanted immediate filtering on the search screen

    • Refined UI: moved toggle directly into the filter section for visibility and ease of use

  2. Final design & handoff
    • Delivered hi-fi prototype with integrated halal filter and dark mode

    • Presented solution to stakeholders with rationale and UX gains



  1. Research & discovery
    • Conducted multiple rounds of interviews to understand needs around halal investment filtering

    • Feedback: Users requested simple, clear filtering options — e.g., a calendar or visible toggle


  1. Research & discovery
    • First prototype included a calendar-based filter

    • Feedback: Calendar was too abstract; users preferred toggle format

    • Adjusted prototype to test toggle in settings


  1. Iteration & refinement
    • Users wanted immediate filtering on the search screen

    • Refined UI: moved toggle directly into the filter section for visibility and ease of use

  2. Final design & handoff
    • Delivered hi-fi prototype with integrated halal filter and dark mode

    • Presented solution to stakeholders with rationale and UX gains



Wrap-up

Wrap-up

Design Decisions
  • Replaced calendar filter with a toggle to improve clarity and user control

  • Moved controls to the search screen to enhance visibility and navigation logic

  • Implemented dark mode and subtle indicators to highlight relevant assets (e.g., halal)


Outcomes
  • Prototype and UX solutions were successfully tested and approved by the client

  • Improvements (filter, dark mode) enhanced interface clarity during user testing

  • Received positive feedback from the product team


Reflection
  • Learned to accommodate religious and cultural constraints without compromising UX

  • Refined iterative design approach through real user feedback

  • Strengthened accessibility skills and the ability to simplify without oversimplifying

Design Decisions
  • Replaced calendar filter with a toggle to improve clarity and user control

  • Moved controls to the search screen to enhance visibility and navigation logic

  • Implemented dark mode and subtle indicators to highlight relevant assets (e.g., halal)


Outcomes
  • Prototype and UX solutions were successfully tested and approved by the client

  • Improvements (filter, dark mode) enhanced interface clarity during user testing

  • Received positive feedback from the product team


Reflection
  • Learned to accommodate religious and cultural constraints without compromising UX

  • Refined iterative design approach through real user feedback

  • Strengthened accessibility skills and the ability to simplify without oversimplifying

Featured in media

Ak Bars Bank’s halal investment interface was launched and featured in Vedomosti as the first CBR-approved product

Made by me in Framer

Last update: November 2025

Made by me in Framer

Last update: November 2025

Made by me in Framer

Last update: November 2025

/
Ak Bars Bank
/
Ak Bars Bank
Ak Bars Bank
Oleg Sukhov
Product designer