HTML/CSS/jQuery Solution Finder for Small Business

HTML/CSS/jQuery Solution Finder for Small Business

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

SMB Solution Finder - animated

Continue reading

My first Hackathon – creating an energy self-sufficient building

My first Hackathon – creating an energy self-sufficient building

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

Salesforce ANZ Brand Campaign Microsite Build and Project Management

Salesforce ANZ Brand Campaign Microsite Build and Project Management

Web design screenshot

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

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

RWD design - cross device compatible

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 >

interactive agenda filter.

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

Mens Apparel website design

Mens Apparel online shopping site Photoshop design

The client approached me for his own Mens apparel online shopping business. We’ve been talking about this for a long time and he really needs my 100% effort on this. I would love to as well as it’s an exciting project to work on. I was thinking about a clean/neat, user-friendly interface at the beginning, something like this.

Continue reading

Terrific Mentors wordpress site design and development

Terrific Mentors WordPress site design and theming
Terrific Mentors WordPress site design and theming

I was cooperating with Tania Chew from Word of Art on this project and she’s the one who manages the content and liaised with the client. Thanks her for her good work so I can concentrate on working at the design and development of the theme.

Actually the final design is quite different than my original ideas and the client wanted it this way (tangled man etc), and added in so many stuffs at the end, such as the top right area which looks kinda crowded. Well, I think every designer will learn (in their own way) that client is always right 🙂

Continue reading

CLOTHESMITH Web Design and WordPress Theming

CLOTHESMITH Web Design and WordPress Theming

Clothesmith Web Design and WordPress Theming
Clothesmith Web Design and WordPress Theming

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

Leongszehian.com website design and wordpress theming

Leong Sze Hian website design and wordpress theming
Leong Sze Hian website design and wordpress theming

This is a WordPress with lots of features and functionalities.

  • Website design, wordpress theme development
  • jQuery sliding header and jQuery tabs
  • Online shopping cart
  • Event management
  • Spam control
  • Social Sharing
  • Google Analytics
  • Facebook Fans Display

Continue reading