jQuery Solution Finder for Small Business

12SepJanuary 8, 2017 By Libai

Project Intro and Background

Our Web Analytics Manager Karen noticed from the web data that most of the visitors to our website are Small Business Owners. To answer that, we’d like to create a solution page to help them find out what are our key offering to each of their needs.

Therefore, the objective of this project is to guide small business owners to the products they need, so that they can get started with Salesforce more quickly and easily. This is a great showcase of marketing our “solutions” other than “products”, which is more attractive and relevant to our audience.

View the live page here >

Interactive Solution Page

Continue reading →

My first Hackathon – creating an energy self-sufficient building

14AugSeptember 12, 2016 By Libai

—-Update with the presentation video—-

Earlier last month, one of my friends, Lingfeng, an NUS graduated engineer approached me with several of his projects that need my help. At first he told me about his smart parking system which has already won Hackathon prizes before (which I will write separately about). And this time round he hoped that I could join the team for another Hackathon, Climate Innovation Challenge, which aims to promote innovative, cost-effective green solutions that safeguard our environment.

To align with that, our project was to propose an energy self-sufficient building. The concept of the project was to innovate a new way when we build the foundation piles of the buildings, and using the temperature difference between the core soil (20-40 metres deep) and the hot air reflected on the surface to generate power that’s enough to sustain the whole building.

Continue reading →

HTML/CSS /jQuery Agenda filter for SF World Tour Melbourne

27FebSeptember 12, 2016 By Libai

Project Intro and Background

In Feb 2016, I’ve got an opportunity to work on an interesting project – an Agenda page for Salesforce’s World Tour Melbourne. The marketers would like the page to represent a “Perfect Day” for each of the 6 streams – “Sales”, “Marketing”, “Service” etc., and the functionality for the users to click each of the breakout sessions to read more about that session. Instead of creating a single page of each of the Perfect Days, our team decided to leverage the current “Agenda” page and add a “Filter” function to it, and I’ll be coding the page so that we have a beautiful and user-friendly web experience for the visitors to view that perfect day on a single page.
View the live page here >

My responsibilities and requirements of this project were:

HTML/CSS RWD (Responsive Web Design) coding
jQuery for filtering and lightbox functionalities
jQuery for passing the parameters
Implement the solution to Open CMS platform

Continue reading →

Post-it Responsive eNewsletter

22JanJuly 30, 2016 By Libai

Client: Post-it brand APAC (Singapore, Australia and Philippines)

Objective: To design and develop responsive eNewsletter for efficient and effective deployment of monthly eNewsletters to engage customers and drive sales.

Newsletter template mockup:

Scope:

eMail best practice
Flexible content blocks for localization
With Post-it® branding – colorful, vibrant, innovative
Responsive design and coding – mobile/tablet friendly

eHub blog Responsive Design

22JanJuly 30, 2016 By Libai

Designed and responsively developed in a blog portal in HTML/CSS.
(the figures/information are for illustrating/placeholding purpose only)

Team blog creative concept development
Blog homepage and internal page designs
Responsive HTML/CSS coding

Real Partners Campaign Microsite

22JanJuly 30, 2016 By Libai

Real Partners Campaign microsite design and development for Scotch-Brite® India.

Client: Scotch-Brite® India

Online marketing campaign for video/photo contest to enhance customer engagement and brand awareness.
Campaign user flow, wireframes and IA design.
Campaign microsite design and development.
“Figure out your man” quiz implementation
Load the submission form and gallery display page from Shoutlet app
Graphic design, HTML/CSS/Javascript coding

Proposal Powerpoint Design for Changi Airport Group

22JanJuly 30, 2016 By Libai

– Powerpoint template design & Implementation
– Proposal slides beautification
Client: Singapore Changi Airport Group (via Havas Media)

Insights and More Market Report Design

07OctJanuary 22, 2016 By Libai

Flash Design Singapore — Landing page of the Marketing Report

Photoshop design
Flash animation + Actionscript

This is the marketing report for Insights and More for mens cosmetic market research. The metaphor is a football game – we’re comparing different brands and their markets as football teams, each team has their own star players, their uniforms and their formula. I enjoy the idea a lot and I think it’s an interesting way to present a market report.

Continue reading →

CLOTHESMITH Web Design and WordPress Theming

18MayJanuary 22, 2016 By Libai

The whole process of the designing and developing this website is like the breeze. Perhaps it’s because of the fact that the client is a fashion designer, so it’s easier to communicate on the concept of the website, especially on the aesthetic aspect. I hope everyone enjoys the homepage jQuery header effects as I do.

Continue reading →