top of page
GameDesigner_Cover1.webp

AnivSpace

Design process of making the shooting style Trivia game. 

Objective

  • Make a trivia game to boost the company's LMS.

  • Create a multiple-choice exam that feels more
    like a game than a test.

  • Support a wide range of questions and choices.

  • Realtime data record.

  • Redesign, focus on mobile device.

Summary of UX Research

  • First person Shooting game is the most popular game genre of the Z generation.

  • Mobile device is the must.

  • Common quiz has 2–7 choices.

  • There are many cases of multiple-choice examinations.

  • Images must be allowed in both questions and choices.

  • Design a complete playing loop of trivia.

User Flow Diagram

Create a user flow diagram in adobe XD.

Information Architecture.jpg

Wireframes

Create a user flow wireframe in figma.

download.jpg
download (1).jpg

Design System

Color palette & Fonts

UI-Color-Palette.jpg
Typography.jpg

Neumorphic design

Components.jpg

UI Mockup

20230130_UI_Design_MiniGame_1440x3200.jpg
20230225_UI_Design_MiniGame_Redesign3_1440x3200.jpg
20230130_UI_Design_MiniGame_Result_1440x3200.jpg

Tutorial design

20230309_UI_Design_MiniGame_Tutorial01_1440x3200.jpg
20230309_UI_Design_MiniGame_Tutorial02_1440x3200.jpg
20230309_UI_Design_MiniGame_Tutorial_1440x3200.jpg
20230309_UI_Design_MiniGame_Tutorial03_1440x3200.jpg
20230309_UI_Design_MiniGame_Tutorial04_1440x3200.jpg
20230309_UI_Design_MiniGame_Tutorial05_1440x3200.jpg

Summary

bottom of page