background
HKCI

Drupal Development for Hong Kong’s local chronicles

SCROLL DOWN
HKCI-project-desktop-bannerProject Background

Project Background

The Hong Kong Chronicles Institute is a non profit organization that upholding Chinese people’s time-honoured tradition of chronicling historical narratives for their localities. Client wants us to develop the new website using Drupal 8 programming language. They wants to manage the website contents using the with Content Management System. Client also wants their website to have Youtube API integration and PDF iFrame integration to show Youtube videos and eBooks. Besides, the client will also need advanced search, tag search, articles filter and sorting functions.

Our Challenges

1

Design

Develop the website based on the web pages layouts that is designed by client

2

Sort & Filter

Design and build the sorting and filter function for each of the article posts

3

Dedicated Design

Dedicated page design for books pages to display various book categories

4

Gallery

Integrate special image gallery functions with more useful features

5

Migration

Insert 50 articles to this website and adjust them nicely using html editor within a short period

Customized CMS System

The old website does not have image gallery functions, unable to display book PDF and do not have preview function. Besides, the article pages also do not have related tags and related posts section.
Our dedicated project team tried our best to develop the image gallery functions, integrate PDF iFrame and design a dedicated design for the articles pages with related hot tags and related posts section.Compared with the old website, the new website is equipped with more effective features. Website users will be able to view the gallery images with more feasibility. Besides, they also can read more about the eBook through the PDF iFrame.

previous arrownext arrow
slider background
HKCI-desktop-view-11
HKCI-desktop-view-22
HKCI-desktop-view-33
desktop frame

Our Solution & Tech Stack

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

Drupal Website Development

We use the top three most used CMS – Drupal technology to develop this website that client wants with powerful and user-friendly features. It is a flexible CMS, client can customize a lot of thing and create website type that they want.

24-hour responsive service icon in visible one2hover Advanced search over icon2

Advanced Search

We developed advanced search function for this Drupal website. It is a way to find something from a large list of articles by specifying a criteria including multiple parameters. This can be a quicker or easier way to find content.

24-hour responsive service icon in visible one3hover 24-hour responsive service icon in visible one3

E-Newsletter Subscriptions

Our team developed eNewsletter Subscriptions function for the website to collect subscribers’ email address and name. The system will send out confirmation email automatically after user click subsribe button.

24-hour responsive service icon in visible one4hover 24-hour responsive service icon in visible one4

iFrame Integration

The iframe that used to read PDF file is integrated into this Drupal website. All of the website visitors will be able to read about Hong Kong history books through this website and also can read the relevants articles through this website.

24-hour responsive service icon in visible one5hover 24-hour responsive service icon in visible one5

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

24-hour responsive service icon in visible one6hover 24-hour responsive service icon in visible one6

Sorting and Filtering

With effective filtering and sorting options, this Drupal website’s user experience is improved. We created filters enable users to narrow down a website’s articles selection to only those few posts that match their particular interests.

BG image

UI/UX Approaches

Suitable Icons

We insert suitable icons for important points in website such as cart, wishlist, and search icons etc. This is to let website visitors to understand the information clearly, well, and easily.

1/3

HKCI-uiux-approach-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

HKCI-uiux-approach-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

HKCI-uiux-approach-32

Colours

HKCI-all-devices-viewColours
#018935
#0A6F80
#696158
#F0EFEE
#FFFFFF

Typography

24-hour responsive service icon in visible oneTypography
HKCI-desktop-view-typographytypoTypography

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