PORTFOLIO 2026 — UI/UXPORTFOLIO 2026 — UI/UXPORTFOLIO 2026 — UI/UX N° 001 / 鄧浩南N° 001 / 鄧浩南N° 001 / DENG HAONAN
大阪 — UI/UXデザイナー大阪 — UI/UX 设计师OSAKA, JP — UI/UX DESIGNER —:—:— JST

日常の違和感を
使える仕組みに
変える。
把日常里的违和感
变成可依赖的
体验。
TURN FRICTION
INTO USEFUL
SYSTEMS.

生活の中で見過ごされやすい不便さを、UIとリサーチで形にするデザイナー。物品処分、睡眠、異文化生活など、身近だけれど切実な課題を観察し、ユーザー目線で言語化し、すぐに試せる体験へ落とし込む。 用 UI 与研究,把生活中容易被忽视的不便变成可使用的体验。我关注物品处理、睡眠放松、异文化生活等身边却真实的问题,从用户视角整理原因,再快速做成可以验证的界面。 I design useful systems from everyday friction. Across disposal, rest, and cross-cultural living, I observe small but real problems, turn them into clear UX questions, and prototype practical interfaces fast.

現在当前状态Status 繁星株式会社 在職中繁星株式会社 在职Hansei Inc. — Full-time
作品を見る查看作品See Works
0
作品プロジェクト作品项目Projects
0
集客した参加者活动参与者Event Attendees
卒業制作優秀賞毕业设计优秀奖Excellence Award
精選作品精选作品Selected Works

FIVE WORKS, ONE LENS.FIVE WORKS, ONE LENS.FIVE WORKS, ONE LENS.

— 05 PROJECTS / 2022—2026
01 / 05 — UI/UX · iOS FEATURED

Mottainai
もったいない。
Mottainai
もったいない。
Mottainai
Think again.

捨てる前に、もう一度考えよう。物品処分の意思決定を支援する iOS アプリ。 丢弃前再想一想。物品处理决策辅助 iOS 应用。 Think again before discarding. iOS app for smarter disposal decisions.

UI/UX iOS Figma
RoleSolo
Timeline2 Weeks
Mottainai 3D mockup
02 / 05 — UI/UX · iOS FEATURED

Lulio
深いリラックスへ。
Lulio
引导深度放松。
Lulio
Breathe deeper.

呼吸と同期した声と振動で、聴覚×触覚の瞑想体験を設計。 呼吸同步的声音与振动,听觉 × 触觉冥想体验。 Breathing-synced sound & haptics — audio × haptic meditation.

UI/UX iOS Haptic
RoleSolo
Timeline5 Weeks
Lulio app mockup
03 / 05
Yuai
UI/UXSocial Impact

YUAI(友愛)

在日外国人生活支援アプリ支援在日外国人生活的应用Foreign Resident Support App

50名の留学生調査に基づき設計。「ちかマップ」と「ぺらトレ」で安心できる場所と日本語自信を支援。基于50名留学生调查设计。「附近地图」与「口语练习」帮助外国人安心生活。Based on 50-student survey. Nearby Map + Speaking Practice for confident living.

View Case Study查看案例View Case Study
04 / 05
修士論文展示
Research Book Design 🏆 優秀賞

宋代山水の構成的視覚空間宋代山水的构成性视觉空间Song Dynasty Landscape Research

武蔵野美術大学 修士論文 · 優秀賞武藏野美术大学 修士论文 · 优秀奖Musashino Art Univ. — Master's Thesis · Excellence Award

宋代山水画を「構成的視覚空間」として再考。現地調査・地形モデル・図像分析を組み合わせた実証的アプローチ。将宋代山水画重新解读为「构成性视觉空间」,结合实地调查、地形模型与图像分析的实证研究。Re-examining Song Dynasty landscape painting as "constructive visual space," combining fieldwork, terrain modeling & iconographic analysis.

View Research查看研究View Research
05 / 05
Guting Jun Shop
UI/UX 実務案例 Front-end E-Commerce

谷町君 Online Shop谷町君 Online ShopGuting Jun Shop

ホテル発ブランド ECランディングページ酒店品牌电商落地页Hotel Brand E-Commerce Landing Page

ホテル発の枕ブランドEC。商品ページ・購入フロー・注文管理を設計・実装。PC/モバイル両対応。酒店品牌枕头电商平台,独立设计并参与开发,涵盖商品展示、购买流程与订单管理,PC/移动端双适配。Hotel-born pillow brand e-commerce. Designed & developed product page, checkout flow, order tracking. Fully responsive.

Live · View Case线上运营中 · 查看案例Live · View Case
ABOUT
プロフィール关于我About

A DESIGNER WHO
NOTICES THINGS.
A DESIGNER WHO
NOTICES THINGS.
A DESIGNER WHO
NOTICES THINGS.

— EST. OSAKA · 2026

— デザインに対する考え方— 关于设计的理解— Design Philosophy

細部に宿る、
違和感こそが、
設計の起点。
日常细节里的
违和感
是设计的起点。
Small discomforts,
felt at scale,
are my starting point.

私は観察眼と行動の速さを強みとするデザイナーです。「なぜここが使いにくいのか」という小さな違和感を見逃さず、ユーザー目線で問題の原因を分析した上で、すぐに形にして検証する姿勢を大切にしています。新しいツールへの適応も早く、AIツールやFigmaを実務に取り入れながら、企画からリリースまでを単独で完結させてきました。 我是一个以观察眼和行动速度为优势的设计师。不放过细微违和感,从用户视角分析问题根源,迅速成形验证。新工具适应快,将AI工具与Figma融入实务,从企划到发布独立完成。 A designer with sharp observation and fast execution. I never ignore small UX discomforts — I analyze root causes from the user's perspective, then quickly prototype and verify. Fast at adapting AI tools and Figma into real workflows, end-to-end.

"観察するから、感じる。感じるから、設計できる。" "先观察,才能感受。感受过,才能设计。" "Observe to feel. Feel to design."

学歴・職歴学历与经历Experience

2026.04 —

繁星株式会社 UI/UXデザイナー繁星株式会社 UI/UX 设计师Hansei Inc. — UI/UX Designer

広告部視覚チーム — 在職中广告部视觉团队 — 在职中Visual team, advertising — Current

2025.12—2026.01

cicibella UI/UXデザイナー(兼)cicibella UI/UX 设计师(兼职)cicibella — UI/UX (Part-time)

化粧品ブランドの平面・UIデザイン化妆品品牌平面与UI设计Graphic & UI for cosmetics brand

2024 — 2026

武蔵野美術大学大学院 修了 / 優秀賞武藏野美术大学大学院 修了 / 优秀奖Musashino Art Univ. Grad — Excellence

視覚伝達デザイン専攻 北崎研究室视觉传达设计专攻Visual Communication Design

2023.12

青藤教育塾 美術広告部(兼)青藤教育塾 美术广告部(兼职)Aoto Education — Art & Ad (P/T)

ポスター4種、500名以上集客4类海报,500+人次参与4 poster types, 500+ attendees

2018 — 2022

西華大学 視覚伝達デザイン専攻西华大学 视觉传达设计Xihua University — Visual Communication

美術とデザイン学科美术与设计学院School of Art & Design

スキル・ツール技能与工具Skills & Tools
UI / UX
Figma Adobe XD ユーザーリサーチ用户研究User Research プロトタイピング原型制作Prototyping 情報設計信息架构Info Architecture ユーザビリティ評価可用性评估Usability Testing
Graphic
Illustrator Photoshop InDesign ブランドデザイン品牌设计Brand Design タイポグラフィ字体排印Typography エディトリアル书籍编排Editorial
Dev / Web
HTML / CSS JavaScript Wix WordPress Lovable Stitch AIコーディングAI辅助编程AI-assisted Dev
言語语言Languages
中国語(母語)中文(母语)Chinese — Native 日本語(N2)日语(N2)Japanese — N2 英語(基礎)英文(基础)English — Basic

ご連絡はこちらから邮件联系Contact

LET'S
TALK.
LET'S
TALK.
LET'S
TALK.

dhn757840071@gmail.com
所在地所在地Location 大阪府大阪市日本大阪市Osaka, Japan
現在の状況当前状态Status 在職中・メール連絡可在职・可邮件联系Employed · Email preferred

01 / 05  ·  UI/UX DESIGN  ·  iOS

MOTTAINAI.

捨てる前に、もう一度考えよう。 捨てる前に、もう一度考えよう。 Think again, before discarding.

物品処分の意思決定を 60秒で 完結させる iOS アプリ。
6名のインタビューに基づき、2週間で単独制作。
让物品处理决策在 60 秒内 完成的 iOS 应用。
基于6位用户深度访谈,2周独立完成。
An iOS app that compresses disposal decisions to 60 seconds.
Solo, 2 weeks, from 6 user interviews.

RoleProduct Designer (Solo)
Timeline2 Weeks · 2026
ToolsFigma · Lovable · Stitch
PlatformiOS Mobile
Mottainai 3D mockup
— CASE 01iOS 18+
SCROLL TO READ

Project Brief

捨てる、売る、譲る。
迷いを60秒の判断へ。
丢掉、卖掉、转赠。
把纠结压缩成60秒判断。
Discard, sell, donate.
Turn hesitation into a 60-second decision.

Mottainai は、引越しや整理のときに発生する「これはどう処分するべきか」という判断を、写真診断・相場比較・地域ルールを通して整理する iOS アプリです。 Mottainai 是一款帮助用户在搬家与整理时判断物品处理方式的 iOS 应用,通过拍照识别、价格比较与地区规则,把分散的信息整理成一个可执行建议。 Mottainai helps people decide what to do with unwanted items through photo diagnosis, resale comparison, and local disposal rules.

Decision Goal60s判断までの目標時間目标决策时间Target decision time
Research6ユーザーインタビュー用户访谈User interviews
Pain3wk粗大ゴミ平均待機大件垃圾平均等待Bulky-waste wait
Market0意思決定支援の空白决策辅助产品空白Decision-support gap

The Problem

問題は操作ではなく、
選択肢の多さ。
难点不是操作,
而是选项太分散。
The hard part is not the task,
but the scattered choices.

ユーザーは「売る・寄付する・粗大ゴミ・回収店・燃えるゴミ」を毎回比較している。アプリではそれらを同じ画面上の判断軸に置き換え、時間・費用・心理的負担を一目で比較できるようにした。用户每次都要比较出售、捐赠、大件垃圾、回收店、可燃垃圾等渠道。应用把这些渠道放进同一套判断轴里,让时间、费用和心理负担可以被快速比较。Users repeatedly compare selling, donation, bulky waste, recycle shops, and normal trash. The app reframes them as a single decision map.

Sell

VALUE HIGH / TIME HIGH

売る出售Sell
Donate

VALUE LOW / EMOTION HIGH

寄付捐赠Donate
Recycle

ECO HIGH / COST LOW

回収回收Recycle
Bulky

CERTAIN / WAIT LONG

粗大ゴミ大件垃圾Bulky
Trash

FAST / GUILT HIGH

廃棄丢弃Trash

Insight 01

「売れない」ではなく、
値するか分からない。
不是不会卖,
是不知道值不值。
Not "can't sell",
but "is it worth it?"

決策コストが操作コストを上回るため、判断前に疲れてしまう。决策成本高于操作成本,用户在开始行动前已经疲惫。Decision cost exceeds operational cost, so users tire before acting.

01

Insight 02

損を避ける感情が、
行動を強く動かす。
避免损失的情绪,
比获得收益更强。
Avoiding loss
moves people faster.

少額でも「捨てる損」を可視化すると、行動の理由が明確になる。即使金额不大,只要可视化“丢掉的损失”,行动理由就会更清晰。Visualizing small losses makes the reason to act clearer.

02

Insight 03

ゴミ袋の色は、
すでに生活の記憶。
垃圾袋的颜色,
已经是生活记忆。
Waste-bag colors
are already memory.

既存の分別色を使うことで、アプリの学習コストを下げられる。借用已有分类颜色,可以降低应用的学习成本。Borrowing familiar disposal colors reduces learning cost.

03

リサイクル回收Recycle

#7FB069

寄付捐赠Donate

#F4A6B8

粗大ゴミ大件垃圾Bulky Waste

#E8C547

回収店回收店Recycle Shop

#7FA9C9

燃やせるゴミ可燃垃圾Combustible

#E89B5C

危険物危险品Hazardous

#2B2B2B

カラーシステム颜色系统Color System

赤を主役にせず、
判断の印として使う。
红色不做主角,
只作为判断标记
Red is not the theme.
It is a decision mark.

ベースは紙のような暖白と墨色に抑え、赤は重要な数字・CTA・判断ポイントだけに限定。処分方法はゴミ袋や地域ルールを想起させる色で分け、生活にすでにある記憶をUIの入口にした。整体以纸感暖白与墨黑为基础,红色只用于关键数字、CTA 和判断点。处理方式则用接近日常垃圾分类记忆的颜色区分,让用户不用重新学习。The base stays paper-warm and ink-dark. Red is reserved for key numbers, CTAs, and decision points, while disposal routes borrow familiar everyday color memory.

アプリ ウォークスルー应用演示App Walkthrough

写真を撮るだけで、
選択肢が並び替わる。
只需拍照,
处理选项自动排序。
Take a photo,
then the choices reorder themselves.

ステップをクリック ↓点击步骤 ↓Click a step ↓
Input写真・素材・サイズを入口にする以照片、材质、尺寸作为入口Photo, material, and size as the entry point
Compare時間・費用・手間を同じ尺度で比較用同一尺度比较时间、费用与麻烦程度Compare time, cost, and effort on one scale
Act出品・寄付・廃棄の次の行動へ接続连接到出售、捐赠、丢弃的下一步Connect the decision to the next action

全画面全部界面All Screens

10画面のデザイン10个界面设计10 Screen Designs

0

目標処分決定時間目标决策时间Target decision time

ホーム→診断→方法選択主页→诊断→选择方案Home→Scan→Choose

2wk

個人制作期間独立制作周数Solo production

リサーチ〜プロトタイプ完結研究到原型独立完成Research to prototype

0

ユーザーインタビュー用户访谈数User interviews

留学生・会社員・主婦留学生、上班族、主妇Students, workers, parents