Samuel Li

Front-end developer with background in UI/UX Design

About me

My experience

I have a passion for all stages of Front End Development, from design conception to implementation. At Texas Instruments, in addition to my role I am currently helping to lead our front end design team by helping to give guidance on code standards, web component philosophy, and enterprise level SASS and HTML templating.

I've been involved in multiple roles as a UI/UX Design lead and Front End Developer. My unique hybrid of core skills, background and toolset has allowed me to be a bridge between development and UX Design.

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

CORESKILLS

SASS/CSS
HTML5
Javascript

TOOLSET

Node.js
Git
StencilJS
Angular
Thymeleaf
Typescript
RiotJS
React

Projects

Carousel web component

Web Component - Front End Designer & Developer
StencilJSJSXSASSThymeleaf
ResponsiveWireframing

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

Carousel web component desktop screenshot

Clock Tree Architect

Angular Web Application - UI/UX Lead
AngularAngular Material
UI/UXPrototypingWireframingAdobe 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

Hardware Tool Folder Responsive Project

Responsive web app - Front end designer lead
ThymeleafWeb ComponentsStencilJSTypescriptJSXSASSLighthouse
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.

Hardware Tool Folder Responsive Project tablet screenshot
Hardware Tool Folder Responsive Project phone screenshot

Server Rendered Product Page

Java Based Web App - Front End Developer
Spring Boot 2ThymeleafWeb ComponentsStencilJSTypescriptJSXSASSJSOUPJUNIT testingLighthouse
SEOLocalization

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
NodeJSRiotJSSASSJavascriptHTML5MaterializeCSS
UI/UXUsability testingResponsive designPrototypingMock upsMotion 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
JavascriptJSONHTML5Chrome

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