HELLO I'M HAO,
An INTERACTION DESIGNER and A PROGRAMMER
-
I graduated from Georgia Institute of Technology as a Master student whose major is Digital Media in May, 2019. Afterwards, I worked for Moxie till October, 2019 as the FutureX intern.
I have developed many VR projects and video games. I have gained a 6-year-experience of Unity and 2-year-experience of VR.
As a designer as well, I know the interaction design and concept art in digital media. I am passionate about better applying the affordances of new media and technologies to change the world a little bit day by day.
-
- SELECTED WORK -
- pick the category you are interested in -
From VR to MOBILE, from SERIOUS to ENTERTAINING
GAME DESIGN
{"items":["f259648e-0ff6-11e8-a9ff-063f49e9a7e4","f259b669-0ff6-11e8-a9ff-063f49e9a7e4","5c81d848-a6d0-4ea2-ba3a-cf432b62eb12"],"styles":{"galleryType":"Columns","groupSize":1,"showArrows":true,"cubeImages":true,"cubeType":"fill","cubeRatio":1.3333333333333333,"isVertical":true,"gallerySize":320,"collageAmount":0,"collageDensity":0,"groupTypes":"1","oneRow":false,"imageMargin":5,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":true,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":3,"enableInfiniteScroll":true,"isRTL":false,"minItemSize":50,"rotatingGroupTypes":"","rotatingCubeRatio":"","gallerySliderImageRatio":1.7777777777777777,"numberOfImagesPerRow":3,"numberOfImagesPerCol":1,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":1,"mobilePanorama":false,"placeGroupsLtr":false,"viewMode":"preview","thumbnailSpacings":0,"galleryThumbnailsAlignment":"bottom","isMasonry":false,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"useCustomButton":false,"bottomInfoHeight":0,"titlePlacement":"SHOW_ON_HOVER","galleryHorizontalAlign":"flex-start","galleryTextAlign":"left","galleryVerticalAlign":"flex-end","scrollSnap":false,"itemClick":"link","fullscreen":true,"allowSocial":false,"allowDownload":false,"allowTitle":true,"allowDescription":true,"loveButton":false,"loveCounter":true,"videoPlay":"hover","scrollAnimation":"NO_EFFECT","scrollDirection":0,"overlayAnimation":"NO_EFFECT","arrowsPosition":0,"arrowsSize":23,"watermarkOpacity":40,"watermarkSize":40,"useWatermark":true,"watermarkDock":{"top":"auto","left":"auto","right":0,"bottom":0,"transform":"translate3d(0,0,0)"},"loadMoreAmount":"all","defaultShowInfoExpand":1,"allowTitleExpand":true,"allowDescriptionExpand":true,"allowLinkExpand":true,"expandInfoPosition":0,"allowFullscreenExpand":true,"fullscreenLoop":false,"galleryAlignExpand":"left","addToCartBorderWidth":1,"addToCartButtonText":"","slideshowInfoSize":200,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"hoveringBehaviour":"APPEARS","thumbnailSize":120,"magicLayoutSeed":1,"imageHoverAnimation":"NO_EFFECT","calculateTextBoxHeightMode":"AUTOMATIC","calculateTextBoxWidthMode":"PERCENT","textBoxHeight":0,"textBoxWidth":200,"textBoxWidthPercent":50,"textImageSpace":10,"textBoxBorderRadius":0,"textBoxBorderWidth":0,"textsVerticalPadding":0,"textsHorizontalPadding":0,"titleDescriptionSpace":6,"customButtonText":"","customButtonBorderWidth":1,"customButtonBorderRadius":0,"loadMoreButtonText":"Load more","loadMoreButtonBorderWidth":1,"loadMoreButtonBorderRadius":0,"imageInfoType":"NO_BACKGROUND","itemBorderWidth":0,"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowBlur":20,"itemShadowDirection":135,"itemShadowSize":10,"imageLoadingMode":"BLUR","expandAnimation":"NO_EFFECT","imageQuality":90,"usmToggle":false,"usm_a":0,"usm_r":0,"usm_t":0,"videoSound":false,"videoSpeed":1,"videoLoop":true,"gotStyleParams":true,"selectedLayout":"2|bottom|1|fill|true|0|true","showVideoPlayButton":true,"galleryImageRatio":2,"sharpParams":{"quality":90,"usm":{}},"imageLoadingWithColorMode":"PICKED_COLOR","imageRatioType":"FIXED","numberOfDisplayedItems":3,"itemBorderColor":{"themeName":"color_15","value":"rgba(74,74,74,1)"},"itemShadowOpacityAndColor":{"themeName":"color_15","value":"rgba(74,74,74,0.2)"},"textBoxBorderColor":"color-5","textBoxFillColor":"color-2","alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"galleryLayout":2,"galleryImageRatioFromWix":1.3333333333333333,"itemOpacity":{"themeName":"color_15","value":"rgba(74,74,74,0.6)"},"itemFont":{"style":{"bold":true,"italic":false,"underline":false},"family":"din-next-w01-light","preset":"Custom","editorKey":"font_5","size":18,"fontStyleParam":true,"value":"font:normal normal bold 18px/22px din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;"},"itemFontSlideshow":{"family":"din-next-w01-light","displayName":"Basic Heading","style":{"bold":false,"italic":false,"underline":false},"size":30,"preset":"Heading-M","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 30px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;"},"itemDescriptionFontSlideshow":{"family":"din-next-w01-light","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;"},"itemDescriptionFont":{"family":"din-next-w01-light","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;"},"itemFontColor":{"themeName":"color_11","value":"rgba(243,243,243,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(74,74,74,1)"},"itemDescriptionFontColor":{"themeName":"color_11","value":"rgba(243,243,243,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(74,74,74,1)"},"loadMoreButtonFont":{"family":"din-next-w01-light","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(74,74,74,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(243,243,243,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(74,74,74,1)"},"arrowsColor":{"themeName":"color_11","value":"rgba(243,243,243,1)"},"oneColorAnimationColor":{"themeName":"color_11","value":"rgba(243,243,243,1)"},"responsive":false,"modifiedGallerySize":true,"isAccessible":false,"allowLeanGallery":false,"layoutsVersion":2,"selectedLayoutV2":2,"isSlideshowFont":false,"externalInfoHeight":0,"externalInfoWidth":0},"container":{"top":"","bottom":"","left":"","right":"","width":980,"height":240,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":990,"galleryHeight":240,"scrollBase":0}}
Trespass
VR · Storytelling · HTC Vive · UnityVR
A VR Game exploring how to combine narrative and game with VR technology
The Little Door God
Chinese Culture · Puzzle · Unity · Level Editor
A 2D Mobile Puzzle Game trying to awake cultural awareness
Wiztris
Tetris · RPG · Match-3 · Unity · Casual
A casual game exploring how to correctly mix games together
INTERACTION DESIGN
Visual Design | UX Design | Prototyping
Model for Change
Visual Design · Exhibition · Poster · Website
An exhibition honoring female activists and role models in Atlanta
Click Wheel
VIP Accessibility · Product Design · UX
A product helping the visually impaired people who use smartphones
Bleacher Buddy
Mobile App · Sports Fan · UX/UI
An app for sports fans feel the stadium events and atmosphere
Artifacts showing my self-learning ability
DIGITAL PAINTING
Cirno
Sprite of ice · Photoshop · Pen Tablet
Heart Under Blade
Vampire · Photoshop · Pen Tablet
Gakki
Japanese actress · Photoshop · Pen Tablet