Newon
Contact

NEWON STUDIO · DIGITAL DESIGN APP UI/UX

Nicht nur Bildschirme —
Flüsse, zu denen Menschen immer wieder zurückkehren.

Wir gestalten die gesamte Erfahrung — vom ersten Start bis zum Verständnis der Hauptfunktionen, wiederholter Nutzung und Durchführung wichtiger Aktionen.

Informationsarchitektur, Nutzerflüsse, Bildschirmpriorität, Zustände, Interaktion und ein Designsystem kommen zusammen, sodass komplexe Funktionen intuitiv wirken.

Nicht nur hübsche Bildschirme —
gestalten, wie das Produkt tatsächlich verwendet wird.

Production inquiry → View process ↓

OVERVIEW

Eine starke App ist nicht diejenige mit den meisten Funktionen —
es ist diejenige, bei der die nächste Aktion offensichtlich erscheint.

Apps verbinden Anmeldung, Erkundung, Eingabe, Speichern, Bezahlen, Benachrichtigungen, Einstellungen — viele Aktionen in einem Produkt.

Ein wenig zusätzlicher Reibung können dazu führen, dass Menschen Funktionen übersehen oder während des Ablaufs abspringen.

Starkes App-UI/UX dreht sich weniger um einen perfekten Bildschirm und mehr darum, wie Abläufe und Produktstruktur miteinander verbunden sind.

Newon App-UI/UX analysiert Produktziele und Benutzerverhalten und verbindet dann Funktionsstruktur, Bildschirmfluss, Interaktion, Zustände und ein Designsystem zu einer nutzbaren, skalierbaren Produkterfahrung.

Wir entwerfen für Produkte, die mit Fingern verwendet werden. Haptik und ähnliche Hinweise hängen vom Entwicklungsumfang und der Plattform ab.

  • Tippen-Bereich
  • Daumenreichweite
  • Wischen
  • Untere Navigation
  • Bottom Sheet
  • Modal
  • Tastatur
  • Formulareingabe
  • Geste
  • Zum Aktualisieren ziehen
  • Haptische Richtung
  • Scrollen
  • Sticky Action
  • Sicherer Bereich

PROBLEMS

App-UI/UX hilft in solchen Situationen.

KOMPLEXER ABLAUF

Viele Funktionen — schwer zu bedienen.
Zu viele Schritte, um ein Ziel zu erreichen, oder unklar, was als Nächstes zu tun ist.

HOHE ABBRUCHRATE

Menschen verlassen den Ablauf mittendrin.
Anmeldung, Onboarding, Eingabe oder Checkout verlieren weiterhin Nutzer.

KEINE STRUKTUR

Funktionen existieren, aber die Produktstruktur nicht.
Bildschirme und Funktionen häufen sich, bis Informationsarchitektur und Navigation unübersichtlich werden.

INKONSISTENTES UI

Design und Verhalten ändern sich pro Bildschirm.
Schaltflächen, Eingaben, Karten und Modal-Fenster sehen überall anders aus und verhalten sich unterschiedlich.

NEUES PRODUKT

Es gibt eine Idee — aber noch keine Produkterfahrung.
Konzept und Funktionen sind festgelegt; sie in nutzbare Bildschirme umzuwandeln, ist schwierig.

NEUGESTALTUNG

Die vorhandene App benötigt ein Redesign.
Usability-Probleme, schwache Konversion, veraltetes UI oder Wachstum erzwingen einen strukturellen Neustart.

SKALIERENDES PRODUKT

Die Funktionen wachsen ständig.
Neue Bildschirme brechen Struktur und Designkonsistenz.

KEIN DESIGNSYSTEM

Jeder Build erfindet die Bildschirme erneut.
Keine wiederverwendbaren UI-Regeln — langsame Entwicklung und Wartung.

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

Gebaut für Produkte wie diese.

  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

Arbeiten, die wir an diesem Projekt ausführen.

PRODUKTVERSTÄNDNIS

Produktverständnis
Zweck, Kernfunktionen, Benutzer und Geschäftsziele.

FUNKTIONSSTRUKTUR

Funktionsstruktur
Funktionen priorisieren und wie sie zusammenhängen.

INFORMATIONEN-ARCHITEKTUR

Informationsarchitektur
Wie Funktionen und Inhalte verbunden sein sollten.

BENUTZERFLUSS

Benutzerfluss
Anmeldung, Erkundung, Erstellung, Kaufabschluss und andere Kernpfade.

WIREFRAME

Wireframe
Struktur, Layout und Inhaltspriorität vor der visuellen UI.

UI-DESIGN

UI-Design
Reale App-Bildschirme, die Marke und Charakter des Produkts widerspiegeln.

INTERAKTIONS-DESIGN

Interaktionsdesign
Tippen, Wischen, Scrollen, Modal, Bottom Sheet, Übergang und verwandte Reaktionen.

STATUS-DESIGN

Statusdesign
Laden, leer, Fehler, Erfolg, deaktiviert und andere reale Produktzustände.

PROTOTYP

Prototyp
Verbinden Sie Schlüsselabläufe, damit sie wie Verwendung durchlaufen werden können.

DESIGNSYSTEM

Basis-Designsystem
Grundlegende Regeln für Farbe, Schrift, Buttons, Eingaben, Karten und verwandte UI.

ÜBERGABE

Übergabe
Paketstruktur, Komponenten und Verhaltenskriterien für die Implementierung.

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

Neue Produkte, Neugestaltungen,
und wiederverwendbare UI-Regeln.

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.

NEUES PRODUKT

Ideen und Funktionsanforderungen in nutzbare App-Struktur und Bildschirme umwandeln.

NEUGESTALTUNG

Bestehende Probleme analysieren und IA, Abläufe, UI und Schlüsselzustände verbessern.

MVP-DESIGN

PRODUKTIDEE → KERNPROBLEM → UNVERZICHTBARE FUNKTIONEN → KERNABLAUF → MVP-UI → TESTEN → ITERIEREN
Priorisieren Sie den minimalen Ablauf, der den Kernwert liefert.

FARBE

Farb-Tokens
Primär / Sekundär / Semantisch / Hintergrund-Baselines.

TYPOGRAFIE

Typografie
Überschrift / Text / Beschriftung / Bildunterschrift Struktur.

BUTTON

Buttons
Primär / Sekundär / Text / Deaktiviert Priorität.

EINGABE

Formular-Komponenten
Eingaben, Dropdowns, Kontrollkästchen und verwandte Felder.

KOMPONENTE

Wiederverwendbare Komponenten
Karten, Listen, Modale, Registerkarten, Navigation und verwandte Muster.

ZUSTAND

Komponenten-Zustände
Standard / gedrückt / ausgewählt / deaktiviert / Fehler.

ABSTAND

Abstände & Layout
Basis-Abstands- und Platzierungsregeln über Bildschirme hinweg.

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

Im Basisumfang enthalten.

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

  • Produkt- / Feature-Bewertung
  • Informationsarchitektur
  • Kernbenutzerfluss
  • Wichtige Wireframes
  • UI-Design der Kernbildschirme
  • Grundlegende Interaktionsrichtung
  • Wichtige Bildschirmzustände
  • Grundlegende Responsive- / Geräteüberlegungen
  • Grundlegender Prototyp
  • Grundlegendes UI-Komponentensystem
  • Design-Übergabe

DELIVERABLES

Was Sie am Ende erhalten.

Actual deliverables may vary with project scope.

PRODUKTSTRUKTUR

Informationsarchitektur — wie Funktionen und Inhalte miteinander verbunden sind.

BENUTZERFLÜSSE

Benutzerfluss — Wege zu den Kernzielen.

WIREFRAMES

Wireframes — Struktur und Hierarchie für wichtige Bildschirme.

UI-BILDSCHIRME

App UI-Design — Kernbildschirme im Projektumfang.

BILDSCHIRMZUSTÄNDE

Zustandsdesign — Laden / Leer / Fehler / Erfolg und verwandte Zustände nach Bedarf.

PROTOTYP

Prototyp — ein grundlegender Prototyp für Kernflüsse.

UI-KOMPONENTEN

Grundlegendes UI-System — wiederverwendbare Komponenten und Stile.

ÜBERGABE

Design-Übergabe — Basisstruktur und Kriterien für die Umsetzung.

PROCESS

Wie das Projekt abläuft.

  1. ENTDECKEN

    Das Produkt verstehen
    Geschäft, Produkt, Nutzer und Kernfunktionen.

  2. DEFINIEREN

    Funktionen definieren
    Muss-Anforderungen und Prioritäten.

  3. STRUKTUR

    Produktstruktur
    Informationsarchitektur und Navigation.

  4. FLUSS

    Benutzerfluss
    Kernaktionen und Bildschirmbewegung.

  5. WIREFRAME

    Bildschirmstruktur
    Inhalt und Funktionspriorität.

  6. DESIGN

    UI-Design
    Bildschirme, die Marke und Benutzerfreundlichkeit widerspiegeln.

  7. PROTOTYP

    Interaktion validieren
    Wichtige Abläufe verbinden und Nutzung durchgehen.

  8. SYSTEMATISIEREN

    UI systematisieren
    Wiederverwendbare Komponenten und Basisregeln.

  9. ÜBERGABE

    Übergabe
    Designstruktur und Kriterien für den Aufbau paketieren.

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

Startpreis und grundlegender Umfang

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

Über die Umwandlung von Funktionen in Bildschirme hinaus —
ein Produkterlebnis schaffen, das die Menschen nutzen möchten.

Wir verstehen Kernfunktionen und Benutzerverhalten und gestalten dann ein App-Erlebnis, das vom ersten Zugriff bis zur wiederholten Nutzung fließt.

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