UI/UX Designer
I design interfaces that are both beautiful and functional. My approach combines user-centered design principles with technical implementation, creating experiences that feel intuitive and delightful. I specialize in mobile-first design, interactive experiences, and building design systems that scale.
nicolebelovoskey.com
My art and software portfolio as a first-person 3D world you can walk around in, with games and little experiences hidden inside. Built in Three.js.
Design Approach
I wanted my portfolio to feel like a place you visit instead of a list of links you skim. Walking through it should feel like exploring, and it shows the technical side and the creative side of me in one place.
Technologies
Tags
Plasma Sphere
Like that one toy. Hold click and drag on the ball to attract the electricity! Desktop and mobile.
Design Approach
I absolutely adore electricity and wanted to create a 3D environment that allows you to play with it. I've been fascinated with physical phenomena like electricity and magnetism, and how the basis of computers is manipulating an electron using a difference in electromagnetic force to make a transistor, which can be used to make logic gates, which can be used to make circuits, which can be used to make arithmetic logic units. With the inclusion of a clock and memory, you can create an entire computer architecture. On the newly formed computer, you can run programs directly on the hardware (baremetal) using binary instructions written for that computer architecture, or you could write a hardware abstraction layer that transpiles a common higher level language like assembly into the language the computer speaks. You can also write a language that's more readable to coders, that compiles into assembly, which is then translated into instructions for your computer! Using that higher level language, developers can move quickly and develop operating systems for a computer. Operating systems make it easier to write programs for the computer, because they handle the allocation of computer resources (they talk to the computer so your program doesn't have to worry about that). They also provide the illusion of isolation, meaning a software program written for an OS does not know other programs exist, and doesn't need to worry about playing nice with the hundreds of other applications running on the computer. The browser is a program on the OS. And this website is written for the browser! And it's all powered by 100 billion electrons jumping from one side of a microscopic germanium-doped silicon trough to the other.
Technologies
Tags
tierlistify
Rank anything, made for your phone. Drag items into tiers with your thumb and share the result.
Design Approach
I thought the Tiermaker mobile site could use some improvement. Dragging things between tiers on a phone was frustrating, so I built one where touch is the main way you use it, not an afterthought, with a clean UI that stays out of the way of the ranking.
Technologies
Tags
Friendex
A pokédex for your friends. A zany, mobile-first app for collecting and organizing what you know about the people in your life.
Design Approach
I wanted a fun way to remember the details about my friends that felt like a game, not a contacts app. The pokédex idea makes filling it in feel like collecting, and I designed it phone-first because that's what you have on you when you're out with people.
Technologies
Tags
Nickel Tools
A desktop OS in your browser: app grid, app tray, draggable windows, and a swipeable mobile mode. Every little web thing I make lives here.
Design Approach
I wanted a website that was "a website of websites" so I could/can give any little web thing I build a home 💖 I also wanted somewhere to put my art. A desktop OS seemed like the perfect container since pretty much everyone already knows how to get around one.
Technologies
Tags
Advanced Color Scheme Generator
Generates color palettes from color theory harmonies and exports them as theme JSON you can drop straight into a project.
Design Approach
I was tired of picking palettes by hand. I wanted something that starts from real color theory and keeps contrast in check, so what comes out is usable in a design system and not just pretty.
Technologies
Tags
Routine
A daily routine page that generates analogous color schemes on the fly, every one of them WCAG AAA compliant.
Design Approach
I wanted to play with algorithmic color theory while making something I'd actually use. Getting palettes to stay harmonious and still pass the strictest contrast level was the fun constraint.
Technologies
Tags
Pitch Hero
Sing or play a MIDI keyboard to hit scrolling notes as they cross the target line. Scores your pitch accuracy in real time from your mic or keyboard.
Design Approach
I wanted pitch training to feel like a rhythm game instead of an exercise. I built the pitch detection and the scrolling note renderer from scratch on the Web Audio API.