N

Nico Abel Laia - Product Designer & Frontend Engineer

I design products.
I build experiences.

I combine product thinking, interface design, and frontend engineering to turn ideas into thoughtful digital experiences.

Nico Abel Laia, Product Designer and Frontend Engineer

Selected work.

A selection of digital products and interfaces shaped through product design and frontend engineering.

Pastirumah interface preview placeholder

/01 - 2026

Pastirumah

Property Platform / Product Strategy + UI/UX Design + Frontend Engineering + Marketing Direction

A property platform built around video-first agent listings, complete house details, and real-time property comparison for buyers.

Kriwil interface preview placeholder

/02 - 2026

Kriwil

Brand & Digital Product / Product Design + Frontend Engineering

A digital experience shaped to make the brand feel clearer, sharper, and easier to explore across devices.

In progressVisit website
WeekGenz interface preview placeholder

/03 - 2020

WeekGenz

Creative Studio Website / Creative Direction + Frontend Engineering

A studio-facing web presence built to communicate WeekGenz through clear sections, confident visuals, and focused interaction.

In progressVisit website
New Jerusalem interface preview placeholder

/04 - 2022

New Jerusalem

Community Website / UI Design + Frontend Engineering

A community-oriented website direction focused on welcoming navigation, clear information, and accessible content structure.

In progressVisit website
Waskito School interface preview placeholder

/05 - 2021

Waskito School

Education Website / Product Design + Frontend Engineering

An education website experience organized around trust, admissions clarity, and readable school information.

In progressVisit website

/06 - Reveal queue

Coming soon.

More selected work is being prepared with the same design detail, product thinking, and frontend craft.

Skills and stack

Tools I use to ship.

I move between product thinking, interface design, and frontend implementation — with a stack centered on modern responsive web.

Next.jsVue.jsTailwind CSSFigma

/01

Frontend

Building responsive, polished interfaces that feel clear and fast.

  • Next.js
  • React.js
  • Vue.js
  • JavaScript
  • TypeScript

/02

Styling & UI

Translating visual direction into clean, reusable interface systems.

  • Tailwind CSS
  • CSS Grid
  • Responsive Design
  • Design Systems

/03

Product Craft

Shaping product flow before turning it into production-ready screens.

  • Figma
  • Product Design
  • UI/UX
  • Wireframing
  • Prototyping

/04

Visual Tools

Creating brand assets, layout directions, and polished visual details.

  • Adobe Illustrator
  • Adobe Photoshop
  • Brand Assets
  • Visual Design

/05

Interaction

Adding motion and state details that support the product experience.

  • GSAP
  • Micro-interactions
  • Accessibility
  • Component States

Interactive showcase

Designed responsively. Built interactively.

One compact playground showing how structure, hierarchy, and interaction adapt across different screens.

Tablet760px
Product Brief

Design-to-code

Clear hierarchy across screens.

01

Structure

Product intent, content priority, and user flow.

02

Interface

Responsive layout, states, and visual rhythm.

03

Frontend

Accessible components and interaction details.

Try changing the viewport.

About and capabilities

I think through the product, then build the interface.

I work across product design and frontend engineering, from understanding the problem and shaping the user flow to designing the interface and implementing it as a responsive web experience.

Based in IndonesiaProduct Designer & Frontend EngineerAvailable for selected collaborations

Product Design

  • Product thinking
  • User flows
  • Wireframing
  • Prototyping
  • Interface design
  • Design systems

Frontend Engineering

  • Vue.js
  • React.js
  • Next.js
  • TypeScript
  • Tailwind CSS
  • Responsive implementation

Interaction

  • GSAP
  • Micro-interactions
  • Motion
  • Accessible component states

Have a product in mind? Let's make it real.

I am open to selected collaborations around product design, frontend interfaces, and design-to-code execution.