Welcome to my site!!  My name is Michael Chi! I am currently a 3rd student at the Georgia Institute of Technology studying Computational Media. Some of my personal strengths include active in working both solo and with teams and confidence in speech. I have strong skills in the areas of application/software development, web development, game design, graphic design, and UI/UX design.

Making cool stuff.   I always enjoy spending a lot of my free time working on various projects as well as find ways daily to help improve my skills and creative thinking. Inside my portfolio you will find projects that I have worked on in both solo and team environments. I been have working with graphic design for the past six to seven years and have been both writing applications as well as creating websites for the past five to six years.

As a Student.   I am currently studying Computational Media. This major focuses significantly not only on hands-on and theoretical knowledge of computing but also an understanding of visual design and the history of media. I am very passionate about learning new technologies and try to explore new things every day! I am currently interning for the Emory School of Medicine, creating a multimedia tool to teach basic science concepts to medical students. This tool will be web-based, mobile-centric, and in responsive HTML5.

Other Activities.    I enjoy many other activities including hip-hop dance, video games, movies, basketball, working out/running, piano, violin, magic tricks, card/board games, and hanging with my friends. I am currently the promotion's officer for Georgia Tech's Chinese Student Association, coordinating events and creating all of the organization's advertisements and designs. I am also a dance team member in a group called Impact and a magician in Georgia Tech's Magicians Organization. I love to perform with lots of passion and learn new things!

• CULTURE
• MAGIC
• DANCE
• BASKETBALL

• Chinese Student Assoc.
• Georgia Tech Magicians
• Hip-Hop Dance Team
• Intramural Basketball Team

My Passion for Software/Web Development and Design!   In this section, I will be sharing my current and past projects I have worked on within both solo and team environments. I am really passioniate about my work, so feel free to ask me questions about anything!

Current Internship - Present.   See Resume for details. View website demo - button above.
Currently working solo on complete website design and technical development. This included research for user experience, understanding platform compabilitiy (desktop to mobile look), necessary technology (all frameworks/libraries are cool, but not necessary), and proper implementation.
There are weekly meetings and images and content is provided. Work is done remotely along side with school and other jobs.

Software Developer Internship - 2015.   See Resume for details (Click Here).

New and Updated - November 2014.   Portfolio updated often! This site is custom designed and developed by me and built through a mobile-first environment, using HTML, CSS, JavaScript, and JQuery. Website markup and script written in Sublime Text and Adobe DreamWeaver.

Improvements include: removed Flash banner (not mobile supported), less images more CSS (load faster on mobile), removed iFrame (unreliable navigation), used mobile-first build (use of BootStrap), improved navigation (less clicking more viewing), and more focus on content (subheader design).

• Portfolio 2013-14
• Portfolio 2014-15

• Old Design
• New Design

FBLA Project - June 2013.    This was a solo designed, solo developed video game. The Powerpoint presentation was created with a partner. It was my entry for the 2013 FBLA competition in Computer Game and Simulation Programming, which placed 1st in the State divison and 3rd place in the National division. The game was designed in Adobe Flash and Adobe Photoshop and built in GameMaker (Object Oriented).

• Title Menu
• Gameplay Screen

• Easy Navigation
• Focus on Fluid Gameplay

FBLA Project - June 2013.    This was my team project (group of 3) with for the E-Business competition at the FBLA State and National Conferences and placed 1st at the state level and 5th at the national level. Website was made with a partner in HTML, CSS, and JS and designed in Photoshop. Google CheckOut was used for purchasing. This feature is not supported by Google anymore and site will be updated.

• Homepage
• Store Screen

• Easy Navigation
• Easy to Purchase

Current Organization - 2014-15.    I am currently a member of Georgia Tech's Video Game Development Organization. Below are the two completed projects I worked on with some teams. I found working on these teams challenging at times but always enjoyable and worthwhile, and it's something I would really like to continue doing!

PERSPECTIVE Game - October 2014.    This is a Georgia Tech Video Game Development project I worked on in a team of 7 members. I was the creative designer behind the menu UI and worked on the technical implementation (with other team members).

• Title Menu
• Pause Screen

• 3D Menu System
• Fluid Transitioning

SWFTFM Game - March 2014.    This is a Georgia Tech Video Game Development project I worked on in a team of 15 members. I created the main menu UI design in Adobe Photoshop and Flash and then transfered each individual image (buttons, titles, animations) into Unity for implementation. The game's full name is Super Wacky Fast Time Fun Time Madness.

• Title Menu

• Fluid Animation and Easy Navigation

Class Team Project - November 2014.   My recent project (for my 'Intro to Computational Media' course) is a variation of the silent game and a tangram drawing program. I worked in a team of four, doing UI UX design and implementation as well as some software development and testing. I also took on the role of coordinating and communicating work deadlines and meetings. Technologies used include Processing (Java) and Photoshop.

My UI UX design role -  included creating all interface design, sketches, and intial mockups.

My software development role -  included creating front-end code, timer implementation, level transition, and some object properties.

• Final P1 Demo
• Final P2 Demo

My Passion for UI/UX Design!   I do not only have a love for creative design but also a love for design that can applied to something that matters! In this section, I will further share my design process and decision making. I will include more sketches and mockups of various projects as well as communicate my choices made throughout the development process.

Systems Diagram Project - Fall 2015. Designed a social decision tree for nonprofessional League of Legends players. Made in Photoshop.

• Decision Tree

• Systems Diagram

Prototype Project - Fall 2015. Prototype made in Photoshop and presented in Powerpoint

• Login Screen
• Main Menu

• Simple
• Function focused

• Champion Menu
• Champion Window

• Use of Screen Space
• Easy Navigation

Storyboard Project - Fall 2015. Full video was created in Adobe Flash.

• Watch Video

• Typography Focus
• Animated Frames

• Clear Communication
• Modern Style

Video Entree - Summer 2015. Made during my internship at IBM and competing/won in a video competition. Full video was created in Adobe Flash.

• Watch Video

• Typography Focus
• Animated Transitions

• Clear Communication
• Fluid Flow

Flash Animation Project - December 2014. This is my recently completed project done outside of school, which is to showcase my projects in a quick and concise introduction video. I also focused on improving my skills in motion and overall design. Full video was created in Adobe Flash.
The image to the right shows animated frames in Flash.

• Watch Video

• Typography Focus
• Animated Frames

• Clear Communication
• Consistent Animation Flow

Current Project - Present. Creating an social network application that makes buying and finding items simple and quick. This is a team project (with 4 other members), and I am currently working as the solo Project Manager as well as the solo UX Designer and team Software Designer (end to end production). I created all the graphics/mockups below. Using Photoshop, Powerpoint, Fluid UI, and Android Studio (Java).

• Log In
• Register

• Report Sale
• Report Interest

• Friend's Menu
• Friend's Details

• Notifications/Updates
• Settings Menu

• Business Card MockUp 1

• Business Card MockUp 2

New and Improved - 2014-15.   Mock ups and wireframe created in Photoshop. You can download my sample photoshop file of the wireframe by clicking on the link in the header. I try to focus on quick and easy methods to improve current sections, design new content areas, and managing overall website spacing .

Improvements include: removed Flash banner (not mobile supported), less images more CSS (load faster on mobile), removed iFrame (unreliable navigation), used mobile-first build (use of BootStrap framework), improved navigation (less clicking more viewing), and more focus on content (subheader design).

• Portfolio 2013-14
• Portfolio 2014-15

• Old Design
• New Design

• Content 2013-14
• Content 2014-15

• Old Content Layout
• New Content Layout

• Portfolio Site WireFrame
• WireFrame PS Layers

• Content Spacing
• Easy to Modify

Improvements from V1 to V2 include: Cleaner color scheme, toolbars more defined, style is kept throughout interface, less button clicking, and better presentation of information. Photoshop was used.

• Version 1 MockUp
• Version 2 MockUp

• Intial Design
• Updated Design

Always Designing - Birth-Present.   Here are some graphic design pieces I would like to share. Adobe Photoshop and Flash was used to create most images.

• Basketball Promotional Poster
• Social Issue Poster

• Course Assignment
• Course Assignment

• CSA Promo Flyer
• CSA Meeting Flyer

• Chinese Student Association
• Chinese Student Association

• CSA T-Shirt Design
• CSA Show Flyer

• Chinese Student Association
• Chinese Student Association

• CSA T-Shirts
• Class Showcase

• Chinese Student Association
• Course Assignment

• Peace B/W Composition
• Peace B/W Composition

• Course Assignment
• Course Assignment

• War B/W Composition
• War B/W Composition

• Course Assignment
• Course Assignment

• Basketball Jersey Design
• Basketball Jersey Design

• Front/Back Design
• Front/Back Design

Questions? Contact me!

Contact Email:   mchi6@gatech.edu

Phone Number:  (678) 514-9211

School: Georgia Institute of Technology

Linkedin: View my Profile