CityU SCOPE

Drupal Development for professional and life-long education provider

SCROLL DOWN
visible one 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 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
bg
customized cms system desktop view
customized cms system desktop view
customized cms system desktop view
desktop frame

Our Solution & Tech Stack

Visible OneVisible One

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.

Visible OneVisible One

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.

Visible OneVisible One

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.

Visible OneVisible One

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.

Visible OneVisible One

Search Engine Optimized 

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

Visible OneVisible One

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

<p>UIUX Approaches</p>
banner img

Visit the Webiste

Colours

Colours demo
#BD2722
#FCAE2F
#323232
#F3F3F3
#ffffff

Typography

sample typography
project demo

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
starscircle
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.

Loading...
bg