Hello, my name is

David James,

With a background in front-end development and UX/UI, I make sure user-centered design informs the build process.

Innovation Hub Website Redesign
Cafe-Finding Case Study

Featured Projects and Case Studies

How can we provide up-to-date and personalized information to help users find the perfect café?

DejaBREW Café Discovery App

How can we provide up-to-date and personalized information to help users find the perfect café?

View Case Study
UI ResearchUsability TestingPrototypingFigma
A redesign of the Innovation Hub website to improve usability and design.

Innovation Hub Website

A redesign of the Innovation Hub website to improve usability and design.

View Case Study
WordpressElementorCSSPHPBeaver Builder
A speculative design project that explores: "What if our decision making was made by AI?"

Wearable AI Product Page

A speculative design project that explores: "What if our decision making was made by AI?"

Coming Soon
UX DesignFigmaSpeculative Design

About Me

Hey! my name is David James, and I am a 2nd year student at the Faculty of Information at the University of Toronto, studying Human-Centered Design. What sets me apart is my unique blend of design thinking and technical expertise—I bridge the gap between user experience and front-end development, ensuring that what I build is both functional and intuitive.

I began my coding journey at the start of 2023 as a New Year's resolution to learn a new skill. Today, I am fortunate to have worked with a student-led non-profit, a home health & hospice solutions provider, and a student-led design studio. Outside of work, I read comics, and play video games.

Profile Picture

Where I've Worked

Designer @ Innovation Hub

2024 - Present

  • Redesigned and developed the Innovation Hub website on WordPress, connecting project partners with design services
  • Delivered high-fidelity Figma prototypes and maintained the internal design system for consistency
  • Spearheaded the WordPress migration project, ensuring a seamless transition of content and functionality
  • Developed custom components using CSS and JavaScript to enhance user experience and site interactivity

Technologies I Work With

  • ▹HTML
  • ▹CSS
  • ▹JavaScript
  • ▹Python
  • ▹React
  • ▹Next.js
  • ▹Node.js
  • ▹Express.js
  • ▹React Native
  • ▹SQL
  • ▹MongoDB
  • ▹AWS SDK3
  • ▹R
  • ▹Figma
  • ▹Framer
  • ▹WordPress
  • ▹Webflow
  • ▹WCAG

Personal Projects

This UX case study re-imagines the VS Code IDE on a phone.

Reimagining VSCode on Mobile

This UX case study re-imagines the VS Code IDE on a phone.

View Prototype
UX DesignFigmaPrototypingUser Testing
A UX Case Study on a mobile and watch app for a medical clinic.

Medical App - Wearable UI

A UX Case Study on a mobile and watch app for a medical clinic.

View Prototype
UX DesignFigmaFigma: VariablesPrototypingUser Testing
This project revamps the University of Toronto's booking website using TailwindCSS and React, focusing on using standard frameworks to enhance user interface and experience.

UofT Court Booking Redesign

This project revamps the University of Toronto's booking website using TailwindCSS and React, focusing on using standard frameworks to enhance user interface and experience.

View Web App
ReactTailwindCSS
I created "Get It Off Your Chest," a personal journaling web app that lets me, and others like me, create, view, edit, and delete journal entries in a secure space designed for self-reflection and growth.

CRUD Journal App

I created "Get It Off Your Chest," a personal journaling web app that lets me, and others like me, create, view, edit, and delete journal entries in a secure space designed for self-reflection and growth.

View Web App
ReactTailwindCSSReact RouterAPI
This React-based web application features a dynamic form for generating metadata JSON objects. It supports input of various metadata fields, including nested objects and specialized input types. The form is designed to handle fields like description, applicationName, etc., along with complex nested objects such as robots and formatDetection. Built to streamline my SEO metadata creation.

Metadata Form

This React-based web application features a dynamic form for generating metadata JSON objects. It supports input of various metadata fields, including nested objects and specialized input types. The form is designed to handle fields like description, applicationName, etc., along with complex nested objects such as robots and formatDetection. Built to streamline my SEO metadata creation.

View Web App
ReactTailwindCSSJSONSEO
How can we streamline manual processes and improve patient intake?

Empire Health Systems Website

How can we streamline manual processes and improve patient intake?

View Website
ReactTailwindCSSMongoDBFramer-motionGoogle OAuthGoogle Apps ScriptsAWS SDK 3HTTPS

What's Next?

Get In Touch

Although I am a full-time student, I am always looking for new opprtunities! Whether you have a question or just want to say hi, I will try my best to get back to you!

GitHub LinkLinkedIn Link

Developed using React.js, Next.js, and TailwindCSS