노노재팬드럭 — 의약품 대체 검색 서비스 구축

프로젝트 개요

노노재팬드럭은 약을 찾으면 같은 성분·용도의 국내 제품을 함께 보여주는 정보 서비스입니다. 약 이름이나 제약사를 알고 들어온 사람이 대체할 수 있는 제품까지 한 화면에서 확인하는 것이 목적이었습니다.

작업 범위

디자인과 퍼블리싱을 맡아 검색·분류·목록 화면과 대체상품 매핑이 보이는 카드 구조를 만들었습니다.

• 의약품 구분별 탭과 품목 수 표시
• 대체상품 태그 칩 매핑 UI
• 검색창·제약사 필터 조합
• 카드형 목록 디자인·퍼블리싱

주요 구현

상단에 검색창과 제약사 검색 전환 체크박스를 두고, 그 아래 전체·전문의약품·일반의약품·기타외품 탭에 각각 등록 품목 수를 괄호로 붙였습니다. 목록은 카드 그리드로, 카드 하나에 구분 배지와 제약사명, 제품명, 우측 상단에 대체상품 개수를 넣었습니다. 카드 가운데 대체상품 영역에는 매핑된 국내 제품을 빨간 태그 칩으로 나열하고, 매핑이 없으면 빈 표시로 두어 구분되게 했습니다. 카드 아래에는 #점안액 #약준모 #안약처럼 용도 해시태그를 붙여 태그로도 같은 계열을 훑어볼 수 있게 했습니다.

비슷한 프로젝트를 준비 중이라면

현재 사이트와 필요한 범위를 알려주시면 어디서부터 시작할지 함께 정리합니다.