Emrah OZBAY
UI/UX Designer in Games and SaaS
DONT MISS THIS ONE:
I've spent the last few weeks building something I've wanted to finish for a while and add new skills to my pipeline while working on the project: a cinematic, terminal/HUD-style interface for a fictional tactical operations system, entirely in the browser. (I believe this might be a really good solution to run some type of motion projects during filmmaking time directly on the visible probs)
Here are some details: Behind a simulated boot sequence (fake network handshakes, IP auth, animated logo reveal) sit four consoles:
→ STATICPEN: a satellite recon view with live target tracking that shifts from optical to thermal scan on inspection
→ SILENTPEN: a ground tactical console with four switchable sensor modes: Direct, Lidar, Heat Scan, Ghost
→ SEERPEN: the deep one. A real 3D globe (Cesium) rendering 26 live/static intelligence layers, conflict zones, ship traffic, flight tracking, GPS jamming, orbital satellites, paired with a live news feed and a local-LLM "analyst" that reads the map context and can act on it through chat
→ STRATUM: locked for now. Select it, and the system denies you clearance and logs the attempt. A dead end on purpose.
Design-wise, the goal was to make it feel like a live system, not a mockup; every terminal readout, scan line, and boot log is actually animating in real time, not a static screenshot dressed up to look busy.
Designed fully in Figma, first run and perfected on a local server and moved to GitHub with some changes to able to fit the webpage format. It was built with React 19, TypeScript, Vite, Tailwind v4, Cesium, and a small Express backend aggregating real news and live layer data.
While I've FE skills, they were limited in most cases; I've tried a new MCP server system inside Figma, and with VSC and Claude, I was able to pull out my design, put more detailed meaning to it and run it fully with interactions. While I'm against the ML systems to some degree, my approach is to use that as a tool to solve my technical problems. And my design project became a fully functional project. I believe designers will evolve their mindset to create more valuable products with more extensive tool options.
Let me know what do you think =)
Full case study on Behance: https://lnkd.in/dNd_PRqu
(https://lnkd.in/dNd_PRqu)Live demo: https://lnkd.in/d2cp9mcN
23
31
1.2K
From UI/UX to working on Monster Prototypes.
Over the last year, besides my UX/UI and Product design work, I've been investing time in HTML, CSS and JavaScript to better understand implementation and collaborate more effectively with developers.
Recently, combining Figma, Claude, and my coding background has changed the way I prototype. I can now turn interface concepts into functional local prototypes, test interactions, discover edge cases, and validate UX decisions before development even begins.
This tactical Geospatial Interface is one of those experiments. It's not just about creating beautiful screens anymore; it's about reducing uncertainty before engineering takes over.
I'm continuing to expand into GIS, Aerospace, and Defence UX, combining design, implementation, and domain knowledge to build interfaces for complex systems.
Every new tool feels less like a replacement and more like another skill added to the toolbox.
More content from this project is on the way!
4
4
155
Hey everyone, here is my update on my Remora project. I've decided to add one more game to my entry to let you enjoy the Retro Games with some extras.
Here is the full entry of the project🚀 https://on.contra.com/zdrm7L
Right now, more than 27,000 pieces of debris are orbiting Earth. Broken satellites, lost bolts, leftover rocket stages and nobody's cleaning it up. It sounds distant, but it isn't: this debris threatens the satellites our GPS, communications, and weather systems depend on, and could eventually block our access to space entirely.
PLAY NOW 💯 Remora - Let's Clean our Space (https://remora.figma.site/) 🚀
🎨 Figma file: Project File (https://www.figma.com/site/p5bu8PTmoytjpTY9YL3qwY/Remora---Space-Cleaner?node-id=0-1&t=H5KqKrCraHyBCseN-1&view=code&code-node-id=1-5)
2
262
🛰️ I just shipped Remora for the Figma Config Makeathon "a space debris cleanup game", built entirely in Figma and Figma Make with help of Sites.
PLAY NOW 💯 Remora - Let's Clean our Space (https://remora.figma.site/) 🚀
Right now, more than 27,000 pieces of debris are orbiting Earth. Broken satellites, lost bolts, leftover rocket stages and nobody's cleaning it up. It sounds distant, but it isn't: this debris threatens the satellites our GPS, communications, and weather systems depend on, and could eventually block our access to space entirely.
I named the project Remora; a small fish that swims alongside sharks, cleaning their surroundings. We're the remoras. Space is our ocean.
The Makeathon brief was "design something that improves the world," and I wanted my answer to be playable, not just a poster.
Some of what's under the hood:
🎮 Two game modes: a free-flying drone collector with zero-G physics and a station-based sorting game where you triage incoming debris into recycling shipments
🤖 Three AI-controlled drones compete alongside you on a live leaderboard, each with its own personality and skill level
✨ Particle bursts, thruster trails, and docking animations — built frame-by-frame on canvas, no game engine
🌍 An animated Earth companion that reacts with rotating messages as you play
📡 Satellites cross your flight path on real trajectories — hit one and you lose cargo and hull integrity
🔼 A milestone-based upgrade system (Speed Boost, Cargo+, Magnet Field, Shield) that triggers mid-flight without pausing the game
It won't clean the orbit. But if it makes one more person think about the mess we're leaving up there — it did its job.
🔗 Try it live: Remora - Let's Clean our Space (https://remora.figma.site/)
🎨 Figma file: Project File (https://www.figma.com/site/p5bu8PTmoytjpTY9YL3qwY/Remora---Space-Cleaner?node-id=0-1&t=H5KqKrCraHyBCseN-1&view=code&code-node-id=1-5)
27
35
1K