Hong Kong Card Website Revamp

Completed on Sunday, September 11, 2016 for CC Information Limited

With a decade of history and content, revitalizing the design of HongKongCard.com was a daunting task. Starting out as a informative destination for all things credit card related, the web site is in the process of transitioning into a lifestyle blog and expanding its content to include shopping and dining. This change in direction coincides with the redesign, allowing us to completely rethink the website. The result, a sizeable increase in web traffic.

Spread the word

 
Visit Website
Please note that the original project may be offline as it is hosted on an external server.

The Journey Home

The home page is designed as a guide journey for visitors to explore. First, a hero image slideshow to feature outstanding content. Under the slideshow are a set of featured special credit card offers.

The Journey Home

The home page is designed as a guide journey for visitors to explore. First, a hero image slideshow to feature outstanding content. Under the slideshow are a set of featured special credit card offers.

Going down further, visitors will see popular blog posts and forum threads.

Going down further, visitors will see popular blog posts and forum threads.

The page is then punctuated with two large featured blog post that also acts as a divider for the page.

The page is then punctuated with two large featured blog post that also acts as a divider for the page.

Finally, the journey ends with a grid of the latest blog posts on the site.

Finally, the journey ends with a grid of the latest blog posts on the site.

Articles of Content

At the heart of the website is the content. So when designing the layout for the blog content, a great deal of effort was placed into ensuring it is as visually engaging as possible.

Riding on experience from previous projects, the layout is broken down into modules allowing content editors greater flexibility when composing their posts. These modules include image slideshows, embedded maps, content excerpts, etc.

Articles of Content

At the heart of the website is the content. So when designing the layout for the blog content, a great deal of effort was placed into ensuring it is as visually engaging as possible.

Riding on experience from previous projects, the layout is broken down into modules allowing content editors greater flexibility when composing their posts. These modules include image slideshows, embedded maps, content excerpts, etc.

Forum for Discussion

Being a rather antiquated piece of web technology, redesigning the forum presents an interesting challenge for this project. Nonetheless, the result design is a modernized interface that is consistent cohere to the design language of the entire site.

Forum for Discussion

Being a rather antiquated piece of web technology, redesigning the forum presents an interesting challenge for this project. Nonetheless, the result design is a modernized interface that is consistent cohere to the design language of the entire site.

Hue, Pigmentation, Chroma, Color

As you may have noticed, color plays a subtle yet crucial role to this website's interface. Different types of content are grouped by the three colors found in the logo; yellow for blogs, blue for credit card information, and red for "Apply Now" buttons.

Hue, Pigmentation, Chroma, Color

As you may have noticed, color plays a subtle yet crucial role to this website's interface. Different types of content are grouped by the three colors found in the logo; yellow for blogs, blue for credit card information, and red for "Apply Now" buttons.

Like what you see?

Let's get in touch