triyan

Software,
thoughtfully
built.

Software development focused on clear interfaces, useful features, and the people who use them.

Move your pointer to explore. Drag to rotate the sculpture. When focused, use the arrow keys to rotate and Home to reset the view.

Sculptural blue, turquoise and bronze streamlines spiraling around a vertical core
THERE’S MORE BELOWBASED IN INDONESIA · WORKING EVERYWHERE
01 / SELECTED WORK

Ideas you can
actually explore.

A closer look at what happens when
design and development stay together.

Northstar AI

SaaS / AI
DESIGN SYSTEM → LIVING WEBSITE
northstar.magika.studio
Northstar AI website: customer feedback intelligence, with a working product interface
Explore
website
BUILT WITH WORDPRESSRESPONSIVE, FROM THE INSIDE OUT

Making complex feedback
feel remarkably clear.

Independent concept project · Design & development · 2026

02 / HOW I WORKTHINK DEEPLY. MAKE CAREFULLY.

From a spark
to something
real.

Good websites start with good questions.
Here’s how I connect the dots.

THE MAKING OF A WEBSITE01 / 04
START WITH THE RIGHT QUESTIONS

Understand the people.
Then the pixels.

Who is this for? What should they feel, find, and do? I turn the answers into a clear brief and a considered structure.

YOU GETA clear brief & website structure
03 / A LITTLE CREATIVE COMPUTINGEXPERIMENT NO. 001

A little logic.
A little wonder.

The web can be useful and a little unexpected.
Go on. Play with the possibilities.

SIGNAL PLAYGROUNDSINE WAVE / 1,200 POINTS
MOVE YOUR CURSOR THROUGH THE FIELDSMALL EXPERIMENTS. BIG POSSIBILITIES.
04 / THE PERSON BEHIND THE PIXELS

A human behind
the hardware.

Triyan

Designer by instinct.
Builder by curiosity.

I’m Triyan Arif Wibowo, an independent designer based in Indonesia. My work connects UI/UX, brand thinking, and Software development.

I care about how a website feels as much as how it works: the hierarchy, the small interactions, and the ease of making it your own.

UI/UX designBrand thinkingWordPressCreative development

One person connecting the brief,
the design, and the build.

05 / OPEN A CONVERSATIONYOUR NEXT IDEA STARTS HERE.

Got a good
“what if?”

LET’S MAKE IT REAL

Tell me what you’re imagining.
Let’s figure out what it could become.

Back to the beginning
PROJECT FILE / 001
SaaS / AI

Northstar AI

Customer feedback, made clear.

A self-initiated portfolio project exploring how an AI feedback platform could communicate its value. Northstar is a fictional product; the WordPress website is fully built and available to explore.

MY ROLE

Design & WordPress development

THE BUILD

37 content pages and entries
18 template families

From brief to browser

  1. Clarify the story. Organize a complex SaaS offer around audience needs, product evidence, and useful journeys.
  2. Design the system. Connect typography, reusable layouts, responsive interfaces, and a consistent visual language.
  3. Build it in WordPress. Bring the design into native editable content, reusable templates, and working navigation.
  4. Refine the experience. Check responsive layouts, search, menus, and the concept demo interactions.

Product data and customer stories are concept content. The demo form is a simulation and does not submit enquiries.

Explore the live website