top of page

CREATIVE DIRECTION

D.BRONZE 

UI | UX | GUI

Project Management - D.BRONZE

UI | UX Design  - D.BRONZE

Icon Design  - D.BRONZE

PROJECT

COMMAX WallPad UI | UX Design

main1.webp

CREATIVE DIRECTION

D.BRONZE 

UI | UX | GUI

Project Management - D.BRONZE

UI | UX Design  - D.BRONZE

Icon Design  - D.BRONZE

PROJECT

COMMAX WallPad UI | UX Design

썸네일_1920.webp
인포레스트 인스타그램46-47.webp
인포레스트 인스타그램46-46.webp

CREATIVE DIRECTION

D.BRONZE 

UI | UX | GUI

Project Management - D.BRONZE

UI | UX Design  - D.BRONZE

Icon Design  - D.BRONZE

PROJECT

COMMAX WallPad UI | UX Design

인포레스트 인스타그램38.webp
인포레스트 인스타그램39-40.webp
인포레스트 인스타그램39-41.webp

CREATIVE DIRECTION

D.BRONZE 

UI | UX | GUI

Project Management - D.BRONZE

UI | UX Design  - D.BRONZE

Icon Design  - D.BRONZE

PROJECT

COMMAX WallPad UI | UX Design

썸네일_최종.webp

CREATIVE DIRECTION

D.BRONZE 

UI | UX | GUI

Project Management - D.BRONZE

UI | UX Design  - D.BRONZE

Icon Design  - D.BRONZE

PROJECT

COMMAX WallPad UI | UX Design

인포레스트 인스타그램348webp.webp
인포레스트 인스타그램39-40.webp
인포레스트 인스타그램39-41.webp

CREATIVE DIRECTION

D.BRONZE 

UI | UX | GUI

Project Management - D.BRONZE

UI | UX Design  - D.BRONZE

Icon Design  - D.BRONZE

PROJECT

COMMAX WallPad UI | UX Design

main_M.webp

CREATIVE DIRECTION

D.BRONZE 

Project Management
UI | UX Strategy

UI | UX Design
Icon Design
Application Design

PROJECT

ONE.EARTH INFROEST UI/UX

이미지 제공: mike  dennler

ONE.EARTH COMPANY

ONE.EARTH는 차별화된 기술력으로 미래를 창조하는 기업입니다.
ESGD를 기반으로 우리들의 아이들과 가족들 모두의 건강을 위해 제품을 개발하는 기업이며 인포레스트는 차별화된 클린룸 공조기술 노하우를 바탕으로 하여 살균+항균 필터링을 통한 전신소독과 맑은 공기 공급을 동시에 하는 새로운 개념의 토탈 공기청정 솔루션이 가능한 현관청정시스템 Inforest입니다.

inforest 홈페이지2-03.png
inforest 홈페이지2-04.png

Pure Air

Pure Breath

Pure Flow

Every Clean

Pure Flow

Pure Air

Pure Breath

Pure Flow

Pure Air

Pure Breath

marita-kavelashvili-ugnrXk1129g-unsplash (1) copy3 (1).png

ONE.EARTH COMPANY

ONE.EARTH는 차별화된 기술력으로 미래를 창조하는 기업입니다.
ESGD를 기반으로 우리들의 아이들과 가족들 모두의 건강을 위해 제품을 개발하는 기업이며 인포레스트는 차별화된 클린룸 공조기술 노하우를 바탕으로 하여 살균+항균 필터링을 통한 전신소독과 맑은 공기 공급을 동시에 하는 새로운 개념의 토탈 공기청정 솔루션이 가능한 현관청정시스템 Inforest입니다.

inforest 홈페이지2-03.png
inforest 홈페이지2-04.png

Every Clean

Every Moment

Fresh Air

Wherever You Are

Fresh Air Wherever You Are

marita-kavelashvili-ugnrXk1129g-unsplash (1) copy3 (1).png

ONE.EARTH COMPANY

ONE.EARTH는 차별화된 기술력으로 미래를 창조하는 기업입니다.
ESGD를 기반으로 우리들의 아이들과 가족들 모두의 건강을 위해 제품을 개발하는 기업이며 인포레스트는 차별화된 클린룸 공조기술 노하우를 바탕으로 하여 살균+항균 필터링을 통한 전신소독과 맑은 공기 공급을 동시에 하는 새로운 개념의 토탈 공기청정 솔루션이 가능한 현관청정시스템 Inforest입니다.

inforest 홈페이지2-03.png
inforest 홈페이지2-04.png

Every Clean

Pure Breath

Pure Air

Pure Flow

marita-kavelashvili-ugnrXk1129g-unsplash (1) copy3 (1).png

ONE.EARTH COMPANY

ONE.EARTH는 차별화된 기술력으로 미래를 창조하는 기업입니다.
ESGD를 기반으로 우리들의 아이들과 가족들 모두의 건강을 위해 제품을 개발하는 기업이며 인포레스트는 차별화된 클린룸 공조기술 노하우를 바탕으로 하여 살균+항균 필터링을 통한 전신소독과 맑은 공기 공급을 동시에 하는 새로운 개념의 토탈 공기청정 솔루션이 가능한 현관청정시스템 Inforest입니다.

inforest 홈페이지2-03.png
inforest 홈페이지2-04.png

Fresh Air In

Every Moment

Fresh Air Wherever You Are

marita-kavelashvili-ugnrXk1129g-unsplash (1) copy3 (1).png

ONE.EARTH COMPANY

ONE.EARTH는 차별화된 기술력으로 미래를 창조하는 기업입니다.
ESGD를 기반으로 우리들의 아이들과 가족들 모두의 건강을 위해 제품을 개발하는 기업이며 인포레스트는 차별화된 클린룸 공조기술 노하우를 바탕으로 하여 살균+항균 필터링을 통한 전신소독과 맑은 공기 공급을 동시에 하는 새로운 개념의 토탈 공기청정 솔루션이 가능한 현관청정시스템 Inforest입니다.

inforest 홈페이지2-03.png
inforest 홈페이지2-04.png
inforest 홈페이지2-06.png
inforest 홈페이지2-07.png
marita-kavelashvili-ugnrXk1129g-unsplash (1) copy3 (1).png

ONE.EARTH COMPANY

ONE.EARTH는 차별화된 기술력으로 미래를 창조하는 기업입니다.
ESGD를 기반으로 우리들의 아이들과 가족들 모두의 건강을 위해 제품을 개발하는 기업이며 인포레스트는 차별화된 클린룸 공조기술 노하우를 바탕으로 하여 살균+항균 필터링을 통한 전신소독과 맑은 공기 공급을 동시에 하는 새로운 개념의 토탈 공기청정 솔루션이 가능한 현관청정시스템 Inforest입니다.

inforest 홈페이지2-03.png
inforest 홈페이지2-04.png
inforest 홈페이지2-06.png
inforest 홈페이지2-07.png

Project Definition

원어스의 가정용 현관 공기청정 시스템 Inforest는 공기청정, 슈즈케어, 에어샤워 기능을 통합해 외부 유입 오염물질을 효과적으로 여과하고 살균·소독하는 통합형 에어 케어 솔루션입니다. 제품 전면에 적용된 AI·IoT 기반 스마트 미러를 통해 모든 기능을 하나의 인터페이스로 직관적으로 제어할 수 있으며, 디브론즈는 디스플레이의 물리적 한계를 넘어 사용자의 실제 행동 흐름을 중심으로 한 통합 UI·UX를 설계 및 디자인을 했습니다. 프레임의 경계를 시각적으로 확장하고, 화면의 물리적 한계를 넘어서는 연속적인 경험을 구현했습니다. 이를 통해 기능 간의 연결성을 더욱 명확히 하고, 사용자가 별도의 학습 없이도 자연스럽게 시스템을 이해하고 사용할 수 있는 경험을 제공합니다.

One.Earth’s residential entryway air purification system, Inforest, is an integrated air-care solution that combines air purification, shoe care, and air shower functions to effectively filter, sterilize, and disinfect external contaminants. The AI·IoT-enabled smart mirror on the front provides a unified interface for intuitive control of all features. D.BRONZE planned and designed a holistic UI/UX centered on the user’s natural behavior flow, going beyond the physical limitations of the display. By visually extending the boundaries of the frame and creating a seamless experience that transcends the screen, the design delivers a continuous and immersive interaction. This clarifies the connectivity between functions and enables users to understand and operate the system naturally, without a learning curve.

인포레스트 인스타그램45.webp
인포레스트 인스타그램46-47.webp
인포레스트 인스타그램46-46.webp
홈페이지-03 2.png
홈페이지-04 2.png

Inforest Core Technology

Inforest Core Technology

Inforest Core Technology

Inforest Core Technology

Inforest Core Technology

3_1.jpg
3_1.jpg

Product Core and
all  Function

inforest 홈페이지23-20.png

Air Purification

공기청정

inforest 홈페이지25-23.png

Air Quality Check

미세먼지 확인 

inforest 홈페이지23-21.png

Air Shower

에어샤워

inforest 홈페이지25-24.png

Live Weather

실시간 날씨

inforest 홈페이지23-22.png

Shoe Care

​슈즈케어

inforest 홈페이지25-25.png

Real-time Status Display

실시간 상태 뷰 

Product Core and
all  Function

inforest 홈페이지23-20.png

Air Purification

공기청정

inforest 홈페이지23-21.png

Air Shower

에어샤워

inforest 홈페이지25-23.png

Air Quality Check

미세먼지 확인 

inforest 홈페이지25-24.png

Live Weather

실시간 날씨

inforest 홈페이지25-25.png

Real-time Status Display

실시간 상태 뷰 

inforest 홈페이지23-22.png

Shoe Care

​슈즈케어

원어스 Inforest의 주요 기능이자 회사의 Core Technology는 외부 활동 후 옷, 신발, 그리고 실내 공간에 유입되는 오염물질을 안전하고 깔끔하게 제거하는 기술입니다. 이러한 오염 요소를 신체, 신발, 실내 환경의 단계별 과정으로 효과적으로 제거하는 것이 Inforest의 핵심 기능임을 기반으로, 사용자가 이를 빠르게 이해하고 작동할 수 있도록 UI·UX 흐름을 설계했습니다. 이후 시각적 요소를 체계적으로 적용해 사용성을 단순화하고 극대화했습니다.

The core function of One.Earth’s Inforest, and the company’s core technology, is the safe and thorough removal of contaminants that enter the home through clothing, shoes, and indoor surfaces after outdoor activity. Based on this step-by-step process—eliminating pollutants from the body, footwear, and the home environment—we designed a UI/UX flow that enables users to quickly understand and operate each function. Visual elements were then applied systematically to simplify interactions and maximize overall usability.

DISPLAY

ipad copy.png
inforest 홈페이지12-12.png
inforest 홈페이지12-13.png
inforest 홈페이지12-14.png
inforest 홈페이지23.png
display 전략.webp
제품이미지_최근_사이즈줄임 copy34 2.webp
inforest 홈페이지_M.png
display 전략.webp
inforest 홈페이지12-12.png
inforest 홈페이지12-13.png
inforest 홈페이지12-14.png

Inforest
UI/UX WorkFlow

inforest 홈페이지211.png
backgreen.png
product3_shadow copy.png
inforest 홈페이지223.png

Inforest
UI/UX WorkFlow

inforest 홈페이지211.png

Inforest
UI/UX WorkFlow

inforest 홈페이지211.png

Inforest Product Features

backgreen.png
product3_shadow copy.png
backgreen.png

Inforest
UI/UX WorkFlow

product3_shadow copy.png
inforest 홈페이지211.png

ONE.EARTH Inforest 
UI/UX Strategy

ONE.EARTH Inforest 
UI/UX Strategy

inforest 홈페이지2.png
inforest 홈페이지2-09.png

ONE.EARTH Inforest 
UI/UX Strategy

inforest 홈페이지21.png

ONE.EARTH Inforest 
UI/UX Strategy

inforest 홈페이지2.png
inforest 홈페이지2-09.png

ONE.EARTH Inforest 
UI/UX Strategy

inforest 홈페이지21.png
inforest 홈페이지22-16.png

정보 위계를 통한
시각적 집중 강화

정보 위계를 통해 사용자의 시선을 자연스럽게 유도하고, 핵심 정보에 시각적 집중을 강화했습니다.

Enhanced visual focus through clear information hierarchy, guiding users’ attention to key content.

inforest 홈페이지22-17.png

통합된 비주얼
아이덴티티 시스템

그래픽 요소를 일관된 원칙 아래 통합하여, 모든 화면에서 동일한 브랜드 경험을 제공했습니다.

Integrated graphic elements under a unified design principle to deliver a consistent brand experience across all screens.

inforest 홈페이지22-18.png

컬러 시스템을 통한
정보 인지 

컬러를 통해 사용자가 화면 내 요소를 빠르게 인식하고, 시각적 혼란 없이 효율적으로 정보를 이해할 수 있도록 합니다.

Uses color to help users quickly identify interface elements and understand information efficiently without visual confusion.

inforest 홈페이지22-19.png

직관적인 인터페이스로
다기능을 쉽게 조작

사용자가 복잡한 기능을 학습 필요 없이 쉽게 이해하고 조작할 수 있도록 설계했습니다.

Designed to enable users to easily understand and operate complex functions without the need for prior learning.

UI/UX Strategic
Elements

inforest 홈페이지-16.webp

사용자의 행동 패턴과 인지 흐름을 반영한 시각적 위계 설계를 통해 핵심 정보를 직관적으로 전달하고, 사용자가 자연스럽게 세부 정보로 진입하여 내용을 탐색할 수 있는 유기적인 흐름을 완성했습니다.

By designing a visual hierarchy that reflects user behavior and cognitive flow, We created a seamless experience that intuitively conveys key information and guides users naturally into detailed exploration.

inforest ��홈페이지-17.webp

아이콘, 에셋, UI 컴포넌트 등 모든 시각 요소의 디자인 언어를 정립하고 디테일을 규격화하여, 화면 전반에 걸쳐 유기적이고 완성도 높은 시각적 정합성을 확보했습니다.

By establishing a unified design language for all visual elements—including icons, assets, and UI components—and standardizing their details, I achieved a cohesive and highly polished visual integrity across the entire interface.

inforest 홈페이지-18.webp

카테고리별 고유 컬러를 통해 콘텐츠의 경계를 직관적으로 구분하고, 핵심 정보와 기능의 활성 상태(Active State)를 시각적으로 강조하여 복잡한 데이터 속에서도 사용자가 주요 현황을 즉각적으로 파악할 수 있도록 설계했습니다.

Distinct category colors intuitively define content boundaries and visually emphasize core information and Active States, ensuring users can instantly grasp key statuses even within complex datasets.

inforest 홈페이지-19.webp

시스템 작동 과정을 모션과 인디테이터로 시각화를 하였습니다. 그리고 사용자의 모든 인터랙션에 대해 즉각적인 시각적 피드백을 제공받을 수 있도록 설계하였습니다. 

System processes are visualized through motion and indicators, designed to provide immediate visual feedback for every user interaction.

UIUX DESIGN CONCEPT

Clear structure
Simple control

ONE.EARTH INFROREST의 다양한 기능을 단순한 흐름으로 구성해 누구나 직관적으로 사용할 수 있는 실용적 기능성과 심플한 작동성을 지향하는 디자인을 제안합니다. 

A design that streamlines the multiple functions of ONE.EARTH INFROREST
into a simple, intuitive system emphasizing practicality and ease of use.

UIUX DESIGN CONCEPT

Clear structure
Simple control

ONE.EARTH INFROREST의 다양한 기능을 단순한 흐름으로 구성해
누구나 직관적으로 사용할 수 있는 실용적 기능성과
심플한 작동성을 지향하는 디자인을 제안합니다. 

A design that streamlines the multiple functions of ONE.EARTH INFROREST
into a simple, intuitive system emphasizing practicality and ease of use.

Clear structure
Simple control

ONE.EARTH INFROREST의 다양한 기능을 단순한 흐름으로 구성해 누구나 직관적으로 사용할 수 있는 실용적 기능성과 심플한 작동성을 지향하는 디자인을 제안합니다. 

A design that streamlines the multiple functions of ONE.EARTH INFROREST
into a simple, intuitive system emphasizing practicality and ease of use.

Clear structure
Simple control

ONE.EARTH INFROREST의 다양한 기능을 단순한 흐름으로 구성해
누구나 직관적으로 사용할 수 있는 실용적 기능성과
심플한 작동성을 지향하는 디자인을 제안합니다. 

A design that streamlines the multiple functions of ONE.EARTH INFROREST
into a simple, intuitive system emphasizing practicality and ease of use.

UIUX Component

inforest 홈페이지_스토리연결4-26.webp
inforest 홈페이지_스토리연결4-27.webp
inforest 홈페이지_스토리연결4-28.webp

UIUX Component

inforest 홈페이지_스토리연결4-26.webp
inforest 홈페이지_스토리연결4-27.webp
inforest 홈페이지_스토리연결4-28.webp

UIUX Component

inforest 홈페이지_스토리연결4-26.webp
inforest 홈페이지_스토리연결4-27.webp
inforest 홈페이지_스토리연결4-28.webp

ICON

ICON

Weather Icon에는 빛과 투명도가 느껴지는 글래스 텍스처를 입혀 시각적인 풍부함을 더하였으며, 네비게이션 메뉴는 즉각적 인지를 위한 직관적인 형태로 디자인하였습니다. 두 아이콘이 함께 사용되는 화면에서도 아이콘간의 강약 조절을 통해 밸런스를 맞추었습니다. 

The weather icons feature a glass texture that plays with light and transparency to add visual richness, whereas the navigation menu is designed with intuitive forms for instant recognition. I carefully adjusted the visual weight between these elements to maintain a harmonious balance on screens where they coexist.

Icon

weathericon-67.webp

Weather Icon

weathericon-68.webp
weathericon-67.webp

Weather Icon

weathericon-68.webp

Icon

Frame 255_3.webp
icon-71.webp
icon-72.webp
icon-73.webp
icon-74.webp
icon-75.webp
배경4.webp
icon-71.webp
icon-72.webp
icon-73.webp
icon-74.webp
icon-75.webp

Font

공간과 사용성을 고려한 최적의 폰트를 적용하였습니다.
기기의 미니멀한 외관과 사용자의 시선 거리를 고려하여, 원거리에서도 정보가 선명하게 보이는 폰트를 적용했습니다. 전원이 켜진 상태에서도 인테리어 오브제로서의 고급스러운 디자인 흐름을 해치지 않고 자연스럽게 어우러지도록 했습니다.

Optimized Typography for Space and Usability Considering the device's minimalist exterior and the user's viewing distance, I selected a font that ensures clear legibility even from afar. The typography seamlessly blends with the product's design, maintaining its luxurious aesthetic as an interior object even when the display is active.

Frame 1502 (1) copy.webp
inforest 홈페이지_스토리연결-08.png
inforest 홈페이지_스토리연결-09.png
inforest 홈페이지_스토리연결-13.png
inforest 홈페이지_스토리연결-12.png
inforest 홈페이지_스토리연결-10.png

Grid System

상단과 하단의 네비게이션 영역은 고정하여 일관된 사용성을 유지하되, 상세 뷰(Detail View) 진입 시 중앙 정보창이 확장되도록 설계했습니다. 복잡한 레이아웃 변화 없이 오직 스퀘어 모듈의 비례적인 스케일 변화만으로 정보의 양과 위계를 조절하여, 사용자가 시각적 혼란 없이 콘텐츠에만 온전히 집중할 수 있도록 했습니다.

While keeping the top and bottom navigation bars fixed for consistent usability, the central information window expands when entering the Detail View. I managed the information hierarchy solely through the proportional scaling of the square module, avoiding complex layout changes to ensure users can focus entirely on the content without visual distraction.

투명1.webp
grid1_1.webp

4-Grid

Frame 461 copy_11zon.webp

3-Grid

Frame 462 copy_11zon.webp
제품이미지3_4.webp
6.전체화면 re6.webp
5.전체화면 re5.webp
4.전체화면 re4.webp
2.전체화면 re2.webp
3.전체화면 re3.webp
1.전체화면 re.webp
Frame 289.webp
Frame-296.webp
Frame-291.webp
Frame-293.webp
Frame-292.webp
Frame 288.webp
Frame-294.webp
Frame 287.webp
Frame 475.webp
Frame 286.webp
Frame 477 (1).webp
Frame-295.webp
inforest 홈페이지_스토리연결4 2.webp

UIUX Component

Frame 151 (1).png
inforest 홈페이지_스토리연결-10.png
inforest 홈페이지_스토리연결-15.png
inforest 홈페이지_스토리연결-12.png
inforest 홈페이지_스토리연결-09.png
inforest 홈페이지_스토리연결-08.png
inforest 홈페이지_스토리연결-11.png

UIUX Component

inforest 홈페이지5-07.png
inforest 홈페이지5-05.png
inforest 홈페이지5-06.png
6.전체�화면 re6.webp
5.전체화면 re5.webp
4.전체화면 re4.webp
2.전체화�면 re2.webp
3.전체화면 re3.webp
1.전체화면 re.webp
6.전체화면 re6.webp
5.전체화면 re5.webp
4.전체화면 re4.webp
2.전체화면 re2.webp
3.전체화면 re3.webp
1.전체화면 re.webp

Seamless Design

디스플레이의 Black 배경을 활용하여 심리스(Seamless) 디자인을 적용, 베젤의 경계를 허물고 디스플레이가 기기 전체로 확장되는 듯한 몰입감을 주었습니다.

Utilizing a black background to achieve a seamless design, this approach dissolves the bezel's boundaries, creating an immersive experience where the display appears to extend across the entire device.

Seamless Design

디스플레이의 Black 배경을 활용하여 심리스(Seamless) 디자인을 적용, 베젤의 경계를 허물고 디스플레이가 기기 전체로 확장되는 듯한 몰입감을 주었습니다.

Utilizing a black background to achieve a seamless design, this approach dissolves the bezel's boundaries, creating an immersive experience where the display appears to extend across the entire device.

제품옆1.webp
제품사이드10 2.webp
전체화면 모바일 세트1.webp
전체화면 모바일 세트12psd.webp
3_1.jpg
inforest 홈페이지2.png

ONE.EARTH Inforest 
UI/UX Strategy

이미지 제공: Jeremy Cai
화면배치2_1.webp
화면배치2_2.webp
슈즈케어 신발장4.webp

Shoe Care

총 3개의 슈즈케어 존을 개별적으로 관리할 수 있도록 직관적인 버튼 인터페이스를 구축했습니다. 사용자가 원하는 구획을 선택하면 우측 정보창을 통해 상세 데이터를 보여주며, 활성화된 탭에는 동적인 모션과 컬러 글로우 효과를 적용하여 현재 상태에 대한 명확한 시각적 피드백을 제공합니다. 이를 통해 사용자는 복잡한 과정 없이 작동 현황과 잔여 시간을 몰입감 있게 확인할 수 있습니다.

An intuitive button interface has been constructed to enable individual management of the three shoe care zones. Selecting a specific zone instantly displays detailed data on the right-hand panel, while the active tab is highlighted with dynamic motion and color glow effects. This design ensures users can immersively monitor the operation status and remaining time without any complexity.

화면배치2_1.webp
화면배치2_2.webp
화면배치2_2.webp
화면배치2_1.webp
슈즈케어 신발장4.webp

Shoe Care

총 3개의 슈즈케어 존을 개별적으로 관리할 수 있도록 직관적인 버튼 인터페이스를 구축했습니다. 사용자가 원하는 구획을 선택하면 우측 정보창을 통해 상세 데이터를 보여주며, 활성화된 탭에는 동적인 모션과 컬러 글로우 효과를 적용하여 현재 상태에 대한 명확한 시각적 피드백을 제공합니다. 이를 통해 사용자는 복잡한 과정 없이 작동 현황과 잔여 시간을 몰입감 있게 확인할 수 있습니다.

An intuitive button interface has been constructed to enable individual management of the three shoe care zones. Selecting a specific zone instantly displays detailed data on the right-hand panel, while the active tab is highlighted with dynamic motion and color glow effects. This design ensures users can immersively monitor the operation status and remaining time without any complexity.

Function

슈즈케어.webp

Shoe Care

총 3개의 슈즈케어 존을 개별적으로 관리할 수 있도록 직관적인 버튼 인터페이스를 구축했습니다. 사용자가 원하는 구획을 선택하면 우측 정보창을 통해 상세 데이터를 보여주며, 활성화된 탭에는 동적인 모션과 컬러 글로우 효과를 적용하여 현재 상태에 대한 명확한 시각적 피드백을 제공합니다. 이를 통해 사용자는 복잡한 과정 없이 작동 현황과 잔여 시간을 몰입감 있게 확인할 수 있습니다.

An intuitive button interface has been constructed to enable individual management of the three shoe care zones. Selecting a specific zone instantly displays detailed data on the right-hand panel, while the active tab is highlighted with dynamic motion and color glow effects. This design ensures users can immersively monitor the operation status and remaining time without any complexity.

슈즈케어 신발장4.webp

Shoe Care

총 3개의 슈즈케어 존을 개별적으로 관리할 수 있도록 직관적인 버튼 인터페이스를 구축했습니다. 사용자가 원하는 구획을 선택하면 우측 정보창을 통해 상세 데이터를 보여주며, 활성화된 탭에는 동적인 모션과 컬러 글로우 효과를 적용하여 현재 상태에 대한 명확한 시각적 피드백을 제공합니다. 이를 통해 사용자는 복잡한 과정 없이 작동 현황과 잔여 시간을 몰입감 있게 확인할 수 있습니다.

An intuitive button interface has been constructed to enable individual management of the three shoe care zones. Selecting a specific zone instantly displays detailed data on the right-hand panel, while the active tab is highlighted with dynamic motion and color glow effects. This design ensures users can immersively monitor the operation status and remaining time without any complexity.

슈즈케어 신발장4.webp

Function

Frame 302.png

Shoe Care

총 3개의 슈즈케어 존을 개별적으로 관리할 수 있도록 직관적인 버튼 인터페이스를 구축했습니다. 사용자가 원하는 구획을 선택하면 우측 정보창을 통해 상세 데이터를 보여주며, 활성화된 탭에는 동적인 모션과 컬러 글로우 효과를 적용하여 현재 상태에 대한 명확한 시각적 피드백을 제공합니다. 이를 통해 사용자는 복잡한 과정 없이 작동 현황과 잔여 시간을 몰입감 있게 확인할 수 있습니다.

An intuitive button interface has been constructed to enable individual management of the three shoe care zones. Selecting a specific zone instantly displays detailed data on the right-hand panel, while the active tab is highlighted with dynamic motion and color glow effects. This design ensures users can immersively monitor the operation status and remaining time without any complexity.

슈즈케어 신발장4.webp
에어샤워7.webp
에어샤워5.webp

Air Shower 

외부 오염 물질을 제거하는 Inforest의 핵심 기능인 에어샤워는 세분화된 옵션을 직관적으로 제어할 수 있도록 설계하였습니다. 작동 상태는 동적인 모션으로 사용자에게 즉각적인 상황을 알려줄 수 있습니다. 특히 작동 중 다른 콘텐츠를 탐색할 경우, 상태 표시창이 상단 미니 위젯으로 축소되어 시야를 가리지 않고도 잔여 시간을 지속적으로 확인할 수 있도록 유연한 UI 구조를 적용했습니다.

The Air Shower, Inforest's core feature for removing external pollutants, is designed to offer intuitive control over granular settings. Operational status is visualized through dynamic motion graphics, providing immediate feedback. To facilitate seamless multitasking, a flexible UI structure is applied where the status window minimizes into a top widget when navigating other content, ensuring the remaining time remains visible without obstructing the view.

에어샤워2_1.webp
에어샤워 수동.webp
에어샤워2_1.webp
에어샤워 수동.webp
에어샤워5.webp
에어샤워7.webp

Air Shower 

외부 오염 물질을 제거하는 Inforest의 핵심 기능인 에어샤워는 세분화된 옵션을 직관적으로 제어할 수 있도록 설계하였습니다. 작동 상태는 동적인 모션으로 사용자에게 즉각적인 상황을 알려줄 수 있습니다. 특히 작동 중 다른 콘텐츠를 탐색할 경우, 상태 표시창이 상단 미니 위젯으로 축소되어 시야를 가리지 않고도 잔여 시간을 지속적으로 확인할 수 있도록 유연한 UI 구조를 적용했습니다.

The Air Shower, Inforest's core feature for removing external pollutants, is designed to offer intuitive control over granular settings. Operational status is visualized through dynamic motion graphics, providing immediate feedback. To facilitate seamless multitasking, a flexible UI structure is applied where the status window minimizes into a top widget when navigating other content, ensuring the remaining time remains visible without obstructing the view.

에어샤워.webp

Air Shower 

외부 오염 물질을 제거하는 Inforest의 핵심 기능인 에어샤워는 세분화된 옵션을 직관적으로 제어할 수 있도록 설계하였습니다. 작동 상태는 동적인 모션으로 사용자에게 즉각적인 상황을 알려줄 수 있습니다. 특히 작동 중 다른 콘텐츠를 탐색할 경우, 상태 표시창이 상단 미니 위젯으로 축소되어 시야를 가리지 않고도 잔여 시간을 지속적으로 확인할 수 있도록 유연한 UI 구조를 적용했습니다.

The Air Shower, Inforest's core feature for removing external pollutants, is designed to offer intuitive control over granular settings. Operational status is visualized through dynamic motion graphics, providing immediate feedback. To facilitate seamless multitasking, a flexible UI structure is applied where the status window minimizes into a top widget when navigating other content, ensuring the remaining time remains visible without obstructing the view.

에어샤워2_1.webp
에어샤워 수동.webp
에어샤워5.webp
에어샤워7.webp

Air Shower 

외부 오염 물질을 제거하는 Inforest의 핵심 기능인 에어샤워는 세분화된 옵션을 직관적으로 제어할 수 있도록 설계하였습니다. 작동 상태는 동적인 모션으로 사용자에게 즉각적인 상황을 알려줄 수 있습니다. 특히 작동 중 다른 콘텐츠를 탐색할 경우, 상태 표시창이 상단 미니 위젯으로 축소되어 시야를 가리지 않고도 잔여 시간을 지속적으로 확인할 수 있도록 유연한 UI 구조를 적용했습니다.

The Air Shower, Inforest's core feature for removing external pollutants, is designed to offer intuitive control over granular settings. Operational status is visualized through dynamic motion graphics, providing immediate feedback. To facilitate seamless multitasking, a flexible UI structure is applied where the status window minimizes into a top widget when navigating other content, ensuring the remaining time remains visible without obstructing the view.

에어샤워5.webp
에어샤워7.webp
에어샤워2_1.webp
에어샤워 수동.webp
Frame 329.png

Home

홈 화면에서는 날씨, 미세먼지, 뉴스 등 사용자가 빠르게 확인할 수 있는 필수 정보를 요약하여 제공하며, 각 모듈을 탭하여 상세 페이지로 진입할 수 있는 직관적인 구조를 갖췄습니다. 특히 공기청정과 같은 케어가 필요한 상황이 감지되면 우측 상단 아이콘에 컬러 글로우 효과가 나타나 시각적 알림을 주며, 이를 터치하는 즉시 해당 기능을 작동시킬 수 있도록 Quick Action을 설계했습니다.

The Home screen aggregates essential daily updates—such as weather, fine dust levels, and news—into a concise summary, with an intuitive structure that allows users to access detailed views by tapping each module. A context-aware Quick Action system is implemented in the top-right corner; when specific care is required, such as air purification, the icon activates with a luminous color glow, allowing users to instantly trigger the function with a single touch.

에어아이콘.webp
에어아이콘.webp
날씨상세페이지.webp
뉴스상세페이지.webp
[복제] 홈 모바일.webp
에어아이콘.webp

Air Purification

미세먼지와 초미세먼지 등 상세 대기질 정보를 정밀하게 모니터링할 수 있는 대시보드를 설계하였습니다. 수치 데이터는 원형 그래프로 시각화하여 정보 전달력을 높였으며, 오염도 수치에 따라 실시간으로 변하는 4단계 컬러 시스템을 적용해 사용자가 수치를 자세히 읽지 않아도 직관적으로 공기질 상태를 파악할 수 있도록 했습니다. 

A dashboard has been designed to enable precise monitoring of detailed air quality metrics, including Fine Dust and Ultra-fine Dust. Numerical data is visualized through a circular graph to enhance information delivery, while a four-tier color system adapts in real-time to pollution levels. This allows users to intuitively grasp the air quality status at a glance without needing to analyze specific figures.

mian_2_11zon_edited.png
weather alarm.webp
Frame 341.png
weather alarm.webp

Air Purification

미세먼지와 초미세먼지 등 상세 대기질 정보를 정밀하게 모니터링할 수 있는 대시보드를 설계하였습니다. 수치 데이터는 원형 그래프로 시각화하여 정보 전달력을 높였으며, 오염도 수치에 따라 실시간으로 변하는 4단계 컬러 시스템을 적용해 사용자가 수치를 자세히 읽지 않아도 직관적으로 공기질 상태를 파악할 수 있도록 했습니다. 

A dashboard has been designed to enable precise monitoring of detailed air quality metrics, including Fine Dust and Ultra-fine Dust. Numerical data is visualized through a circular graph to enhance information delivery, while a four-tier color system adapts in real-time to pollution levels. This allows users to intuitively grasp the air quality status at a glance without needing to analyze specific figures.

Setting

정밀한 제어가 필요한 설정화면은 정보의 복잡도를 낮추고 시인성을 높이는 것에 주력했습니다. 특히 그리드 시스템을 통해 시각적 질서를 확립함으로써, 사용자가 직관적이고 정확하게 설정을 제어할 수 있도록 설계했습니다.

The settings interface prioritizes high legibility and reduced complexity to support precise control. A grid-based structure establishes visual hierarchy, ensuring users can manage settings with both intuition and precision.

Frame 479.webp
사용시간-82.webp
설정1.webp
설정4.webp
설정.webp
설정1.webp
설정4.webp
사용자설정3-81 2.webp
사용시간-82.webp
Frame 347.png
설정1.webp
설정4.webp
사용자설정3-81 2.webp
사용시간-82.webp
asset-12.webp
asset-13.webp
asset-14.webp
asset-12.webp
asset-13.webp
asset-14.webp
배경4.webp
전체화면플로우1.webp
전체화면플로우2.webp
전체화면플로우3.webp
전체화면플로우4.webp
전체화면플로우5.webp
이미지 제공: mike  dennler
메인컬러이미지3.webp
메인컬러이미지5.webp
display-07_11zon.webp
Frame 481.webp
인포레스트 인스타그램44-34.webp
>
bottom of page