MA.TENSHIO / PORTFOLIO
Starting
Opening next view
about

Layout, media and motion are being synchronized before reveal.

Independent designer + developerPhilippines · 2026
Android / Web / Product UIAvailable for selected work
NATIVE ANDROIDWEB SYSTEMSPRODUCT UIRESPONSIVEKOTLIN + COMPOSENUXT + VUEDESIGN → BUILDSHIP THE REAL THING

MICHAELANGELOCORRAL

Designing the interface, building the product, and refining both until they feel connected.

Scroll to meet the practice50 Android · 124 web

One connected practice

DESIGNINGthe direction
PRODUCTSpeople can use
THAT SHIP.not just screenshots

My work sits between visual direction and implementation. I care about how something looks, but just as much about what happens when it reaches a real phone, browser, client, and release.

Proof in the work

02 / The body of work

Two surfaces.
One connected practice.

BUILT ACROSS
REAL PRODUCTS.

Native Android50

Products shaped around real devices, interaction states and release constraints.

Website entries124

Client work, product sites, concepts and visual web explorations.

Core surfaces02

Native Android + modern web, connected by one product-thinking process.

How the work moves

03 / A repeatable loop

FROM FIRST QUESTION
TO THE REAL THING.

The process changes with the project, but the principle stays the same: make the direction clear, build it faithfully, then refine what reality exposes.

01Think

Direction before decoration

02Shape

Interface, hierarchy and motion

03Build

Native and web implementation

04Refine

Responsive QA and release polish

I like work where the visual idea survives contact with production.

That means considering real content, device behavior, loading, accessibility, motion, performance, and the next action—not just the screenshot.

The strongest result is usually quieter than the first idea: fewer competing elements, clearer hierarchy, and motion that reinforces the structure instead of distracting from it.

02

Capabilities

Connected disciplines

Design → production
01Product directionHierarchy · flows · interaction
02Native AndroidKotlin · Jetpack Compose
03Modern webNuxt · Vue · responsive systems
04Release polishQA · performance · deployment

Working principles

THE RULES BEHIND
THE VISUAL WORK.

01

Clarity before decoration

The useful path should be obvious before motion or visual effects are added.

02

Design for the real screen

Width and height both matter. Media, type, and spacing are judged in the viewport people actually use.

03

Design and build stay connected

The implementation should preserve the decisions that made the design work in the first place.

04

Polish is cumulative

Typography, states, loading, motion, responsiveness, and performance all contribute to the final feeling.

Currently available

Have something that needs both direction and execution?