대원제약 dtalks 디톡스 홈페이지 리뉴얼 메인 비주얼
  • PROJECT NAME 디톡스 홈페이지 리뉴얼
  • PROGRESS PERIOD 2024 NOV. - 2025 MAR.
  • CILENT 대원제약
  • TAG WEB DESIGN
D-Talks 시작하기
대원제약 dtalks 전구

선생님의 건강한 디지털 습관,
보건의료 전문가들을 위한
의료 정보 교류 플랫폼 D-talks

대원(D)과의 소통 및 대화(Talks)를 뜻하는 디톡스는 보건의료전문가들에게
의미 있는 지식과 정보를 쉽고 빠르게 공유하고자 제작된 디지털 플랫폼으로,
소통을 통해 답답함을 해소(DETOX)하는 서비스 입니다.

D-talks
소화기
순환기 순환기
호흡기 호흡기
당뇨 당뇨
근골격계 근골격계
병원경영 병원경영
소화기
순환기 순환기
호흡기 호흡기
당뇨 당뇨
근골격계 근골격계
병원경영 병원경영
D-talks 웹 메인페이지 디자인
질환별 캐릭터 카테고리 질환별 이벤트 요소
각 메뉴별 그래픽 요소

질병부터 병원 경영까지,
각 분야의 전문가가 소개하는
온라인 강의를 한번에

대원(D)톡스 웹 심포지엄은 매주 새롭게 업데이트되는 강의 콘텐츠를 자유롭게 학습할 수 있도록 구성하고,
질환·진료과별로 분류된 카테고리 디자인을 통해 보건의료전문가가 원하는 강의에 보다 쉽게 접근하도록 했습니다.
전문가의 온라인 강의를 한 화면에서 편리하게 탐색하고 시청할 수 있습니다.

D-talks 웹 심포지엄 메인 화면
D-talks 질환별 카테고리 화면
D-talks 강의 상세 화면
온라인 강의 재생
Grid System Modular Layout 핵심 정보가 집중되는 구조 Visual Hierarchy Responsive Layout Clear Typography 읽기 쉬운 타이포그래피 White Space Flexible Grid Grid System Modular Layout 핵심 정보가 집중되는 구조 Visual Hierarchy Responsive Layout Clear Typography 읽기 쉬운 타이포그래피 White Space Flexible Grid
Content Curation Information Hub 콘텐츠를 유닛 단위로 정돈한 UI Interactive Motion Seamless Flow Smart Navigation 직관적인 탐색 경험 Data Visualization Micro Interaction Content Curation Information Hub 콘텐츠를 유닛 단위로 정돈한 UI Interactive Motion Seamless Flow Smart Navigation 직관적인 탐색 경험 Data Visualization Micro Interaction
Components Multi-Entry Access 다양한 진입 지점을 고려한 설계 Card-based Interface Accessibility Consistent System 일관성 있는 디자인 시스템 User-Centered Scalable Design Components Multi-Entry Access 다양한 진입 지점을 고려한 설계 Card-based Interface Accessibility Consistent System 일관성 있는 디자인 시스템 User-Centered Scalable Design

정보는 꽉 채우고,
형식은 더 다양하게

선생님들을 위한 실전 지식 콘텐츠 아카이브

각 콘텐츠의 개성을 살린 키컬러 중심의 썸네일이 시선을 끌며,
한눈에 구조를 파악할 수 있도록 시각적 배치를 단순화해 정보 탐색 효율을 높였습니다.

D-talks 콘텐츠관 아카이브 화면

학습을 달성할수록

순차적으로 높아지는
회원 등급

D-talks 회원 등급 가이드와 등급별 뱃지

콘텐츠의 성격에 맞춘 시각적 상징,
확장 가능한 캐릭터 시스템

생성형 이미지를 활용한 전문의 캐릭터는 각 콘텐츠의 성격에 맞춰
시각적 상징성을 부여하며, 콘텐츠 전반에 일관된 디자인 톤을 유지하는 데
효과적으로 작동합니다. 또한, 반복 활용과 확장이 용이한 구조로 구성되어
다양한 상황에 유연하게 대응할 수 있습니다.

생성형 이미지 기반 전문의 캐릭터 제작 화면
호흡기 질환 - 대원 D-Talks 전문가가 소개하는 온라인 강의
소화기 질환 당뇨 질환 - 대원 D-Talks 전문가가 소개하는 온라인 강의
근골격계 질환 순환기 질환 - 대원 D-Talks 전문가가 소개하는 온라인 강의
병원경영 - 대원 D-Talks 전문가가 소개하는 온라인 강의
순환기 캐릭터
호흡기 전문의 키워드 시안
호흡기 전문의 키워드 시안
호흡기 전문의 키워드 시안
호흡기 전문의 키워드 시안

Ver0.1 Keyword

  • Respiratory specialist
  • White lab coat & stethoscope
  • Holographic lung model
  • Modern medical background
당뇨 전문의 키워드 시안
당뇨 전문의 키워드 시안
당뇨 전문의 키워드 시안
당뇨 전문의 키워드 시안
당뇨 전문의 키워드 시안
당뇨 전문의 키워드 시안
당뇨 전문의 키워드 시안

Ver0.2 Keyword

  • Diabetes specialist
  • White lab coat & stethoscope
  • Holographic glucose monitor / insulin pump
  • Pastel-toned modern clinic
소화기 캐릭터
순환기 전문의 키워드 시안
순환기 전문의 키워드 시안
순환기 전문의 키워드 시안
순환기 전문의 키워드 시안
순환기 전문의 키워드 시안

Ver0.3 Keyword

  • Cardiovascular specialist
  • White lab coat, red tie & stethoscope
  • Holographic heart model (red glow)
  • Red-accented modern clinic with EKG lines
소화기 전문의 키워드 시안
소화기 전문의 키워드 시안
소화기 전문의 키워드 시안
소화기 전문의 키워드 시안

Ver0.4 Keyword

  • Gastroenterology specialist
  • White lab coat, beige shirt, no tie, stethoscope
  • Holographic digestive tract model (warm yellow glow)
  • Warm yellow-toned modern clinic with GI icons
근골격계 캐릭터
근골격계 전문의 키워드 시안
근골격계 전문의 키워드 시안
근골격계 전문의 키워드 시안
근골격계 전문의 키워드 시안
근골격계 전문의 키워드 시안

Ver0.5 Keyword

  • Orthopedic specialist
  • White lab coat, gray shirt & navy tie, stethoscope
  • Muscular build, strong and resilient look
  • Holographic skeletal model or glowing joint
  • Bright white-toned modern clinic with orthopedic X-rays/icons

WEB E브랜드관

D-Talks E브랜드관 웹 화면

WEB 제품정보관

D-Talks 제품정보관 웹 화면
NEXT PROJECT