알고사다 — 건강기능식품 정보·평가 서비스 퍼블리싱

프로젝트 개요

성분과 인증 정보를 기준으로 건강기능식품을 평가해 알려주는 서비스 알고사다입니다. 홍삼, 비타민 및 무기질, 프로바이오틱스처럼 품목별로 제품을 모으고 라벨을 분석해 소비자에게 판단 근거를 주는 것이 서비스의 뼈대입니다.

작업 범위

이온디는 이 서비스의 화면 퍼블리싱에 참여했습니다. 반응형 작업을 수월하게 하려고 부트스트랩 그리드 시스템을 썼고, 이 프로젝트를 하면서 그리드를 확실하게 익혔습니다.

• 제품분석·알고평가·사다추천 3단계 구조 시각화
• 성분별 맞춤검색과 6개 품목 카드
• 랭킹·매거진 영역 구성
• 부트스트랩 그리드 기반 반응형 퍼블리싱

주요 구현

메인은 성분 캠페인 슬라이더 아래에 6개 품목 카드를 색 블록으로 깔고, ALL GOODS SAFETY DATA 영역에서 제품분석 → 알고평가 → 사다추천 3단계를 원형 아이콘과 연결선으로 이었습니다. 서비스가 무엇을 근거로 판단하는지가 신뢰의 전부인 성격이라, 알고평가와 사다추천이 각각 어떤 기준을 쓰는지 설명 박스를 바로 아래에 붙이고 가격이 평가·추천 항목에서 빠진다는 점도 같은 자리에 적었습니다. 하단은 매거진 카드 3개와 전체 목록 열기 버튼으로 마무리했고, 오른쪽에는 장바구니·주문내역·관심상품·TOP 퀵바를 고정했습니다.

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

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