고객사
리베이션
프로젝트명
리베이션
Revation
- 산업
- 환경
- 작업 기간
- 2024년 10월 ~ 2024년 11월
- 종류
- 웹사이트 · 디자인
- 기술 스택
- Azure
- React.js
- Figma
- 프로젝트 설명
리베이션은 친환경 소재의 탄소 배출 절감 가치를 사용자가 직접 계산하고 비교해 볼 수 있도록 만든 웹 서비스입니다. 제품 정보를 읽는 데서 그치지 않고 수량과 중량, 소재 조건을 선택해 결과를 확인하는 계산기 중심의 경험으로 구성했습니다. 입력 조건과 비교 결과를 순서대로 읽을 수 있도록 배치했습니다.
입력 화면에서는 소재 종류를 시각적인 선택 항목으로 나누고, 계산 결과는 원형 그래프와 수치로 제시합니다. 기존 소재와 대체 소재를 비교하는 정보, 소재별 특성을 설명하는 상세 창을 함께 배치해 결과를 해석할 맥락을 제공했습니다.
계산한 내용을 문서로 확인할 수 있는 보고서 내려받기 흐름을 마련했습니다. 짙은 녹색과 차분한 베이지색을 사용하고 데스크톱과 모바일의 화면 구성을 조정해, 소재 탐색부터 계산과 결과 확인까지 일관된 인상을 유지했습니다.

