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 →

Salesforce ANZ Brand Campaign Microsite Build and Project Management

15JunJuly 30, 2016 By Libai

View the live page here > http://salesforce.com/why

My responsibilities

Project Management – be the project owner for this project and ensure its on-time-on-budget delivery.
Brainstorming for creative ideas and inspirations with the team.
HTML/CSS/jQuery coding for the microsite development.

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)

Command Responsive eNewsletter

27JulJuly 30, 2016 By Libai

Client: Command brand APAC (Australia and New Zealand)

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

Scope:

eMail best practice
Flexible content blocks for localization
With Command™ brand color theme and fonts
Responsive design and coding – mobile/tablet friendly

Newsletter template full mockup:

2012 Game, Banner and e-Magazine Designs

02SepJuly 30, 2016 By Libai

Scotch Defying Gravity Design — Scotch® Defying Gravity Design

Game Concept Design
Game Photoshop Design

This game “Defying Gravity” is for bringing awareness of the Scotch® Restickable Tabs. The overall concept was to show that it can be used on any surfaces and it can be stuck over and over again. There was a TV commercial which shows an outer space environment so we’ve decided to design the game based on that. The above was just some of the screenshot to showcase the basic concept.

Continue reading →