Jian Huar Lock (Richard), Web Accessibility Developer in Toronto, ON, Canada
Jian Huar Lock (Richard)

Web Accessibility Developer in Toronto, ON, Canada

Member since October 21, 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.
Jian is now available for hire

Portfolio

Experience

  • CSS 5 years
  • Web Accessibility 5 years
  • HTML 5 years
  • ECMAScript (ES6) 3 years
  • React 1 year
  • Gatsby 1 year
  • GraphQL 1 year
  • React Apollo 1 year

Location

Toronto, ON, Canada

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.

Employment

  • 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

Experience

  • 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.

Skills

  • 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

Education

  • Master's Degree in Management Information Systems
    2010 - 2012
    University of Nebraska–Lincoln - Lincoln, NE
  • Bachelor of Science Degree in Actuarial Science
    2006 - 2009
    University of Nebraska–Lincoln - Lincoln, NE

To view more profiles

Join Toptal
Share it with others