ROBLOX UI DESIGNER & SCRIPTER

real_ heyokiaa

Building precise, scalable interfaces and tight game logic inside Roblox Studio. Scale over Offset. Clean code over clutter.

SCROLL
ACTIVE BUILDS

What I'm
Working On

Three active Roblox projects, each at a different stage. Wearing different hats — dev, leader, designer.

01 IN DEV
Paradox
Developer — UI & Scripting

Asymmetric horror experience in Roblox. I'm handling core UI systems and scripting the logic that makes atmosphere and mechanics click — from smooth screen effects to event-driven game states.

LuaU UI Design Horror Mechanics LocalScript
👁️
02 SCALING
DEAD-SYNC
Dev & Team Leader

Leading the dev team and group infrastructure for DEAD-SYNC. Running team coordination, maintaining code standards, and building out the systems that hold the whole project together.

Team Lead Systems Design Dev Ops LuaU
03 ACTIVE
Critical Velocity
Leader

Leading Critical Velocity — a fast-paced Roblox title. Overseeing direction, managing the team, and making sure the game's identity stays sharp from design to mechanics.

Leadership Fast-Paced Game Design
🏎️
UI & SCRIPTING WORK

Portfolio

Interface layouts and scripting examples. Scale-first, math-correct, no Offset hacks. Click to expand.

STORE
4,200
⚔️
Sword
800
🛡️
Shield
600
💊
Heal
200
🔮
Boost
1,200
BUY ITEM
UI Design Shop + Coin
Shop & Coin System UI

Currency display, item grid, and buy flow. Built with Scale values only — no Offset. UIAspectRatioConstraint on every slot.

HP
72
SP
45
EXP
88%
UI Design HUD
Player HUD Bars

HP, Stamina, and EXP bars. TweenService-driven fill animations. Anchored top-left with Scale positioning so no bar ever floats on 16:9 or mobile.

INVENTORY — 6/16 SLOTS
⚔️
🛡️
💊
🔮
🎯
📦
UI Design Inventory
Inventory Grid System

Drag-capable item slots. UIGridLayout handles slot sizing — guaranteed square via UIAspectRatioConstraint. Active slot highlight on select.

TweenHandler.lua
1-- Smooth UI tween
2local TS = game:GetService("TweenService")
3local info = TweenInfo.new(0.4)
4local tween = TS:Create(frame, info, {
5  Position = UDim2.new(0.5,0,0.5,0)
6})
7tween:Play()
Scripting LuaU
TweenService UI Handler

Reusable tween module for UI transitions. EasingStyle.Quart, Out direction. Handles open/close states cleanly without jank or overlapping tweens.

ShopHandler.server.lua
1-- Server shop handler
2local buyEvent = RE.BuyItem
3buyEvent.OnServerEvent:Connect(function(plr, item)
4  if canAfford(plr, item.cost) then
5    deductCoins(plr, item.cost)
6    giveItem(plr, item)
7  end
8end)
Scripting Server
Shop Purchase Handler

Server-side RemoteEvent handler for shop purchases. Validates balance, deducts coins, and grants items — all server-authoritative, no client trust.

DAILY OFFERS
12,500
FEATURED
VIP Gamepass
9,999
💣
Bomb
450
🧪
Potion
300
BUY SELECTED
UI Design Daily Shop
Daily Offers Modal

Featured item spotlight + standard grid. Scale-first layout with a coin balance display. Opens via TweenService slide-in from bottom.

TOOLSET

Skills

🎨
UI Design
Roblox Studio
📜
LuaU
Scripting
📐
AutoScale
Scale over Offset
TweenService
Animations
🔗
RemoteEvents
Client-Server
🧩
ModuleScripts
Code Architecture
👥
Team Lead
Dev Management
🎮
Game Design
Mechanics & Loops