Justin Chen's Portfolio

Menu

Title:
Malady Assault Redux
Genre:
3D, Top-down Shooter/Tower Defense
Role:
UI/UX Designer, Producer
Engine:
Unity
Tools:
Google Forms, Figma, iMovie, Procreate, Photoshop, Perforce, Trello, Visual Studio
Development Date:
Sept. 2021 – Mar. 2022
Project Summary:
This a project that takes an existing 2D project and converts it into a 3D one
Skills:
Prototyping, Production, Playtesting, Scrumban Methodology, Design Documentation, Flowcharts, UI Art, 2D Art, HUD Design, Cutscene Maker, Unity Canvas, Unity Scene Management, Unity Audio Manager, Unity Panels, Unity Dialogue System, Unity Event System, Unity UI Elements

Play Game

Malady Assault Redux Experience

Contribution Overview

  • Craft the game’s UI assets using Procreate and Photoshop
  • Program the game’s UI functionality in terms of how it connects and flows using C#
  • Design and script in cutscenes using Procreate and C#
  • Make sure the UI communicates with the players what the game’s objective is
  • Work closely with game designers to ensure the balance of the game
  • Collaborate with the designated QA team to get feedback for the game
  • Coordinate and planned each sprint to guide the game’s development with Trello

Goals

  1. Develop UI/UX design skills by researching at least two games, one that relates to the medical field
  2. Gain a better understanding of user experience through the game’s development and playtests
  3. Practice creating UI elements for the game’s menu system and gameplay
  4. Ensure the game’s deliverables within six months
  5. Experience with handling narrative design

Concept Evolution

MAR Old UI
MAR_Concept_Art
  • Original Game: A 2D space combat shooter developed on GameMaker Studio
  • Current Game: A 3D tower defense game developed on Unity

Design & Development Process

MAR_GameFlow
MAR_Gameplay Flowchart
MAR_Gameplay HUD Flowchart
MAR Start Menu
MAR Mission Statement
MAR Victory Screen
MAR Guide Menu
Screen Shot 2022-06-29 at 12.43.39 AM
Screen Shot 2022-06-29 at 12.43.59 AM
Screen Shot 2022-06-29 at 12.44.04 AM
Screen Shot 2022-06-29 at 12.44.14 AM
Screen Shot 2022-06-29 at 12.45.11 AM
  • Production
    • Document and help coordinate tasks with the developers
    • Record development progress using Trello
    • Communicate with teammates regularly to ensure smooth development 
    • Plan and create concepts of UI that reflect a futuristic theme
  • Design
    • Create flowcharts to serve as a guide for the UI’s functionality.
    • Drew UI and game object assets that reflect the medical theme of the game  
    • Attempt to create a unique health animation but there was an issue with Unity Animator so the health system would be reflected by numbers.
    • Create an in-game instruction panel to explain the gameplay and objective.
  • Story
    • Storyboard the game’s lore to explain why the game is happening
    • Drew the story in a comic-like style in Procreate
    • Animate cutscenes on iMovie
  • Script
    • Code in the Menu System and Gameplay HUD through Unity scene management and Canvas
    • Implement an Audio Manager and volume control
  • Playtest
    • Host and coordinate play tests with a QA team
    • Record and report feedback to the development team
    • Have the cutscenes reviewed by people for feedback

Final Deliverables

  • A playable vertical slice of the game with core mechanics and UI implementation by the end of the deadline
  • Create 50 UI assets for the game using Procreate and Photoshop
  • An in-game cutscene that presents the story at the beginning (only for desktop) 
  • Improve user engagement through targeted gameplay adjustments after 5 playtests