Starting a new project? Feel free to
Starting a new project?
Feel free to
Starting a new project? Feel free to
Starting a new project? Feel free to
Starting a new project? Feel free to
Starting a new project? Feel free to
Starting a new project?
Feel free to
Starting a new project? Feel free to
Starting a new project? Feel free to
BOC Pay Lucky Draw - Bank Of China
BOC Pay Lucky Draw
Bank Of China
BOC Pay
Lucky Draw
Bank Of China
BOC Pay is a payment app developed by the Bank of China (Hong Kong). The marketing department hopes to promote it by introducing a lucky draw feature within the main Bank of China app. Users can participate in the lucky draw by completing missions.
Due to a lack of human resources, the marketing team hopes that an agency can collaborate with the Bank of China’s development department to create the lucky draw feature without posing any risks or causing damage to the bank's security system
BOC Pay is a payment app developed by the Bank of China (Hong Kong). The marketing department hopes to promote it by introducing a lucky draw feature within the main Bank of China app. Users can participate in the lucky draw by completing missions.
Due to a lack of human resources, the marketing team hopes that an agency can collaborate with the Bank of China’s development department to create the lucky draw feature without posing any risks or causing damage to the bank's security system.
Current Issues
Conflicts Between Teams
Department boundaries at the Bank of China have eroded mutual trust, with neither team willing to compromise, prioritizing mistake avoidance over achieving success.
Security Concern
Security
Concern
According to the marketing team's plan, many tasks involve sensitive bank information, potentially creating significant security vulnerabilities or serious loopholes.
Competitive Market
Competitive Market
Competitive Market
Competitive Market
Competitive Market
Competitive Market
Hong Kong's payment app market is monopolized, making it hard to attract users to install other formats if the portal isn't user-friendly or the process is too complex.
Project Directions And My Role
Project Directions And
My Role
Userflow and Wireframe
I created two wireframe directions to address both teams' concerns and needs, balancing them after they confirmed their version.
Proposing to Marketing Team
Original Interface Of Configuration function
To address the conflicts between the Marketing Team and the Development Team, we proposed two different approaches and analyzed the pros and cons of each wireframe. By acting as a bridge between the two teams, we facilitated a better understanding of each team's challenges and needs, helping to balance their priorities and foster collaboration..
My Role
As the sole designer of the platform, I worked closely with project managers to organize change decisions, collaborated with front-end developers on the user interface, and worked with backend developers on our CMS control panel. Based on user feedback from the customer service team and data-driven insights, we gathered enough figures to support our ideas and push the changes into our platform. Along with the findings from the user flow chart, our product manager decided to have me lead the changes on the "Config" function page.
As the project designer, I served as a bridge between the developers and the marketing team at the Bank of China. I worked closely with our agency developers to explore solutions that could smoothly address the concerns of both departments. With the cooperation of our agency developers, I presented our findings and design direction, aiming to satisfy both sides. Throughout the project, I represented our agency, presenting our ideas and acting as a 'buffer' to facilitate collaboration.
Project Pain Points
Final decision-making authority of the project
The project ownership is complicated as we serve multiple parties within our client organization. Conflicts of interest between departments have impacted the development of the project. We had to maintain a delicate balance between these conflicts to successfully complete the project.
BOC Credit Card (Int'I) Ltd -> Marketing Need
IT Department -> Bank Security Need
Comlicated Mission To Applicants
Competition between banks
Final decision-making authority of the project
The project ownership is complicated as we serve multiple parties within our client organization. Conflicts of interest between departments have impacted the development of the project. We had to maintain a delicate balance between these conflicts to successfully complete the project.
BOC Credit Card (Int'I) Ltd -> Marketing Need
IT Department -> Bank Security Need
Comlicated Mission To Applicants
Competition between banks
Final decision-making authority of the project
The project ownership is complicated as we serve multiple parties within our client organization. Conflicts of interest between departments have impacted the development of the project. We had to maintain a delicate balance between these conflicts to successfully complete the project.
BOC Credit Card (Int'I) Ltd -> Marketing Need
IT Department -> Bank Security Need
Comlicated Mission To Applicants
"Users encounter a significant learning curve when navigating the task list, as there are no clear prompts or guidance provided. Due to this lack of clarity, many users struggle to understand the task requirements and are often forced to search online or contact the bank directly for further confirmation.
Left: Smart Green Lucky Draw
(One chance upon completion)
Right: Smart e-Trading
(Extra chance per each completion)
Competition between banks
The competition among bank promotions is intense, and users are highly sensitive to all promotional offers and rewards. Capturing the target audience’s attention at first glance and clearly conveying the lottery details is crucial.
Traditional Bank: HSBC (Left)
Virtual Bank: MOX Bank (Right)
Final decision-making authority of the project
The project ownership is complicated as we serve multiple parties within our client organization. Conflicts of interest between departments have impacted the development of the project. We had to maintain a delicate balance between these conflicts to successfully complete the project.
BOC Credit Card (Int'I) Ltd -> Marketing Need
IT Department -> Bank Security Need
Comlicated Mission To Applicants
"Users encounter a significant learning curve when navigating the task list, as there are no clear prompts or guidance provided. Due to this lack of clarity, many users struggle to understand the task requirements and are often forced to search online or contact the bank directly for further confirmation.
Left: Smart Green Lucky Draw
(One chance upon completion)
Right: Smart e-Trading
(Extra chance per each completion)
Competition between banks
The competition among bank promotions is intense, and users are highly sensitive to all promotional offers and rewards. Capturing the target audience’s attention at first glance and clearly conveying the lottery details is crucial.
Traditional Bank: HSBC (Left)
Virtual Bank: MOX Bank (Right)
Final decision-making authority of the project
The project ownership is complicated as we serve multiple parties within our client organization. Conflicts of interest between departments have impacted the development of the project. We had to maintain a delicate balance between these conflicts to successfully complete the project.
BOC Credit Card (Int'I) Ltd -> Marketing Need
IT Department -> Bank Security Need
Comlicated Mission To Applicants
"Users encounter a significant learning curve when navigating the task list, as there are no clear prompts or guidance provided. Due to this lack of clarity, many users struggle to understand the task requirements and are often forced to search online or contact the bank directly for further confirmation.
Left: Smart Green Lucky Draw
(One chance upon completion)
Right: Smart e-Trading
(Extra chance per each completion)
Competition between banks
The competition among bank promotions is intense, and users are highly sensitive to all promotional offers and rewards. Capturing the target audience’s attention at first glance and clearly conveying the lottery details is crucial.
Traditional Bank: HSBC (Left)
Virtual Bank: MOX Bank (Right)
Final decision-making authority of the project
The project ownership is complicated as we serve multiple parties within our client organization. Conflicts of interest between departments have impacted the development of the project. We had to maintain a delicate balance between these conflicts to successfully complete the project.
BOC Credit Card (Int'I) Ltd -> Marketing Need
IT Department -> Bank Security Need
Comlicated Mission To Applicants
Competition between banks
Final decision-making authority of the project
The project ownership is complicated as we serve multiple parties within our client organization. Conflicts of interest between departments have impacted the development of the project. We had to maintain a delicate balance between these conflicts to successfully complete the project.
BOC Credit Card (Int'I) Ltd -> Marketing Need
IT Department -> Bank Security Need
Comlicated Mission To Applicants
Competition between banks
Final decision-making authority of the project
The project ownership is complicated as we serve multiple parties within our client organization. Conflicts of interest between departments have impacted the development of the project. We had to maintain a delicate balance between these conflicts to successfully complete the project.
BOC Credit Card (Int'I) Ltd -> Marketing Need
IT Department -> Bank Security Need
Comlicated Mission To Applicants
Competition between banks
Optimizing Directions
Prototype
Presenting our prototype gives both departments a clear understanding of our plan. They can make quick adjustments if needed and communicate concerns with specific directions and changes."
Documentation
All files must be clearly recorded and properly named to avoid any misunderstandings between the bank and our agency. With complete files, we can easily trace back and address any mistakes or required changes.
Referencing
The competition between banks is actually an advantage for us. We can simplify our visuals while still delivering the message that we now have a lucky draw. The key is to make it similar, but with a unique twist.
Optimizing Directions
Add Limation
To present the best solution to both teams, we created a demo for the developers at the Bank of China. This demo was designed to ensure that the app's features met the marketing team's expectations and aligned with their promotional goals. By providing this clear and practical example, we aimed to bridge any gaps between the teams and achieve their shared objectives.
Interactive Changes
Descrease Design Columns
Add Limation
To present the best solution to both teams, we created a demo for the developers at the Bank of China. This demo was designed to ensure that the app's features met the marketing team's expectations and aligned with their promotional goals. By providing this clear and practical example, we aimed to bridge any gaps between the teams and achieve their shared objectives.
Interactive Changes
Descrease Design Columns
Add Limation
To present the best solution to both teams, we created a demo for the developers at the Bank of China. This demo was designed to ensure that the app's features met the marketing team's expectations and aligned with their promotional goals. By providing this clear and practical example, we aimed to bridge any gaps between the teams and achieve their shared objectives.
Interactive Changes
Descrease Design Columns
Add Limation
To present the best solution to both teams, we created a demo for the developers at the Bank of China. This demo was designed to ensure that the app's features met the marketing team's expectations and aligned with their promotional goals. By providing this clear and practical example, we aimed to bridge any gaps between the teams and achieve their shared objectives.
Interactive Changes
Descrease Design Columns
Add Limation
To present the best solution to both teams, we created a demo for the developers at the Bank of China. This demo was designed to ensure that the app's features met the marketing team's expectations and aligned with their promotional goals. By providing this clear and practical example, we aimed to bridge any gaps between the teams and achieve their shared objectives.
Interactive Changes
Descrease Design Columns
Add Limation
To present the best solution to both teams, we created a demo for the developers at the Bank of China. This demo was designed to ensure that the app's features met the marketing team's expectations and aligned with their promotional goals. By providing this clear and practical example, we aimed to bridge any gaps between the teams and achieve their shared objectives.
Interactive Changes
Working with outsourced developers necessitates clear communication to avoid misunderstandings about our products' elements and functions. To minimize the risk of errors, we prepared a comprehensive Component Library. This library serves as a standardized reference for images and elements to be used throughout the development process, ensuring consistency and reducing the likelihood of discrepancies.
Descrease Design Columns
To promote the lucky draw features in the BOC mobile app, we studied their branding guidelines and reviewed previously created banners. Based on this analysis, we developed 40 different banner concepts, each with unique directions and themes, for their selection. This approach ensures that the final banners align with their brand identity while effectively highlighting the lucky draw features.
Add Limation
To present the best solution to both teams, we created a demo for the developers at the Bank of China. This demo was designed to ensure that the app's features met the marketing team's expectations and aligned with their promotional goals. By providing this clear and practical example, we aimed to bridge any gaps between the teams and achieve their shared objectives.
Interactive Changes
Working with outsourced developers necessitates clear communication to avoid misunderstandings about our products' elements and functions. To minimize the risk of errors, we prepared a comprehensive Component Library. This library serves as a standardized reference for images and elements to be used throughout the development process, ensuring consistency and reducing the likelihood of discrepancies.
Descrease Design Columns
To promote the lucky draw features in the BOC mobile app, we studied their branding guidelines and reviewed previously created banners. Based on this analysis, we developed 40 different banner concepts, each with unique directions and themes, for their selection. This approach ensures that the final banners align with their brand identity while effectively highlighting the lucky draw features.
Add Limation
To present the best solution to both teams, we created a demo for the developers at the Bank of China. This demo was designed to ensure that the app's features met the marketing team's expectations and aligned with their promotional goals. By providing this clear and practical example, we aimed to bridge any gaps between the teams and achieve their shared objectives.
Interactive Changes
Working with outsourced developers necessitates clear communication to avoid misunderstandings about our products' elements and functions. To minimize the risk of errors, we prepared a comprehensive Component Library. This library serves as a standardized reference for images and elements to be used throughout the development process, ensuring consistency and reducing the likelihood of discrepancies.
Descrease Design Columns
To promote the lucky draw features in the BOC mobile app, we studied their branding guidelines and reviewed previously created banners. Based on this analysis, we developed 40 different banner concepts, each with unique directions and themes, for their selection. This approach ensures that the final banners align with their brand identity while effectively highlighting the lucky draw features.
Goals And Impact
Drive 200K+ User Registration
The Lucky Draw attracted over 200,000 user registration during the event period and recorded the year's highest download.
Integration for
Future Events
BOC HK adopted the Lucky Draw feature, including icons, button design, and the layout design into their future events.
Invitation for Long-Term Collaboration
BOC HK invited us to establish a long-term partnership and entrusted us with managing the Lucky Draw for the next two years.
Goals And Impact
Drive 200K+ User Registration
The Lucky Draw attracted over 200,000 user registration during the event period and recorded the year's highest download.
Integration for
Future Events
BOC HK adopted the Lucky Draw feature, including icons, button design, and the layout design into their future events.
Invitation for Long-Term Collaboration
BOC HK invited us to establish a long-term partnership and entrusted us with managing the Lucky Draw for the next two years.
Goals And Impact
Drive 200K+ User Registration
The Lucky Draw attracted over 200,000 user registration during the event period and recorded the year's highest download.
Integration for
Future Events
BOC HK adopted the Lucky Draw feature, including icons, button design, and the layout design into their future events.
Invitation for Long-Term Collaboration
BOC HK invited us to establish a long-term partnership and entrusted us with managing the Lucky Draw for the next two years.
Goals And Impact
Drive 200K+ User Registration
The Lucky Draw attracted over 200,000 user registration during the event period and recorded the year's highest download.
Integration for
Future Events
BOC HK adopted the Lucky Draw feature, including icons, button design, and the layout design into their future events.
Invitation for Long-Term Collaboration
BOC HK invited us to establish a long-term partnership and entrusted us with managing the Lucky Draw for the next two years.
Goals And Impact
Drive 200K+ User Registration
The Lucky Draw attracted over 200,000 user registration during the event period and recorded the year's highest download.
Integration for
Future Events
BOC HK adopted the Lucky Draw feature, including icons, button design, and the layout design into their future events.
Invitation for Long-Term Collaboration
BOC HK invited us to establish a long-term partnership and entrusted us with managing the Lucky Draw for the next two years.
Goals And Impact
Drive 200K+ User Registration
The Lucky Draw attracted over 200,000 user registration during the event period and recorded the year's highest download.
Integration for
Future Events
BOC HK adopted the Lucky Draw feature, including icons, button design, and the layout design into their future events.
Invitation for Long-Term Collaboration
BOC HK invited us to establish a long-term partnership and entrusted us with managing the Lucky Draw for the next two years.
Goals And Impact
Drive 200K+ User Registration
The Lucky Draw attracted over 200,000 user registration during the event period and recorded the year's highest download.
Integration for
Future Events
BOC HK adopted the Lucky Draw feature, including icons, button design, and the layout design into their future events.
Invitation for Long-Term Collaboration
BOC HK invited us to establish a long-term partnership and entrusted us with managing the Lucky Draw for the next two years.
Goals And Impact
Drive 200K+ User Registration
The Lucky Draw attracted over 200,000 user registration during the event period and recorded the year's highest download.
Integration for
Future Events
BOC HK adopted the Lucky Draw feature, including icons, button design, and the layout design into their future events.
Invitation for Long-Term Collaboration
BOC HK invited us to establish a long-term partnership and entrusted us with managing the Lucky Draw for the next two years.