Skip to content

Shop New Health Potion Design Process

viktormmilanov edited this page Oct 18, 2022 · 7 revisions

Health Potion Design Process

Old Design

health-potion-framed

User testing feedback:

  • Does look like a potion, but not a health one
  • The flask looks jagged and rough – aim for more consistent and reconsider a rounder shape
  • Users were given outline of potion and asked to colour it in – 5/5 people chose some shade of red

Inspirations

image image

Mainly looked for the general shape & cork from inspirations, as well as some of the colour pattern.

Design Process – New Health Potion

HealthPotionDesignProcess

  1. Basic Drawing of flask
  2. Pixel Outline
  3. Coloured-in flask
  4. Flask Cap detailed - making the bottom part look like it is actually behind real glass
  5. Final shading – improved quality to better fit the pixel design & adhere to design guidelines set by committee

Users were asked to choose between the 2 options and all 4 chose the new red potion.

Key Improvements:

  • Shape improved to be rounder & more consistent
  • Colour changed to red so that it looks more like a health potion

New Design

New-Framed-Potion

References

https://images.app.goo.gl/kutcQgruYv4qruYk8 https://images.app.goo.gl/Mt7AwZrnyTgKqBBP6

Table of Contents

Home

How to Play

Introduction

Game Features

Main Character

Enemies
The Final Boss

Landscape Objects

Shop
Inventory
Achievements
Camera

Crystal

Infrastructure

Audio

User Interfaces Across All Pages
Juicy UI
User Interfaces Buildings
Guidebook
[Resource Management](Resource-Management)
Map
Day and Night Cycle
Unified Grid System (UGS)
Polishing

Game Engine

Getting Started

Entities and Components

Service Locator

Loading Resources

Logging

Unit Testing

Debug Terminal

Input Handling

UI

Animations

Audio

AI

Physics

Game Screens and Areas

Terrain

Concurrency & Threading

Settings

Troubleshooting

MacOS Setup Guide

Clone this wiki locally