Jian Huar Lock (Richard), Developer in Toronto, ON, Canada
Jian is available for hire
Hire Jian

Jian Huar Lock (Richard)

Verified Expert  in Engineering

Web Accessibility Developer

Location
Toronto, ON, Canada
Toptal Member Since
November 7, 2019

Richard is a web developer who loves front-end development and has years of experience writing excellent front-end code. He has experience in both agency and in-house settings which allows him to be exposed to efficient industry best practices and tooling and also web accessibility practices and standards. Richard takes pride in his understanding of front-end fundamentals and his eye for design allows him to advise clients on UX/UI improvements.

Portfolio

9thCO Inc.
Bitbucket, Confluence, Google Optimize, WordPress, Drupal 8, Docker, PHP...
University of Nebraska–Lincoln
WCAG 2, Twig, PHP, Drupal 8, Drupal 7, Webpack, Grunt, Gulp, Git, Less, SCSS...

Experience

Availability

Part-time

Preferred Environment

Webpack, Grunt, Gulp, WordPress, Drupal, React

The most amazing...

...achievement is winning 1st place in the Open-AIR international web accessibility competition with a record-breaking high score in 20 years of its existence.

Work Experience

Full-stack Developer

2019 - PRESENT
9thCO Inc.
  • Developed new client websites using WordPress and Jigsaw based on mockups including setting up the tooling for code compilation as well as CMS functionalities and templating.
  • Tracked and resolved client website issues via Mavenlink and code versioning via Bitbucket. Created documentation in Confluence.
  • Performed back-end and front-end maintenance tasks including database and server file backups, WordPress and Drupal 8 updates to ensure client website uptime.
  • Created a custom Drupal 8 theme for the agency's website within a tight timeframe of two weeks, including setting up development environments, QA testing, and server deployment.
Technologies: Bitbucket, Confluence, Google Optimize, WordPress, Drupal 8, Docker, PHP, JavaScript, CSS, HTML

Front-end Developer/Designer

2015 - 2019
University of Nebraska–Lincoln
  • Oversaw 34 internal and external facing institutional websites, including liaising with departmental clients from various professional backgrounds.
  • Redesigned half of these sites over a time span of 2.5 years from meeting with clients to gather requirements, creating low-fi and high-fi mockups, sourcing and editing media assets, and coding the website to completion.
  • Ensured sites were cross-browser functional and met brand, code quality, and web accessibility (WCAG AA) standards by using testing tools such as HTML validator, Browserstack, and AXE accessibility and implementing fixes.
  • Optimized website performance for faster load times and smoother browsing experience using techniques such as lazy loading responsive images and understanding of browser critical rendering path and caching.
  • Created a highly dynamic and performant website features using vanilla JavaScript (ES6) to manipulate DOM and consume REST APIs.
  • Collaborated on an enterprise-level CSS and JavaScript web framework for the institution system including creating a robust and dynamic tooling system for compiling and distributing the framework’s codebase.
  • Overhauled theme and page layouts of two vendor products resulted in greatly improved UX and reduced support calls by 60%.
Technologies: WCAG 2, Twig, PHP, Drupal 8, Drupal 7, Webpack, Grunt, Gulp, Git, Less, SCSS, JavaScript, CSS, HTML

Increasing the Effectiveness and Branding of The Employment Portal

https://employment.unl.edu/
A UX/UI improvement project for a vendor-based product. The vendor product that my previous employer was using for their employment portal received a mobile responsive design update. However, the design templates that were available were rudimentary and did not fit our business needs; which was to make the job search process efficient and a priority while learning about the employer a secondary objective. The challenge was the ability to theme and customize the template to fit our requirements and brand standards within the vendor's CMS was very limited.

I was tasked to come up with a solution to address the above. In working with the vendor, I was able to work within the CMS limitations and use CSS and JavaScript to manipulate the DOM to restructure the layout and highlight the features that we want. In addition, I utilized UX principles to improve the interface’s intuitiveness such as using spacing and colors to highlight important features. After the new employment portal was launched we received many praises including from the vendor about the design and the effectiveness of the end product. The HR department also reported a drop in calls related to assistance navigating the employment portal.

Languages

HTML, CSS, JavaScript, SCSS, ECMAScript (ES6), Less, GraphQL, PHP

Tools

Gulp, Grunt, Git, Google Optimize, Confluence, Bitbucket, Prisma, React Apollo, Webpack

Other

Cross-browser Testing, Cross-browser Compatibility, Web Accessibility, Web UX, WCAG 2, Gatsby

Platforms

Drupal 7, Drupal 8, Drupal, WordPress, Docker, Netlify

Frameworks

Twig, Yoga, Express.js, Redux

Libraries/APIs

React

2010 - 2012

Master's Degree in Management Information Systems

University of Nebraska–Lincoln - Lincoln, NE

2006 - 2009

Bachelor of Science Degree in Actuarial Science

University of Nebraska–Lincoln - Lincoln, NE

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring