Newon
Contact

NEWON STUDIO · DIGITAL DESIGN APP UI/UX

Bukan sekadar layar —
alur yang membuat orang terus kembali.

Kami merancang pengalaman penuh — dari peluncuran pertama hingga memahami fitur inti, penggunaan berulang, dan menyelesaikan tindakan kunci.

Arsitektur informasi, alur pengguna, prioritas layar, status, interaksi, dan sistem desain bersatu sehingga fitur kompleks terasa intuitif.

Bukan hanya layar yang indah —
merancang bagaimana produk sebenarnya digunakan.

Production inquiry → View process ↓

OVERVIEW

Aplikasi yang kuat bukanlah yang memiliki fitur terbanyak —
melainkan yang langkah selanjutnya terasa jelas.

Aplikasi menghubungkan pendaftaran, eksplorasi, input, simpan, bayar, notifikasi, pengaturan — banyak tindakan dalam satu produk.

Sedikit gesekan ekstra dan orang melewatkan fitur atau berhenti di tengah proses.

UI/UX Aplikasi yang kuat berkaitan lebih sedikit dengan satu layar sempurna dan lebih banyak tentang bagaimana alur dan struktur produk terhubung.

Newon UI/UX Aplikasi menganalisis tujuan produk dan perilaku pengguna, kemudian menghubungkan struktur fitur, alur layar, interaksi, status, dan sistem desain menjadi pengalaman produk yang dapat digunakan dan skala.

Kami merancang untuk produk yang digunakan dengan jari. Haptik dan petunjuk serupa bergantung pada lingkup pengembangan dan platform.

  • Area Ketuk
  • Jangkauan Ibu Jari
  • Geser
  • Navigasi Bawah
  • Lembar Bawah
  • Modal
  • Keyboard
  • Input Formulir
  • Gerakan
  • Tarik untuk Segarkan
  • Arah Haptik
  • Gulir
  • Tindakan Lengket
  • Area Aman

PROBLEMS

UI/UX Aplikasi membantu dalam situasi seperti ini.

ALUR KOMPLEKS

Banyak fitur — sulit digunakan.
Terlalu banyak langkah untuk mencapai tujuan, atau tidak jelas apa yang harus dilakukan selanjutnya.

TINGGI DROP-OFF

Orang meninggalkan di tengah alur.
Pendaftaran, onboarding, input, atau checkout terus kehilangan pengguna.

TIDAK ADA STRUKTUR

Fitur ada, tetapi struktur produk tidak.
Layar dan fitur menumpuk sampai Arsitektur Informasi dan navigasi menjadi berantakan.

UI TIDAK KONSISTEN

Desain dan perilaku berubah per layar.
Tombol, input, kartu, dan modal terlihat dan bertindak berbeda di mana-mana.

PRODUK BARU

Ada sebuah ide — tapi belum menjadi pengalaman produk.
Konsep dan fitur sudah ditetapkan; mengubahnya menjadi layar yang dapat digunakan sangat sulit.

DESAIN ULANG

Aplikasi yang ada perlu didesain ulang.
Masalah kegunaan, konversi lemah, antarmuka yang usang, atau pertumbuhan memaksa reset struktural.

PRODUK SKALA

Fitur-fitur terus berkembang.
Layar baru merusak struktur dan konsistensi desain.

TIDAK ADA SISTEM DESAIN

Setiap build menciptakan layar lagi.
Tidak ada aturan UI yang dapat digunakan ulang — pengembangan dan pemeliharaan lambat.

PRODUCT DESIGN PRINCIPLES

Principles behind a strong app experience.

INTUITIVE

Intuitive
People should anticipate the next action without instructions.

EFFICIENT

Efficient
Remove unnecessary steps between people and their goals.

CONSISTENT

Consistent
The same action should work the same way across the app.

ACCESSIBLE

Accessible
Readability, touch targets, contrast, and basic accessibility matter.

FEEDBACK

Feedback
Loading, success, error, and related states respond to user actions.

SCALABLE

Scalable
Structure should hold as features and screens grow.

PLATFORM-AWARE

Platform-aware
We consider iOS and Android patterns and baseline guidelines — without claiming 100% guideline compliance.

GOAL-ORIENTED

Goal-oriented
Every screen and feature should connect to core user actions and business goals.

WHO IT'S FOR

Dibuat untuk produk seperti ini.

  1. 01

    New mobile apps

  2. 02

    Startup MVPs

  3. 03

    SaaS / AI services

  4. 04

    Community apps

  5. 05

    Productivity apps

  6. 06

    Commerce / booking services

  7. 07

    Existing app redesigns

  8. 08

    Products preparing to scale features

  9. 09

    Apps that need a design system

  10. 10

    iOS / Android apps

  11. 11

    Services that need simpler complex flows

WHAT WE DO

Pekerjaan yang kami jalankan di proyek ini.

PEMAHAMAN PRODUK

Pemahaman produk
Tujuan, fitur inti, pengguna, dan tujuan bisnis.

STRUKTUR FITUR

Struktur fitur
Prioritaskan fitur dan bagaimana mereka terkait.

ARSITEKTUR INFORMASI

Arsitektur informasi
Bagaimana fitur dan konten harus terhubung.

ALUR PENGGUNA

Alur pengguna
Mendaftar, menjelajah, membuat, checkout, dan jalur inti lainnya.

WIREFRAME

Wireframe
Tata letak struktur dan prioritas konten sebelum UI visual.

DESAIN UI

Desain UI
Layar aplikasi nyata yang mencerminkan karakter merek dan produk.

DESAIN INTERAKSI

Desain interaksi
Ketuk, geser, gulir, mod, lembar bawah, transisi, dan respons terkait.

DESAIN NEGARA

Desain status
Loading, empty, error, success, disabled, dan status produk nyata lainnya.

PROTOTIPE

Prototipe
Hubungkan alur kunci agar dapat dijalani seperti penggunaan.

SISTEM DESAIN

Sistem desain dasar
Aturan dasar untuk warna, tipe, tombol, input, kartu, dan antarmuka terkait.

SERAH TERIMA

Handoff
Struktur paket, komponen, dan kriteria perilaku untuk implementasi.

KEY FLOWS

Design the core flows first.

We select the flows each project needs. Not every item below is included in the basic scope.

ONBOARDING

Onboarding
Connect value understanding to first use.

SIGN UP / LOGIN

Sign up / login
Ask only what is needed — reduce entry friction.

HOME

Home
Prioritize what people check or act on most often.

DISCOVERY

Discovery
Help people find content, products, people, or features efficiently.

CREATION

Creation / input
Simplify writing, logging, registering, uploading step by step.

CHECKOUT

Checkout
Make price, choice, confirm, and pay clear.

RESULT

Result
Show outcomes of user actions clearly.

RETENTION

Retention
Support return use with history, alerts, saves, progress, and related cues.

Required flow scope is confirmed at quoting.

APPROACH · UI SYSTEM

Produk baru, desain ulang,
, dan aturan UI yang dapat digunakan ulang.

Full redesigns and focused flow or feature improvements are both possible by scope.

Depending on scale, you may receive a Basic UI System for core screens — not necessarily a full design system.

Early products can prioritize the minimum flow that delivers core value. Newon does not guarantee business success or product-market fit.

PRODUK BARU

Ubah ide dan kebutuhan fitur menjadi struktur aplikasi dan layar yang dapat digunakan.

DESAIN ULANG

Analisis masalah yang ada dan tingkatkan IA, aliran, UI, dan status kunci.

DESAIN MVP

IDE PRODUK → MASALAH INTI → FITUR WAJIB DIMILIKI → ALIRAN INTI → UI MVP → UJI → ITERASI
Prioritaskan aliran minimum yang memberikan nilai inti.

WARNA

Token warna
Garis dasar primer / sekunder / semantik / latar belakang.

TIPOGRAFI

Tipografi
Struktur judul / isi / label / keterangan.

TOMBOL

Tombol
Prioritas utama / sekunder / teks / dinonaktifkan.

INPUT

Komponen formulir
Input, dropdown, kotak centang, dan bidang terkait.

KOMPONEN

Komponen yang dapat digunakan kembali
Kartu, daftar, modal, tab, navigasi, dan pola terkait.

NEGARA

Status komponen
Default / ditekan / dipilih / dinonaktifkan / error.

PENYESUAIAN

Jarak & tata letak
Aturan jarak dan penempatan baseline di layar.

STATES · AI UX

Real products are more
than the happy path.

Strong product experience includes empty, failure, and waiting — not only the default path.

For AI features, prompt input, generating, results, regenerate, errors, limits, and trust notices can be designed as product UX — selected by real product structure, not a one-size checklist.

UX details (navigation, search, filter, form, toast, deep link, and more) are reviewed only as needed — not promised as an unlimited basic package.

DEFAULT

Default state

LOADING

Loading data

EMPTY

No content yet

ERROR

Something went wrong

SUCCESS

Action completed

DISABLED

Unavailable

OFFLINE

No network — when the project needs it

PERMISSION

Camera, notification, location, and related permission states

PROMPT INPUT

AI — make it clear what to enter.

GENERATING

AI — loading / progress while generating.

RESULT

AI — make long results readable.

REGENERATE

AI — regenerate or change conditions.

AI ERROR

AI — recover from failed responses and network errors.

LIMIT

AI — free limits, credits, or usage caps.

TRUST

AI — limits of results, references, and needed notices.

Exact state, AI UX, and detail UX scope is confirmed at quoting. This is UX condition design — not implementing application code logic. Examples: logged out → signup flow / no data → empty + first-action CTA / success → success feedback / error → error + recovery / canceling critical work → confirmation when needed.

WHAT'S INCLUDED

Termasuk dalam cakupan dasar.

Exact screen count, flow count, state count, and deliverables depend on project scale.

  • Tinjauan Produk / Fitur
  • Arsitektur Informasi
  • Alur Pengguna Inti
  • Kerangka Wireframe Utama
  • Desain UI Layar Inti
  • Arah Interaksi Dasar
  • Status Layar Utama
  • Pertimbangan Responsif / Perangkat Dasar
  • Prototipe Dasar
  • Sistem Komponen UI Dasar
  • Serah Terima Desain

DELIVERABLES

Apa yang Anda terima di akhir.

Actual deliverables may vary with project scope.

STRUKTUR PRODUK

Arsitektur Informasi — bagaimana fitur dan konten terhubung.

ALUR PENGGUNA

Alur Pengguna — jalur menuju tujuan inti.

WIREFRAMES

Wireframes — struktur dan hierarki untuk layar utama.

LAYAR UI

Desain UI Aplikasi — layar inti dalam lingkup proyek.

STATUS LAYAR

Desain Status — memuat / kosong / kesalahan / sukses dan status terkait sesuai kebutuhan.

PROTOTIPE

Prototipe — prototipe dasar untuk alur inti.

KOMPONEN UI

Sistem UI Dasar — komponen dan gaya yang dapat digunakan kembali.

SERAH TERIMA

Serah Terima Desain — struktur dasar dan kriteria untuk pembuatan.

PROCESS

Bagaimana proyek berjalan.

  1. MENEMUKAN

    Memahami produk
    Bisnis, produk, pengguna, dan fitur inti.

  2. MENETAPKAN

    Menetapkan fitur
    Yang harus dimiliki dan prioritas.

  3. STRUKTUR

    Struktur produk
    Arsitektur informasi dan navigasi.

  4. ALUR

    Alur pengguna
    Aksi inti dan perpindahan layar.

  5. WIREFRAME

    Struktur layar
    Prioritas konten dan fitur.

  6. DESAIN

    Desain UI
    Layar yang mencerminkan merek dan kegunaan.

  7. PROTOTIPE

    Validasi interaksi
    Menghubungkan alur utama dan menjalankan penggunaan.

  8. SISTEMATISASI

    Sistematisasi UI
    Komponen yang dapat digunakan kembali dan aturan dasar.

  9. PENYERAHAN

    Penyerahan
    Paket struktur desain dan kriteria untuk pembangunan.

CORE USER JOURNEY

People experience a journey,
not isolated screens.

We do not design screens in isolation. We design one experience from first entry through core use and return.

DISCOVER

First encounter with the app

ONBOARD

Understand the service and core value

SET UP

Sign up / basic setup

USE

Use core features

COMPLETE

Achieve the main user goal

RETURN

Form a reason to come back

BEFORE → AFTER

What changes when product experience is clarified.

BEFORE

Hard to find features
Too many steps to core tasks
Different UI per screen
Missing error / empty states
Structure breaks as features grow
Every build redesigns screens from scratch

AFTER

Clear information architecture
Short, natural core flows
Consistent UI patterns
Experience designed with key states
Scalable product structure
Reusable component system

SCOPE DIFFERENCE

Design vs development,
and Web vs App, are different scopes.

This product is UI/UX design only. App development and store launch are not included — implementation is quoted separately through Newon Business.

Web and App both involve UX, but environments and core action structures differ — so the approach follows the project goal.

APP UI/UX

Product structure, user flows, screens, states, and interaction.

APP DEVELOPMENT

Implement so the product runs on iOS / Android.

WEB DESIGN

Web experience centered on exploration, content, and conversion.

APP UI/UX (PRODUCT)

Product experience centered on repeat actions, feature execution, states, and interaction.

Studio App UI/UX starting price is design only. Live app implementation continues through Newon Business with a separate quote.

TIMELINE

Estimated timeline

A basic-scope project typically runs about 5–10 days.

Actual timing depends on screen count, feature count, flow complexity, platforms, states, prototype level, design-system scope, and feedback cadence.

PROJECT SCOPE

Harga awal dan lingkup dasar

APP UI/UX

From ₩700,000

Shown price is a starting point for basic scope.

Final quotes shift with screen count, feature count, flow complexity, platforms, states, prototype level, and design-system scope.

Basic scope

  • Product Review
  • Information Architecture
  • User Flow
  • Wireframe
  • UI Design
  • State Design
  • Prototype
  • Basic UI System
  • Handoff

OPTIONAL

Available when needed — not in the basic price by default.

These items are outside the base scope. Add them only when needed.

  • Product Strategy
  • UX Research
  • User Interview
  • Competitive Review
  • Brand Strategy
  • Visual Identity
  • Logo Design
  • Advanced Prototype
  • Full Design System
  • Illustration
  • Icon System
  • Motion / Micro Interaction
  • App Icon
  • Web Design
  • Admin / Dashboard UI
  • Development
  • App Store Assets
  • Usability Testing

DEVELOPMENT

When you need app build after design

Studio App UI/UX is design only — product structure, flows, screens, states, and interaction.

iOS / Android implementation can continue through Newon Business as a separate scope.

Explore Business App → View Newon app products →

PRODUCT CONNECTION

Connect brand
to real product experience.

We connect brand visual language to the screens and features people use every day.

Not only color and typography — navigation, flow, feedback, and state become one coherent product experience.

Strategy → Identity → Web → App → Product System → Experience

01

STRATEGY

Set brand direction and baseline.

02

IDENTITY

Build a reusable visual system.

03

WEB

Design web experience and conversion structure.

04

APP

Current service — design product flows and app experience.

05

PRODUCT

Extend product and digital experience further.

06

EXPERIENCE

Continue the brand across digital touchpoints.

IMPORTANT NOTICE

Scope notice

Exact screen count, user flows, states, prototype level, deliverables, and revision scope are confirmed before kickoff.

App UI/UX design and app development are separate scopes. This product’s starting price does not include app development.

External APIs, payments, maps, login, AI APIs, push notifications, and similar services need separate feasibility and cost review in development scope.

We do not guarantee App Store / Google Play approval, download counts, revenue, conversion, or retention outcomes.

Apple and Google policies and platform guidelines can change — launch-time review may still be required.

FAQ

FAQ

Yes. After clarifying the core problem and features, we can start from information architecture and user flows.

Yes. New products can move from wireframes and UI/UX into a later development phase.

Yes. We review current structure and key flows, then redesign where improvement is needed.

Screen count is set by scope and complexity and defined precisely at quoting — not unlimited.

Yes. Platform scope and platform differences are set before kickoff. We do not claim 100% guideline compliance.

Depending on scope, we can provide a prototype for core user flows.

A basic UI component system may be in scope. A full-scale design system can be a separate scope.

No. Studio App UI/UX starting price does not include app development. Implementation is quoted separately through Newon Business.

Store launch is not included in this product. Development and launch can continue through Business. Apple or Google approval is not guaranteed.

Competitive review, interviews, and usability testing can be added by scope.

Revision rounds are set in scope and quoting before work starts.

Yes. Beyond the AI feature itself, we can design input, generating wait, results, regenerate, errors, and usage limits by scope.

About 5–10 days for basic scope, from ₩700,000. Design only — screen count and complexity can change the quote.

Web Design centers on exploration, content, and conversion. App UI/UX centers on repeat use, feature execution, states, and interaction.

START A PROJECT

Lebih dari sekadar mengubah fitur menjadi layar —
membangun pengalaman produk yang ingin digunakan orang.

Kami memahami fitur inti dan perilaku pengguna, lalu merancang pengalaman aplikasi yang mengalir dari masuk pertama hingga penggunaan berulang.

Production inquiry → Jelajahi Studio →
PREVIOUS SERVICE WEB DESIGN NEXT SERVICE LANDING PAGE