Work UI/UX Design · Frontend Development

Project Work

Two focused pieces from my portfolio, each shaped around clear navigation, careful interface structure, and a smoother experience from first glance to final interaction.

QuantumZine and AI Aiden show how I approach interface design, wireframing, prototyping, user-centered design, and frontend build decisions in practice.

Explore My Work → Connect and Collaborate →
a notebook with a pen and headphones on a desk

Visual focus

Interface systems, layout rhythm, and interaction decisions translated into clear screen experiences.

QuantumZine

A blog interface designed for readability, visual hierarchy, and calmer browsing. My contribution focused on the layout structure, the interface flow, and the visual polish that helps readers move through content without friction.

A clean and minimalist workspace featuring a laptop, magazines, and a glass on a white desk.

Structured reading flow

The interface gives articles room to breathe, keeps heading levels clear, and uses a layout rhythm that helps the page feel easy to scan.

UI/UX Design Wireframing Prototyping
Flat lay of two blank cards on a peach background.

Interface clarity

I refined the spacing, article cards, and navigation behavior so the content feels easier to navigate at a glance.

Close-up of colorful design sketches in a spiral notebook with color swatches on a white desk.

Wireframe to interface

The visual direction moved from rough structure to a polished reading surface while keeping the interface easy to build in frontend code.

Design contribution

AI Aiden

For the AI Aiden project, I worked on the logo direction and the chatbot interface. The focus was on making the experience feel approachable, legible, and calm while still supporting a conversational flow.

macbook pro on brown wooden table

Chatbot interface

I designed the interface for conversation, keeping the layout clean enough for quick reading while allowing the interaction to feel natural and friendly.

A pencil sketch of geometric shapes on paper with a ruler and eraser

Logo direction

I explored logo shapes that support the conversational theme and keep the visual identity simple, memorable, and easy to apply across screens.

A minimalistic white paper speech bubble on a vibrant pink background, perfect for design projects.

Conversational flow

The layout keeps the exchange readable and compact, supporting a more focused back-and-forth experience for the user.

Relevant skills

What I bring to each project

The same design habits show up across my work: clear information hierarchy, thoughtful wireframes, frontend awareness, and user-centered decisions that keep interfaces practical and calm.

UI/UX Design

Interface structure with visual balance and readable hierarchy.

Wireframing

Early layouts that clarify flow before the interface is polished.

Prototyping

Clickable direction that helps ideas feel testable and tangible.

User-Centered Design

Choices shaped around clarity, comfort, and practical use.

Frontend Development

Implementation decisions that keep design and build aligned.