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
The International Montessori School Of Hong Kong
The International
Montessori
School Of Hong Kong
The International
Montessori
School Of
Hong Kong
The International Montessori
School Of Hong Kong
The International Montessori School (IMS) is an international school established in 2002. Through its Montessori curriculum in a dual-language setting, it serves students in Hong Kong.
However, the school is facing a decline in student enrollment due to the dropping birth rate. As a result, parents now have greater influence in the application process. The school aims to provide more information to attract 'high-quality' parents.
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
Lack of structured content
The website contains duplicated and unintegrated information due to a lack of clear branding and content guidelines, resulting in inconsistent messaging and communication.
Complicated application
Security
Concern
The system lacks automation and is manually controlled during office hours, creating challenges for global applicants and causing delays, frustration, and inefficiencies.
Bad Device Experience
Bad Device Experience
Bad Device Experience
Bad Device Experience
Bad Device Experience
The website is primarily designed for desktop use. When accessed on other devices, the content overflows, making it difficult for users to navigate and find the information they need.
Project Directions And My Role
Project Directions And
My Role
My Role
As the only designer, I work closely with marketing team and external vender to get the revamp project done. I start the project with revamp the branding, building guideline, interview the parents and teachers and set up new sitemap and SEO setting in half year.
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
Complicated site structure
The original website contains over 150 pages of information with many duplicated or outdated contents. Through the revamp project, IMS can delete, update, or integrate information into fewer pages, reducing the overall page count and easing user navigation.
Outdated application process
Non Mobile Responsive
Complicated site structure
The original website contains over 150 pages of information with many duplicated or outdated contents. Through the revamp project, IMS can delete, update, or integrate information into fewer pages, reducing the overall page count and easing user navigation.
Outdated application process
Non Mobile Responsive
Complicated site structure
The original website contains over 150 pages of information with many duplicated or outdated contents. Through the revamp project, IMS can delete, update, or integrate information into fewer pages, reducing the overall page count and easing user navigation.
Outdated application process
Non Mobile Responsive
Complicated site structure
The original website contains over 150 pages of information with many duplicated or outdated contents. Through the revamp project, IMS can delete, update, or integrate information into fewer pages, reducing the overall page count and easing user navigation.
Outdated application process
Non Mobile Responsive
Complicated site structure
The original website contains over 150 pages of information with many duplicated or outdated contents. Through the revamp project, IMS can delete, update, or integrate information into fewer pages, reducing the overall page count and easing user navigation.
Outdated application process
The application process requires parents to submit forms during Hong Kong's daytime, with only phone, email, or mail options available. There is no form on the website, making the process slow and prone to errors due to IMS's mailbox issues.
Non Mobile Responsive
The original site design is not mobile or tablet-friendly, despite over 70% of users accessing the site via mobile. This negatively impacts user experience and the school's first impression.
Complicated site structure
The original website contains over 150 pages of information with many duplicated or outdated contents. Through the revamp project, IMS can delete, update, or integrate information into fewer pages, reducing the overall page count and easing user navigation.
Outdated application process
The application process requires parents to submit forms during Hong Kong's daytime, with only phone, email, or mail options available. There is no form on the website, making the process slow and prone to errors due to IMS's mailbox issues.
Non Mobile Responsive
The original site design is not mobile or tablet-friendly, despite over 70% of users accessing the site via mobile. This negatively impacts user experience and the school's first impression.
Complicated site structure
The original website contains over 150 pages of information with many duplicated or outdated contents. Through the revamp project, IMS can delete, update, or integrate information into fewer pages, reducing the overall page count and easing user navigation.
Outdated application process
The application process requires parents to submit forms during Hong Kong's daytime, with only phone, email, or mail options available. There is no form on the website, making the process slow and prone to errors due to IMS's mailbox issues.
Non Mobile Responsive
The original site design is not mobile or tablet-friendly, despite over 70% of users accessing the site via mobile. This negatively impacts user experience and the school's first impression.
Optimizing Directions
Branding Guileline
Create a standardized branding guideline to align all promotional and publication materials, ensuring that future design teams and marketing teams can follow consistent rules when sharing new information.
SEO and Sitemap
By reviewing all information, the data can be integrated in various formats. We can restructure the sitemap to make it easier for search engines to understand the website and improve user searchability online.
Application page
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
Sitemap Restructure
By reorganizing the structure of a website’s sitemap to improve its organization and user experience. In our case, we successfully reduced the site from 150 pages to just 50 pages, simplifying navigation and improving SEO optimization. This restructuring involved removing outdated content and consolidating relevant information, making the website easier for both users and search engines to navigate. By streamlining the sitemap, we ensured the site became more efficient, intuitive, and aligned with our goals.
Application Page Redesign
Responsive Design
Sitemap Restructure
By reorganizing the structure of a website’s sitemap to improve its organization and user experience. In our case, we successfully reduced the site from 150 pages to just 50 pages, simplifying navigation and improving SEO optimization. This restructuring involved removing outdated content and consolidating relevant information, making the website easier for both users and search engines to navigate. By streamlining the sitemap, we ensured the site became more efficient, intuitive, and aligned with our goals.
Application Page Redesign
Responsive Design
Sitemap Restructure
By reorganizing the structure of a website’s sitemap to improve its organization and user experience. In our case, we successfully reduced the site from 150 pages to just 50 pages, simplifying navigation and improving SEO optimization. This restructuring involved removing outdated content and consolidating relevant information, making the website easier for both users and search engines to navigate. By streamlining the sitemap, we ensured the site became more efficient, intuitive, and aligned with our goals.
Application Page Redesign
Redesign pages by adding a calendar feature for users to easily schedule appointments or view available dates, along with an online application form for streamlined submissions. Additionally, we’ve incorporated an auto-respawn feature, ensuring that the page reloads automatically if the application process encounters any interruptions or errors, enhancing the overall user experience and reducing frustration.
Responsive Design
The three break-even points are using to ensure that the user experience remains consistent across different devices. By optimizing the design at these key breakpoints, we guarantee that the layout adapts smoothly, offering a seamless experience regardless of the device being used.
Sitemap Restructure
By reorganizing the structure of a website’s sitemap to improve its organization and user experience. In our case, we successfully reduced the site from 150 pages to just 50 pages, simplifying navigation and improving SEO optimization. This restructuring involved removing outdated content and consolidating relevant information, making the website easier for both users and search engines to navigate. By streamlining the sitemap, we ensured the site became more efficient, intuitive, and aligned with our goals.
Application Page Redesign
Responsive Design
Sitemap Restructure
By reorganizing the structure of a website’s sitemap to improve its organization and user experience. In our case, we successfully reduced the site from 150 pages to just 50 pages, simplifying navigation and improving SEO optimization. This restructuring involved removing outdated content and consolidating relevant information, making the website easier for both users and search engines to navigate. By streamlining the sitemap, we ensured the site became more efficient, intuitive, and aligned with our goals.
Application Page Redesign
Responsive Design
Sitemap Restructure
By reorganizing the structure of a website’s sitemap to improve its organization and user experience. In our case, we successfully reduced the site from 150 pages to just 50 pages, simplifying navigation and improving SEO optimization. This restructuring involved removing outdated content and consolidating relevant information, making the website easier for both users and search engines to navigate. By streamlining the sitemap, we ensured the site became more efficient, intuitive, and aligned with our goals.
Application Page Redesign
Redesign pages by adding a calendar feature for users to easily schedule appointments or view available dates, along with an online application form for streamlined submissions. Additionally, we’ve incorporated an auto-respawn feature, ensuring that the page reloads automatically if the application process encounters any interruptions or errors, enhancing the overall user experience and reducing frustration.
Responsive Design
The three break-even points are using to ensure that the user experience remains consistent across different devices. By optimizing the design at these key breakpoints, we guarantee that the layout adapts smoothly, offering a seamless experience regardless of the device being used.
Sitemap Restructure
By reorganizing the structure of a website’s sitemap to improve its organization and user experience. In our case, we successfully reduced the site from 150 pages to just 50 pages, simplifying navigation and improving SEO optimization. This restructuring involved removing outdated content and consolidating relevant information, making the website easier for both users and search engines to navigate. By streamlining the sitemap, we ensured the site became more efficient, intuitive, and aligned with our goals.
Application Page Redesign
Redesign pages by adding a calendar feature for users to easily schedule appointments or view available dates, along with an online application form for streamlined submissions. Additionally, we’ve incorporated an auto-respawn feature, ensuring that the page reloads automatically if the application process encounters any interruptions or errors, enhancing the overall user experience and reducing frustration.
Responsive Design
The three break-even points are using to ensure that the user experience remains consistent across different devices. By optimizing the design at these key breakpoints, we guarantee that the layout adapts smoothly, offering a seamless experience regardless of the device being used.
Sitemap Restructure
By reorganizing the structure of a website’s sitemap to improve its organization and user experience. In our case, we successfully reduced the site from 150 pages to just 50 pages, simplifying navigation and improving SEO optimization. This restructuring involved removing outdated content and consolidating relevant information, making the website easier for both users and search engines to navigate. By streamlining the sitemap, we ensured the site became more efficient, intuitive, and aligned with our goals.
Application Page Redesign
Redesign pages by adding a calendar feature for users to easily schedule appointments or view available dates, along with an online application form for streamlined submissions. Additionally, we’ve incorporated an auto-respawn feature, ensuring that the page reloads automatically if the application process encounters any interruptions or errors, enhancing the overall user experience and reducing frustration.
Responsive Design
The three break-even points are using to ensure that the user experience remains consistent across different devices. By optimizing the design at these key breakpoints, we guarantee that the layout adapts smoothly, offering a seamless experience regardless of the device being used.
Goals And Impact
Enhance Page
Response Rate
According to Page Speed Insights, the average page reaction time decreased from 5 seconds to 1 second after website revamp, scoring 95 out of 100 in website performance.
Maintain
Application Rate
Created an online application function that reduced processing time versus traditional mail. Despite an industry-wide drop in applications, we sustained a stable application rate post-launch.
Reduce Cost by CMS Integration
By integrating the CMS system from FinalSite into WordPress, we gained full control over website management, eliminating the need for outsourcing and saving $80,000 per year on website maintaince.
Goals And Impact
Enhance Page
Response Rate
According to Page Speed Insights, the average page reaction time decreased from 5 seconds to 1 second after website revamp, scoring 95 out of 100 in website performance.
Maintain
Application Rate
Created an online application function that reduced processing time versus traditional mail. Despite an industry-wide drop in applications, we sustained a stable application rate post-launch.
Reduce Cost by CMS Integration
By integrating the CMS system from FinalSite into WordPress, we gained full control over website management, eliminating the need for outsourcing and saving $80,000 per year on website maintaince.
Goals And Impact
Enhance Page
Response Rate
According to Page Speed Insights, the average page reaction time decreased from 5 seconds to 1 second after website revamp, scoring 95 out of 100 in website performance.
Maintain
Application Rate
Created an online application function that reduced processing time versus traditional mail. Despite an industry-wide drop in applications, we sustained a stable application rate post-launch.
Reduce Cost by CMS Integration
By integrating the CMS system from FinalSite into WordPress, we gained full control over website management, eliminating the need for outsourcing and saving $80,000 per year on website maintaince.
Goals And Impact
Enhance Page
Response Rate
According to Page Speed Insights, the average page reaction time decreased from 5 seconds to 1 second after website revamp, scoring 95 out of 100 in website performance.
Maintain
Application Rate
Created an online application function that reduced processing time versus traditional mail. Despite an industry-wide drop in applications, we sustained a stable application rate post-launch.
Reduce Cost by CMS Integration
By integrating the CMS system from FinalSite into WordPress, we gained full control over website management, eliminating the need for outsourcing and saving $80,000 per year on website maintaince.
Goals And Impact
Enhance Page
Response Rate
According to Page Speed Insights, the average page reaction time decreased from 5 seconds to 1 second after website revamp, scoring 95 out of 100 in website performance.
Maintain
Application Rate
Created an online application function that reduced processing time versus traditional mail. Despite an industry-wide drop in applications, we sustained a stable application rate post-launch.
Reduce Cost by CMS Integration
By integrating the CMS system from FinalSite into WordPress, we gained full control over website management, eliminating the need for outsourcing and saving $80,000 per year on website maintaince.
Goals And Impact
Enhance Page
Response Rate
According to Page Speed Insights, the average page reaction time decreased from 5 seconds to 1 second after website revamp, scoring 95 out of 100 in website performance.
Maintain
Application Rate
Created an online application function that reduced processing time versus traditional mail. Despite an industry-wide drop in applications, we sustained a stable application rate post-launch.
Reduce Cost
by CMS Integration
By integrating the CMS system from FinalSite into WordPress, we gained full control over website management, eliminating the need for outsourcing and saving $80,000 per year on website maintaince.
Goals And Impact
Enhance Page
Response Rate
According to Page Speed Insights, the average page reaction time decreased from 5 seconds to 1 second after website revamp, scoring 95 out of 100 in website performance.
Maintain
Application Rate
Created an online application function that reduced processing time versus traditional mail. Despite an industry-wide drop in applications, we sustained a stable application rate post-launch.
Reduce Cost
by CMS Integration
By integrating the CMS system from FinalSite into WordPress, we gained full control over website management, eliminating the need for outsourcing and saving $80,000 per year on website maintaince.
Goals And Impact
Enhance Page
Response Rate
According to Page Speed Insights, the average page reaction time decreased from 5 seconds to 1 second after website revamp, scoring 95 out of 100 in website performance.
Maintain
Application Rate
Created an online application function that reduced processing time versus traditional mail. Despite an industry-wide drop in applications, we sustained a stable application rate post-launch.
Reduce Cost
by CMS Integration
By integrating the CMS system from FinalSite into WordPress, we gained full control over website management, eliminating the need for outsourcing and saving $80,000 per year on website maintaince.
