Recent Work

Mobile App:

<
>
Neuron - Focus Support System
Eliminating Distraction Through Facilitated Goal-Oriented Task Management.
view project
<
>

Crowd Spotter Mobile App
This was my concept mobile app proposal for my HCI530 final project.
view project
<
>

iOS prototype for a towing company
This was my class project for HCI530 - iOS/Android Prototype. I came up with an app prototype for a towing company who currently doesn't have one.
view project
<
>

Responsive Wireframes
This was a class project for HCI530 Mobile Design Assignment. The aim was to create a responsive site prototype for a website that isn't viewable in a mobile or tablet device.
view project
<
>
Mobile Prototype App for Thermothreads
Thermothreads mobile prototype app was a concept project created for HCI 430 Prototyping and Implementation class. The idea was an app that has the ability to control the temperature of the clothing. The prototype was built on Axure including the interaction. The user interface (UI) was created using Photoshop and Illustrator.
view project
<
>
iWatch Prototype App for Thermothreads
Thermothreads iWatch prototype app was a concept project created for HCI 430 Prototyping and Implementation class. The idea was an iWatch app that has the ability to control the temperature of the clothing. The prototype was built on Axure including the interaction. The user interface (UI) was created using Photoshop and Illustrator.
view project
<
>
Tour R Zoo Mobile App (Mid-Fidelity Prototype)
TourRZoo is a mobile app that will assist users in navigating around The Lincoln Park Zoo. This project was made for HCI 440 User-Centered Design class. The prototype was built on Axure including the interaction. The user interface (UI) was created using Photoshop and Illustrator.
view project

Websites / Web Application:

<
>
DePaul Library Wayfinding Map
The Wayfinding map is a touchscreen interactive directory for DePaul University Lincoln Park library. It is built using Bootstrap framework with JavaScript/jQuery to enable various functionalities like image mapping, real-time date, time & weather update, and expand/collapse tabs. This was my project for Summer of 2017.
view project
<
>

DePaul iD Lab Website
This is the latest redesign of the iD Lab website for 2018. Aside from the website redesign, my work includes redesigning the logo and implementing the design into a Wordpress theme requiring HTML and CSS development.
view project
<
>

Glimpses of the Great War Website
This site is the digital version of the physical display exhibit at the DePaul University library.
view project
<
>

Optimizing Digital Innovation 2018 Conference Website
This is a Wordpress-powered website built for a conference hosted by DePaul University iD-Lab. The project was done in an Agile working environment. My key contributions were - theme customization using HTML/CSS and plugins; created the video for the home page; image enhancements.
view project
<
>

Grisham Digital Bookshelf DePaul Website
Developed a theme using the site owner's color and font preferences. The site runs on Neatline, a web app framework for creating interactive visual materials. Implemented the theme using Sass/SCSS for the look and feel and Neatline's custom style CSS to style the interactive bookshelf.
view project
<
>

Neatline Blue theme
This is a DePaul University LIbrary project using Neatline. Customized the theme using Sass/SCSS.
view project
<
>

Neatline Tan theme
This is a DePaul University LIbrary project using Neatline. Customized the theme using Sass/SCSS.
view project
<
>

Digital Humanities DePaul Library Website
Customized WordPress theme website.
view project
<
>
JS/jQuery Projects for IT 411
The site contains all the projects I did for the introductory class, IT 411 Scripting for Interactive Systems. Note: I purposely encrypted the HTML, CSS and jQuery/JS codes due to the same project are given to students who are taking this class every quarter.
view project