background
CityU SCOPE

Drupal Development for Professional and Life-long Education Provider

SCROLL DOWN
Project Background

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

1

Migration

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

2

Site Search

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

3

Modern Design

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

4

Mobile Responsive

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

5

Redirection

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

A flexible and modern custom-made Drupal 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
slider background
24-hour responsive service icon in visible one1
24-hour responsive service icon in visible one2
24-hour responsive service icon in visible one3
desktop frame

Our Solution & Tech Stack

1hover 1

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.

2hover 2

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.

3hover 3

WYSIWYG Editor

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.

4hover 4

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.

5hover 5

Search Engine Optimized

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

6hover 6

Social Sharing Buttons

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

24-hour responsive service icon in visible one

UI/UX 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

24-hour responsive service icon in visible one0

UI/UX Approaches

Attractive Design

An attractive website design is one that intrigues viewers to want to explore deeper into the whole website. Therefore, our professional designers design the webpages that initially be aesthetically pleasing to the eye.

2/3

24-hour responsive service icon in visible one1

UI/UX Approaches

Most Appealing Animations

Animation on the web is a great way to make a website delightful, attractive and feel alive. Our development team added smooth animation on website making the entire website engaging and vibrant.

3/3

24-hour responsive service icon in visible one2
24-hour responsive service icon in visible one

Visit the Webiste

Colours

24-hour responsive service icon in visible oneColours
#BD2722
#FCAE2F
#323232
#F3F3F3
#ffffff

Typography

Typography
24-hour responsive service icon in visible onetypoTypography

Other Amazing Works

Let us call you back on your suitable time.

Let us call you back on your suitable time.u0026lt;br/u0026gt;rnrnWe’re ready to get you started on your next website project. Let us schedule a meeting suitable for you.

Schedule a Call Back
starscircle
right decoration circlestarssmall-circle

LET’S WORK TOGETHER

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.

bg
This site is registered on wpml.org as a development site. Switch to a production site key to remove this banner.