Samuel Li

UI/UX Designer & Front End Developer

About me

My experience

I'm passionate for all stages of Front End Development and UI/UX Design. I love learning about new web technologies and thrive with component driven development and working with design systems.

In my current role I am helping to lead our front end design team by helping to give guidance on code standards, web component philosophy, while contributing to front-end development and UI/UX decisions to complete projects.

I've been involved in multiple roles as a UI/UX Design lead and Front End Developer for back-facing and customer-facing projects. My unique hybrid of core skills, background and toolset has allowed me to contribute code and design, as well as support our team in building bridges between the Design and Development departments.

TEXAS INSTRUMENTS

UI/UX Designer
April 2015
Front-end Designer
April 2019
Front-end Designer team lead
April 2020

As a Front End Developer, I've actively contributed to the code base of forward and back facing Angular Web Applications, Responsive web projects, Node based projects and our Web Component UI library, closing out any implementation gaps involving design and UX.

Proficiences

CORE SKILLS

SASS/CSS
HTML5
Javascript

TOOL-SET

Node.js
Git
StencilJS
Angular
Thymeleaf
Typescript
RiotJS
React

UI/UX

Wireframing
Responsive Design
Prototyping
Motion design

Projects

Carousel web component

Web Component - Front End Designer & Developer
StencilJS
JSX
SASS
Thymeleaf
Responsive
Wireframing

Building out a responsive carousel web component using StencilJS from concept to development that's reusable across different applications on TI.com.

Designing and building my portfolio website

Front End Developer and UI Design
React
Gatsby
GraphQL
Typescript
JSX
TailwindCSS
SASS
Responsive
Wireframing
Adobe XD
Prototyping

My methodology, UI Design, and experience in developing my new portfolio website using Gatsby (a React-based framework with GraphQL) as an experienced developer with StencilJS.

Designing and building my portfolio website desktop screenshot

Clock Tree Architect

Angular Web Application - UI/UX Lead
Angular
Angular Material
UI/UX
Prototyping
Wireframing
Adobe XD

Build a fully fleshed out User Interface targeted for Engineers with approval from stakeholders to hand off for development. (Still in development so images are obstructed)

Clock Tree Architect desktop screenshot

Responsive Hardware Project & Improving Front-end process

Responsive web app - Front end designer lead
Thymeleaf
Web Components
StencilJS
Typescript
JSX
SASS
Lighthouse
Responsive

Taking on a leadership role while bringing from concept to development a component based, responsively designed, server-rendered page enabling customers to access TI's vast hardware portfolio and meet our ecommerce goals.

Responsive Hardware Project & Improving Front-end process tablet screenshot
Responsive Hardware Project & Improving Front-end process phone screenshot

Server Rendered Product Page

Java Based Web App - Front End Developer
Spring Boot 2
Thymeleaf
Web Components
StencilJS
Typescript
JSX
SASS
JSOUP
JUNIT testing
Lighthouse
Metrics
SEO
Localization

Rehaul the Tabbed based Product Pages to a single page experience using a new framework and onboard other front-end designers to contribute.

Server Rendered Product Page desktop screenshot

Technical Document Reader

Responsive Web App - UI Designer & Front End developer
NodeJS
RiotJS
SASS
Javascript
HTML5
MaterializeCSS
UI/UX
Usability testing
Responsive design
Prototyping
Mock ups
Motion design

The Technical Document reader is a web application in the semiconductor space allowing the engineer to view technical documents on their…

Technical Document Reader tablet screenshot
Technical Document Reader phone screenshot

Digital Assets Manager Meta Data autofiller

Chrome extension - Front End Developer
Javascript
JSON
HTML5
Chrome

During a hackathon type initiative, created a well received Chrome extension to save our Digital Graphic Designers on average 10 minutes of manual data entry per image when uploading images to the Asset Management System.

Digital Assets Manager Meta Data autofiller desktop screenshot

Contact me

Samuel Li

UI/UX Designer and Front End Developer
Toronto, Ontario
hello@samuelli.ca

A curious developer and designer who loves holistic and strategic approaches to code and design. Reach out to chat and see if we can partner together.