jelizaga/joelelizaga.com

Portfolio / homepage.

❋ Joel Elizaga | UX Engineer

I'm a UX engineer practicing an HCI-informed fusion of design and development.

My aim is to build technologies that are both usable and useful.

Let's build something!

🌐 Website | 👔 LinkedIn | ✉️ Contact | ✒️ Blog | 📃 Resume

---

Contents

• Resume
  • 💼 Experience
    • UX Designer | Infosys Ltd. | 2019 - 2021
    • Corps Member | AmeriCorps NCCC | 2018
    • Video Production Intern | AnswerDash | 2016 - 2017
  • 🧮 Education
    • BSc. Informatics: Human-Computer Interaction | University of Washington | 2017
  • 📘 Certifications
    • Foundations of Humane Technology | Center for Humane Technology | 2023
    • Full-Stack Development with JavaScript | University of Washington | 2022
    • Foundations of UX Writing | University of Washington | 2022
    • Exploring GraphQL | The Linux Foundation | 2022
    • Strategic Design | Rhode Island School of Design x Infosys | 2019
  • 🏆 Achievements
    • President's Volunteer Service Award - Gold | AmeriCorps NCCC | 2018
• Techniques & Technologies
  • 🖲️ UX
    • Techniques
    • Technologies
  • ⌨️ Engineering
    • Technologies
      • Languages & Libraries
      • Software

Resume

💼 Experience

UX Designer | Infosys Ltd. | 2019 - 2021

Corps Member | AmeriCorps NCCC | 2018

Video Production Intern | AnswerDash | 2016 - 2017

🧮 Education

BSc. Informatics: Human-Computer Interaction | University of Washington | 2017

📘 Certifications

Foundations of Humane Technology | Center for Humane Technology | 2023

Full-Stack Development with JavaScript | University of Washington | 2022

Foundations of UX Writing | University of Washington | 2022

Exploring GraphQL | The Linux Foundation | 2022

Strategic Design | Rhode Island School of Design x Infosys | 2019

🏆 Achievements

President's Volunteer Service Award - Gold | AmeriCorps NCCC | 2018

Awarded for completing 1,900+ service hours while in AmeriCorps NCCC.

Techniques & Technologies

🖲️ UX

Techniques

User research · Usability research · Heuristic evaluation · Card-sorting · IxD grammar · UX writing · High-fidelity prototyping · Low-fidelity prototyping · Wireframing · User journey mapping · User flows · Information architecture · Personas

Technologies

Figma · Adobe XD · InVision · Sketch · Adobe Illustrator · Adobe InDesign · Adobe Premiere Pro

⌨️ Engineering

Technologies

Languages & Libraries

HTML · CSS · JavaScript · NodeJS · Bash · React · Express · MongoDB · GraphQL · Java · Astro · SolidJS · Markdown

Software

git · Visual Studio Code · Vim · Linux

joelelizaga.com's Issues

Routing - Blog Posts

Primary rounded button styling

Unique styling for rounded buttons with .primary for better directing user focus.

+ cssnano @ build process

Add cssnano and PostCSS to the build process so site styling loads just a tiny bit faster.

Big ol' CSS refactor

Refactor main.css, code.css, and CSS in .astro components for better readability, reduced redundancy, and easier traversal in Vim.

Contact - component

Tag - component

Astro v1 → Astro v2

Fix breaking changes and rearrange content/code for Astro v2.

CSS - mobile breakpoint @ 640px

Header - component

Bio - page

Responsive typography

FooterBadge - fix underline bug

Blog - relocate tag 'cancel' button

NNImage - component

Code - component

Footnotes - CSS

BlogPostCard - CSS

Dummy articles

BlogPostCard - refactor for tag clickiness

Tooltip - component

Contact - validation

Contact - mail functionality

Nav - float @ minimum breakpoint

CSS - proximity gestalt

Responsive nav

ProjectCard - refactor for tag clickiness

Carousel - component

Responsive styling revision

Site currently scales infinitely based on the browser's width, but this looks ridiculous on wider screens.

Responsive objects

Page Heading - component

Blog - pagination

Projects - page

Project - Article Heading

a.button-primary → a.button.primary

CSS needs to be modular and consistent.

Blog - RSS

Markdown image & carousel captions

Code highlighted syntax styling

Current code syntax highlighting is fugly & not very legible. Gotta fix it.

Favicon

Blog Post - Article Heading

NNImagePopup - component

Comments - pages

Introduction - component

Routing - Projects

Side gutters @ > 1920px

Since the max break point is @ 1920px, <main> needs some kind of side gutters.

Code - optional file title bar

Code - styling

CSS for Prism components.

Refactor lists for W3C compliance

ProjectCard - component

<img> → <Image />

Switch to Astro's more performant <Image /> component.

Blog - fix redundant tag hyperlink bug