<aside> <img src="https://upload.wikimedia.org/wikipedia/commons/8/81/LinkedIn_icon.svg" alt="https://upload.wikimedia.org/wikipedia/commons/8/81/LinkedIn_icon.svg" width="40px" />
</aside>
<aside> <img src="attachment:15e56a12-9cde-43f0-9505-534708b30ee5:github-repositories-1.jpg" alt="attachment:15e56a12-9cde-43f0-9505-534708b30ee5:github-repositories-1.jpg" width="40px" />
</aside>
🎨 UI/UX & Art Production
Tools & Assets
<aside> <img src="notion://custom_emoji/5c2dfab5-b4d4-8125-b13b-0003b9c18ad5/371dfab5-b4d4-80c2-9336-007a94eeaa28" alt="notion://custom_emoji/5c2dfab5-b4d4-8125-b13b-0003b9c18ad5/371dfab5-b4d4-80c2-9336-007a94eeaa28" width="40px" />
Adobe Photoshop: Complete layout design, complex texture rendering, layer management, and precise manual slicing pipelines for grids.
</aside>
<aside> <img src="attachment:2e1193c1-5119-453b-98bd-fb6e979c5482:Figma-1-logo.png" alt="attachment:2e1193c1-5119-453b-98bd-fb6e979c5482:Figma-1-logo.png" width="40px" />
Figma: Building interactive user flows, rapid wireframing, and creating modular design systems with component variants.
</aside>
<aside> <img src="attachment:e209286f-3396-4e2a-8c15-bd4d4bcead01:Blender_logo_no_text.svg.png" alt="attachment:e209286f-3396-4e2a-8c15-bd4d4bcead01:Blender_logo_no_text.svg.png" width="40px" />
Blender: Basic 3D modeling and asset creation for custom stylized dynamic low-poly environments and UI accents.
</aside>
<aside> <img src="attachment:9ef970f1-7492-45fb-bd2c-37ee2922ec7a:Adobe_Illustrator_CC_icon.svg.png" alt="attachment:9ef970f1-7492-45fb-bd2c-37ee2922ec7a:Adobe_Illustrator_CC_icon.svg.png" width="40px" />
Adobe Illustrator: Creating clean vector shapes, flat icon sets, and crisp UI components designed to scale infinitely across dynamic high-resolution mobile viewports without pixel degradation.
</aside>
⚙️ Technical UI (Unity)
Engine Implementation
<aside> <img src="attachment:ad34fd69-5f34-42f3-8f68-97a96736c1e6:62e131b97fe3599fdd46ecb1.png" alt="attachment:ad34fd69-5f34-42f3-8f68-97a96736c1e6:62e131b97fe3599fdd46ecb1.png" width="40px" />
Unity UGUI Architecture: Structuring highly optimized nested canvas hierarchies, maintaining high FPS performance, and handling UI layout groups.
</aside>
<aside> <img src="notion://custom_emoji/5c2dfab5-b4d4-8125-b13b-0003b9c18ad5/371dfab5-b4d4-80b4-b8a2-007a80d7dc27" alt="notion://custom_emoji/5c2dfab5-b4d4-8125-b13b-0003b9c18ad5/371dfab5-b4d4-80b4-b8a2-007a80d7dc27" width="40px" />
UI Optimization: Sprite Atlas generation, 9-slicing texture setups, and asset profiling to minimize draw-calls during fast-paced runner gameplay.
</aside>
<aside> <img src="notion://custom_emoji/5c2dfab5-b4d4-8125-b13b-0003b9c18ad5/371dfab5-b4d4-80b4-b8a2-007a80d7dc27" alt="notion://custom_emoji/5c2dfab5-b4d4-8125-b13b-0003b9c18ad5/371dfab5-b4d4-80b4-b8a2-007a80d7dc27" width="40px" />
Localization Safety: Expert utilization of TextMeshPro rich text and auto-sizing material presets to guarantee layout integrity across global languages.
</aside>
🔁 Production & Pipeline
Workflow & Version Control
<aside> ⚙️
Version Control & Docs: Utilizing GitHub for repository tracking and basic layout commits, alongside Notion for feature spec mapping and interactive user journeys.
</aside>
<aside> ⚙️
UI State & Layout Planning: Designing production-ready UI asset states (Normal, Hover, Pressed, Disabled) and creating explicit visual documentation for engineers.
</aside>
<aside> ⚙️
Asset Delivery & Handover: Slicing, naming, and organizing UI assets and prefabs in Photoshop and Unity for clean developer implementation.
</aside>
<aside> <img src="attachment:ddd986d8-a242-479b-aa76-ca89e7ecef04:pngwing.com_(7).png" alt="attachment:ddd986d8-a242-479b-aa76-ca89e7ecef04:pngwing.com_(7).png" width="40px" />
Project Management: Utilizing Jira and Asana to navigate design sprints, resolve UI tickets, and align workflow milestones with developers.
</aside>
<aside> <img src="attachment:c7f78f56-c6d4-4d6f-9a66-5b3868c4cdd2:miro-icon.png" alt="attachment:c7f78f56-c6d4-4d6f-9a66-5b3868c4cdd2:miro-icon.png" width="40px" />
UX Ideation & Mapping: Using Miro to map interactive user journeys, layout wires, and complex flow charts before production.
</aside>
<aside> <img src="attachment:25209d93-9c8c-46d6-805a-173f5614a519:atlassian-loom-icon.png" alt="attachment:25209d93-9c8c-46d6-805a-173f5614a519:atlassian-loom-icon.png" width="40px" />
UI Handoff & Demos (Loom): Recording quick video walkthroughs to explain UX flows, layout logic, and interaction states directly to developers.
</aside>
