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
Integrate halal filtering for religiously conscious users
Implement dark mode for comfortable visual experience
Integrate halal filtering for religiously conscious users
Implement dark mode for comfortable visual experience
Role & tasks
Role & tasks
Synthesis of research data
Consolidating research findings conducted by other team members to identify key requirements and understand user needs
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
Synthesis of research data
Consolidating research findings conducted by other team members to identify key requirements and understand user needs
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
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
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
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
Final design & handoff
Delivered hi-fi prototype with integrated halal filter and dark mode
Presented solution to stakeholders with rationale and UX gains
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
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
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
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





