Oleg Sukhov
Product designer
Ak Bars Bank
Develop a UX-centered solution focused on halal investment filtering, with additional support for dark mode
Ak Bars Bank
Develop a UX-centered solution focused on halal investment filtering, with additional support for dark mode
Ak Bars Bank
Develop a UX-centered solution focused on halal investment filtering, with additional support for dark mode
Service
Service
UX/UI · Mobile App
Client
Client
Ak Bars Bank
Date
Date
May – July 2023
Project goals
Project goals
Project goals
01
Integrate halal filtering for religiously conscious users
01
Integrate halal filtering for religiously conscious users
01
Integrate halal filtering for religiously conscious users
02
Implement dark mode for comfortable visual experience
02
Implement dark mode for comfortable visual experience
02
Implement dark mode for comfortable visual experience
Role & tasks
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
User interface design
Creating a design that reflects user needs and expectations while adhering to halal principles
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
User interface design
Creating a design that reflects user needs and expectations while adhering to halal principles
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
User interface design
Creating a design that reflects user needs and expectations while adhering to halal principles
Interface design based on feedback
Making design adjustments based on user feedback, including the addition of a dark theme to the interface
Investment performance screen with dynamic chart
Halal filter applied to investment options in dark mode
Work stages
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
Concept & early prototypes
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
Concept & early prototypes
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
Project wrap-up
Project wrap-up
Project 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
Featured in media
Ak Bars Bank’s halal investment interface was launched and featured in Vedomosti as the first CBR-approved product
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: June 2025
Made by me in Framer
・
Last update: June 2025
Made by me in Framer
・
Last update: June 2025