PORTFOLIO PORTFOLIO

쇼핑몰

dulen

Launch
November, 2025
Client
Dulen
Role
UI/UX , Publishing , Development
1. 시각적 정체성 (Visual Identity)
연령대별 차별화된 컬러 시스템 (Age-specific Color System)
연령 구간별 색상 전략:

신생아(0-12개월): 파스텔 톤(Pastel Tones) - #FED7D7(연분홍), #C3F0CA(민트), #FEF3C7(우유색)

유아(1-3세): 채도 낮은 원색(Muted Primary) - #60A5FA(소프트 블루), #34D399(에메랄드)

유치원(4-7세): 생동감 있는 색상(Vibrant Colors) - #FBBF24(선샤인 옐로우), #A78BFA(라벤더)

신뢰성 강조 컬러:

안전성 그린: #10B981(자연적, 유기농 연상)

부드러움 아이보리: #FFFBEB(친환경 소재 느낌)

신뢰성 블루: #3B82F6(의료/안전 인증 상징)

색상 심리학 적용:
따뜻함(Warmth): 크림 계열

청결함(Cleanliness): 화이트/라이트 그레이

활동성(Activity): 포인트 강조색

2. 타이포그래피 계층 구조 (Typography Hierarchy)
가독성과 친근감 균형:
주요 폰트 패밀리:

한글:

산돌고딕 네오(Sandoll Gothic Neo): 둥근 모서리, 부드러운 느낌

나눔바른고딕: 명확한 문자 인식

영문:

Nunito, Quicksand: 친근한 서체

Open Sans: 높은 가독성

크기 계층 구조:

헤드라인: 1.75rem(제품 카테고리)

본문: 1rem(제품 설명)

부가정보: 0.875rem(사이즈, 소재 정보)

안전정보: 0.75rem(주의사항, 세탁법)

3. 레이아웃 및 정보 구조 (Layout & Information Architecture)
부모 사용자 중심 설계 (Parent-Centric Design):
빠른 정보 스캔 구조:

F-패턴 레이아웃(F-Pattern Layout)

시각적 계층 구조(Visual Hierarchy) 명확화

정보 덩어리(Information Chunking)화

카테고리 네비게이션:

연령대별: 0-6M, 6-12M, 1-3T, 4-7Y

상황별: 외출복, 홈웨어, 수면복, 특별한 날

기능별: 발열내의, 방수복, UV차단

제품 디스플레이 최적화:
컨텍스트 이미지(Contextual Images):

아동 모델 착용샷 + 평면샷 병행

사이즈 가이드 시각화

착용 연령/신장 대응표

4. 콘텐츠 정체성 구축 (Content Identity Building)
신뢰성 기반 메시지:
안전성 강조 요소:

인증 배지 시스템: KC인증, OEKO-TEX, 무해염료

소재 정보 투명성: 원단 상세 스펙, 생산과정

품질 테스트 시각화: 마찰강도, 색牢度 테스트 결과

실용성 정보 구조화:

성장 고려 설계: 조절 가능한 밴드, 확장형 소매

관리 편의성: 세탁법, 보관법 아이콘화

사이즈 추천 시스템: 키/체중 입력 기반 추천

감성적 스토리텔링:
브랜드 철학 시각화: "아이의 첫 번째 피부" 콘셉트

실생활 시나리오: 놀이, 수면, 외출 상황별 연출

성장 기록 연계: 사이즈 업 서비스, 리사이클 프로그램

5. 사용자 경험 설계 (User Experience Design)
부모의 니즈 해결 중심:
시간 절약 기능:

번들 제품 추천(코디세트)

정기구독 서비스(성장에 맞춘 자동 발송)

빨리 찾기 필터(세탁기능, 신속착탈)

의사결정 지원:

비교 기능(소재, 가격, 기능)

리얼 후기 시스템(사이즈 피드백 강조)

Q&A 커뮤니티(육아 관련)

6. 모바일 퍼스트 접근 (Mobile-First Approach)
터치 인터페이스 최적화:
터치 타겟 크기: 최소 48×48px(엄지 조작 고려)

스와이프 네비게이션: 제품 이미지 좌우 스와이프

원핸드 조작: 주요 기능 하단 배치

상황 인식 디자인(Context-Aware Design):
오프라인 연계: 매장 재고 확인, 픽업 서비스

푸시 알림: 세일, 새제품, 맞춤 추천

7. 접근성 구현 (Accessibility Implementation)
다중 사용자 고려:
조부모 세대: 큰 글씨 모드, 단순한 네비게이션

시각적 보조: 색상 대비 4.5:1 이상, 색약자 고려

키보드 네비게이션: 탭으로 모든 기능 접근 가능

8. 신뢰성 구축 요소 (Trust-building Elements)
투명성 디자인:
제조 과정 공개

공장 투어 가상 현실(VR)

원단 검수 과정

품질 관리 절차

사회적 책임 강조

친환경 포장

공정 무역 인증

지역 사회 기여 활동

9. 성장 중심 서비스 (Growth-oriented Services)
장기적 고객 관계 구축:
성장 기록지: 구매 이력 기반 성장 곡선

사이즈 예측: 데이터 기반 다음 사이즈 추천

하위 호환성: 기존 의류와의 코디 추천

10. 성능 최적화 (Performance Optimization)
빠른 로딩 전략:
이미지 최적화: WebP 형식, Lazy Loading

코드 스플리팅: 기능별 모듈 분리

캐싱 전략: 제품 정보 정적 캐싱

11. 결제 및 배송 경험 (Checkout & Delivery Experience)
부모 친화적 프로세스:
간편 결제: 카드, 간편결제, 정기결제 옵션

배송 옵션: 새벽배송, 지정일 배송, 매장픽업

선물 포장: 출산선물, 생일선물 세트화

12. 커뮤니티 기능 (Community Features)
육아 커뮤니티 통합:
스타일 공유: 실제 착용 후기 포토게시판

팁 교환: 세탁법, 관리법 공유

이벤트: 성장기록 공모전, 사진 콘테스트
dulen > PORTFOLIO - 광주홈페이지제작-알렉스디자인dulen > PORTFOLIO - 광주홈페이지제작-알렉스디자인
View