top of page

UI Semester Project

~11 Weeks development time.

​

This project was for my second semester of my UI/UX module in my second year of Uni. This was my first real introduction into creating UI for a project that I had not fully worked on. I created elements using the values and assets already implemented.

The primary focus for this project for me was the implementation of features as apposed to the design of the UX.

image.png.18f5941348d64e38ec4f16d13605a5ec.png

The project covers elements such as tooltips for items​

  • Can track stats such as price, weight and item type

  • Could also include stats such as armour amount

  • Displays item rarity with colours, gradient and name

  • Descriptions and interaction prompts

​Shop interaction menu to trade with an NPC

  • Single or bulk purchasing object

  • Neat readable UI using simple but themed fonts

  • Essential info such as price and weight displayed

  • Rarity displayed with clear colours and gradients

image.png.bdc638d9115ef12f3fc459d1e09d768f.png
image.png.9597e9dbc5009cea59aea1c2a53b21f4.png

​Grid inventory

  • Sorts by rarity

  • Stacking items

  • Tooltips on hover

  • Exp bar on level that update in real time

  • weight and currency shown

​

Vitals and ability hotbar

  • Shows abilities through iconology

  • Tracks cooldowns through a countdown and an easily glanceable red meter

  • Exp displayed above the health bar at all times

  • Coloured bars using commonly associated colours for health stamina and mana

image.png.4b07d3b0067c9fc487db8a10fa49c081.png
image.png
bottom of page