background
CityU SCOPE

Drupal Development for Professional and Life-long Education Provider

SCROLL DOWN
24-hour responsive service icon in visible oneProject 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
CityU SCOPE project desktop view-11
CityU SCOPE project desktop view-22
CityU SCOPE project desktop view-33
desktop frame

Our Solution & Tech Stack

24-hour responsive service icon in visible one1hover Drupal over icon1

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 icon2hover Advanced search over icon2

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.

WYSIWYG icon3hover WYSIWYG over icon3

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.

Responsive-website-design4hover Responsive-website-design-over4

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 icon5hover 24-hour responsive service icon in visible one5

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 button icon6hover social sharing button over icon6

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

CityU scope UI/UX Approaches-10

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

CityU scope UI/UX Approaches-21

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

CityU scope UI/UX Approaches-32
cityu scope university banner in visible one

Visit the Webiste

Colours

cityu scope devices viewColours
#BD2722
#FCAE2F
#323232
#F3F3F3
#ffffff

Typography

24-hour responsive service icon in visible oneTypography
Font weight chart for CityU Scope in Visible One
cityu scope laptop viewtypoTypography

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.