Create Next App

Design & Development Studio

Let's build something

PRODUCT DESIGN & DEVELOPMENT STUDIO

Your design & development partner, from idea to live interface.

We work with founders and product teams to design and build landing pages, dashboards, and mobile apps — using no-code tools like Framer and Webflow to go from idea to live product, fast.

PRODUCT DESIGN & DEVELOPMENT STUDIO

Your design & development partner, from idea to live interface.

Discover our work

We work with founders and product teams to design and build landing pages, dashboards, and mobile apps — using Figma and no-code tools like Framer and Webflow to go from idea to live product, fast.

EST. 2024 · INDONESIA

SCROLL DOWN

WHO WE ARE

DESIGN & DEVELOPMENT STUDIO

A design and development studio — one team, from first sketch to shipped product.

Haki Studio handles both sides of the process — design and development — under one roof. No handing off files to a separate team, no waiting for someone else to interpret the mockup. What we design, we also ship — using tools like Framer and Webflow to go from first sketch to a live product.

OUR SERVICES

The same team that designs your product also builds it — here's how we help.

WEB DESIGN

Web Design

Landing pages and marketing sites designed to explain your product clearly and move people to act — from first message to final call-to-action.

MOBILE APP

Mobile Design

Mobile interfaces that feel native — from onboarding flows to the core screens people use every day, built to hold up across the whole app.

DASHBOARD & DESIGN SYSTEM

Dashboard Design & Design System

Product screens and reusable components that stay clear, consistent, and easy to navigate — built to scale as your product and team grow.

WEB DEVELOPMENT

Web Development

Turning finished designs into live, working websites — built in Framer or Webflow, matched pixel-for-pixel and ready to launch.

Things we've
designed and built.

Clinic's - Patient Medical Overview Dashboard

VIEW MORE WORKS

Things we've
designed and built.

VIEW MORE WORKS

UI PRODUCTS

Design resources
built from real project work.

Online Course Dashboard Kit Dark Version

Clean Design

100+ Asset Design and Symbol

Vector Based

16 Screen Concept Design On Dark Mode

Included Style Guide + Included Font

Well Organized symbols and layers

Compatible with

Figma

Sketch

$25.00

Buy this product

Online Course Dashboard Kit

Clean Design

100+ Asset Design and Symbol

Vector Based

16 Screen Concept Design

Included Style Guide + Included Font

Well Organized symbols and layers

Compatible with

Figma

Sketch

$25.00

Buy this product

Waras - Medical App UI KIT

A Clean and Modern UI Kit for Medical Applications.

Clean and Modern Design

50+ Design Concept

Available on Light and Dark Mode

Fully Auto Layout in Figma

Included Style Guide + Included Font

Well Organized symbols and layers (Section, Container, Content)

Compatible with

Figma

$36.00

Buy this product

HOW IT WORKS

FIVE STEPS NO SURPRISES

From brief to live product,
without the back and forth.

Direction

We clarify what the product needs to be — and what it'll take to design and build it right.

Structure

We map the page flow and screen hierarchy, already thinking ahead to how it'll get built.

Design

We design the visual direction, layouts, and components — the same system that carries into development.

Review

We refine the work with you before it moves into build — so nothing gets lost in translation.

Delivery

We design it and build it ourselves — same team, from Direction all the way to a live product, ready to ship.

LET'S BUILD SOMETHING

START A PROJECT

Need design, development, and a faster path to live?

Send a short brief about your product, timeline, and what you need help with.

Let's build something