Drupal Development for Professional and Life-long Education Provider

Project Background

CityU SCOPE was established in 1991 and is a pioneer and provider of quality and life-long education in Hong Kong. A wide range of courses are offered in a variety of disciplines focused on professional education, retraining and self development in the community. SCOPE sought a Drupal development agency to perform a website audit and recommendations on how to revamp their website and deliver improved site architecture and design, workflow and content management. The project would entail working with the Visible One team to assist with migration from the current site to the new site and the ability to provide training, support and maintenance for implementation.

Our Challenges



Export and migrate existing website information including course information, news, etc to the newly developed site.


Site Search

Implement a search function with various filters for easy exploration of courses.


Modern Design

Align visual elements and storytelling with their branding while enhancing user navigation.


Mobile Responsive

Uniquely display the website on different devices to provide an optimal user experience.



Old pages will have new URL structure so redirection to new pages is crucial.

A flexible and modern custom-made Dupal website

SCOPE's visual identity is understandably set in stone after nearly 30 years of existence, but while the website's visual branding left nothing to be desired, its layout and user-friendliness could still be improved.As a result, our web designers and UX specialists completely redesigned the website's information architecture and user interaction flows, as well as the navigation between the various inner pages.These critical decisions about visual layout and hierarchy were aided by the use of wireframing, or the creation of a framework that allowed us to prioritize usability and thoroughly define the website's structure. In addition, we designed and implemented a variety of CSS transitions that animate the website when the user hovers or clicks around the on-site content.
previous arrownext arrow
desktop frame

Our Solution & Tech Stack

Drupal Development

We are a leading Drupal development firm that can take your project from concept to completion, including data migration, API integration, and module development.

Advanced Search

We developed advanced search function for SCOPE's Drupal website. It is a way to find the right courses by specifying a criteria including multiple parameters.


We use the HTML editor to insert articles for client. Client also can use it to design a post page without having any programming knowledge. It is often faster and easier to make changes to a page using a text editor.

Responsive Web Design

SCOPE website is created with multiple elements that respond separately when displayed on devices with various sizes. The website will rescale itself to adapt to the screen of the client and to preserve the user experience and look & feel across all devices.

Search Engine Optimized 

We ensure that the redesigned SCOPE site is SEO friendly and follows Google's best practices to maximize rankings and visibility.

Social Sharing Buttons 

With a single click, SCOPE's content can be shared easily to social medias reaching new audiences and increases brand awareness.

UIUX Approaches

Distinct & Appealing Icons

We inserts suitable icons for important points in website. This is to let website visitor to understand the information clearly, well, and easily.

1 /3

Visit the Webiste




sample typography

Other Amazing Works

Let us call you back on your suitable time.

Let us call you back on your suitable time.
We’re ready to get you started on your next website project. Let us schedule a meeting suitable for you.
Schedule a Call Back


If you have a project and would like to discuss it with us, then please do call us or email us using the form below.