Little web corner:

Hei Lam is currently working in front end web development field, check LinkedIn profile for details.

Web experience in a nutshell:

Selected work samples:

Obviously, I built this website too.

Adbusters Culture Shop

+

Project Management
Web Design
UX/UI
Front-end Development
Back-end Development

This is a Mind Journey – an experimental web project from Adbusters Media Foundation – which the content and assets are prepared by the company, my creative freedom lays mainly in the visual presentation and technical application of the final outcome. Mind Journey projects are coded from scratch in clean HTML5 & CSS3/SASS markup + open source.

Redesign and create Shopify theme based on company's needs and guidelines. This is an in-house project, I was involved in the entire design & development cycle from beginning to end: conduct UX/UI testing, create new design from low to high fidelity prototypes, working with another back-end developer on implementing Shopiy Liquid code and debug.

Language(s)/Platform(s) used:

Shopify Liquid, CSS3/SASS, Other Libraries, Git

See live site

Adbusters main website

+

Front-end Development
Back-end Development
Project Management
Web Design
UX/UI

This is a Mind Journey – an experimental web project from Adbusters Media Foundation – which the content and assets are prepared by the company, my creative freedom lays mainly in the visual presentation and technical application of the final outcome. Mind Journey projects are coded from scratch in clean HTML5 & CSS3/SASS markup + open source.

The organization aims to break the norm and create a unique web presence that is ever changing and does not have a fixed design and structure. To fulfil the company's unique design vision, I set up the new website for Adbusters on Webflow platform. I created the info structure and functions of the website while the content and visual design of the website is changed frequently under the instruction of the Editor in Chief.

Language(s)/Platform(s) used:

Webflow

See live site

LearningBranch website

+

Front-end Development
Back-end Development

This is a Mind Journey – an experimental web project from Adbusters Media Foundation – which the content and assets are prepared by the company, my creative freedom lays mainly in the visual presentation and technical application of the final outcome. Mind Journey projects are coded from scratch in clean HTML5 & CSS3/SASS markup + open source.

As the contract Web Developer to the LearningBranch, my role to this project is to create a custom Wordpress site following the client's design prototype. Major works include writing custom theme, content migration, back-end server set up, and debugging.

Language(s)/Platform(s) used:

Wrodpress, PHP, CSS3/SASS, Javascript/jQuery

See live site

A Millennial's Guide to Taking Back Control

+

Web Design
Front-end Development
UX/UI

This is a Mind Journey – an experimental web project from Adbusters Media Foundation – which the content and assets are prepared by the company, my creative freedom lays mainly in the visual presentation and technical application of the final outcome. Mind Journey projects are coded from scratch in clean HTML5 & CSS3/SASS markup + open source.

Language(s)/Platform(s) used:

HTML5, CSS3/SASS, Javascript/jQuery, Other libraries

See live site

Fuck Facebook

+

Web Design
Front-end Development
Back-end Development

This is a Mind Journey – an experimental web project from Adbusters Media Foundation – which the content and assets are prepared by the company, my creative freedom lays mainly in the visual presentation and technical application of the final outcome. Mind Journey projects are coded from scratch in clean HTML5 & CSS3/SASS markup + open source.

I created a this Facebook template 100% from scratch and it is open for public download.

Language(s)/Platform(s) used:

HTML5, CSS3/SASS, Other libraries

See live site

My President, His Love of Art

+

Web Design
UX/UI
Front-end Development
Back-end Development

This is a Mind Journey – an experimental web project from Adbusters Media Foundation – which the content and assets are prepared by the company, my creative freedom lays mainly in the visual presentation and technical application of the final outcome. Mind Journey projects are coded from scratch in clean HTML5 & CSS3/SASS markup + open source.

Language(s)/Platform(s) used:

HTML5, CSS3/SASS, Javascript/jQuery, Other libraries

See live site

The Elephants

+

Front-end Development
Graphic Design

This is a Mind Journey – an experimental web project from Adbusters Media Foundation – which the content and assets are prepared by the company, my creative freedom lays mainly in the visual presentation and technical application of the final outcome. Mind Journey projects are coded from scratch in clean HTML5 & CSS3/SASS markup + open source.

At The Elephants, a literary publishing company, I format and code various experimental texts for online publication, using Adobe CS with HTML and CSS on a Keystone platform to write, format, and produce a variety of materials ranging from online literary publications to stickers and press releases.

Language(s)/Platform(s) used:

HTML5, CSS3, Keystones

See live site

Envision A New Aesthetic

+

Front-end Development
Back-end Development

This is a Mind Journey – an experimental web project from Adbusters Media Foundation – which the content and assets are prepared by the company, my creative freedom lays mainly in the visual presentation and technical application of the final outcome. Mind Journey projects are coded from scratch in clean HTML5 & CSS3/SASS markup + open source.

Language(s)/Platform(s) used:

HTML5, CSS3/SASS, Javascript/jQuery, Other libraries

See live site

Freedom Fight

+

Front-end Development
Back-end Development

This is a Mind Journey – an experimental web project from Adbusters Media Foundation – which the content and assets are prepared by the company, my creative freedom lays mainly in the visual presentation and technical application of the final outcome. Mind Journey projects are coded from scratch in clean HTML5 & CSS3/SASS markup + open source.

Language(s)/Platform(s) used:

HTML5, CSS3/SASS, Javascript/jQuery, Other libraries

See live site

Go on! Jump!

+

Front-end Development
Back-end Development

This is a Mind Journey – an experimental web project from Adbusters Media Foundation – which the content and assets are prepared by the company, my creative freedom lays mainly in the visual presentation and technical application of the final outcome. Mind Journey projects are coded from scratch in clean HTML5 & CSS3/SASS markup + open source.

Language(s)/Platform(s) used:

HTML5, CSS3/SASS, Javascript/jQuery

See live site

God, I'm Lonely

+

Front-end Development
Back-end Development

This is a Mind Journey – an experimental web project from Adbusters Media Foundation – which the content and assets are prepared by the company, my creative freedom lays mainly in the visual presentation and technical application of the final outcome. Mind Journey projects are coded from scratch in clean HTML5 & CSS3/SASS markup + open source.

Language(s)/Platform(s) used:

HTML5, CSS3/SASS, Javascript/jQuery

See live site

The Age of Melancholy

+

Front-end Development
Back-end Development

This is a Mind Journey – an experimental web project from Adbusters Media Foundation – which the content and assets are prepared by the company, my creative freedom lays mainly in the visual presentation and technical application of the final outcome. Mind Journey projects are coded from scratch in clean HTML5 & CSS3/SASS markup + open source.

Language(s)/Platform(s) used:

HTML5, CSS3/SASS, Javascript/jQuery

See live site

Tone Shift

+

Front-end Development

This is a Mind Journey – an experimental web project from Adbusters Media Foundation – which the content and assets are prepared by the company, my creative freedom lays mainly in the visual presentation and technical application of the final outcome. Mind Journey projects are coded from scratch in clean HTML5 & CSS3/SASS markup + open source.

Language(s)/Platform(s) used:

HTML5, CSS3/SASS

See live site