프로젝트 배경
Ampfield는 세 가지 용량의 휴대용 파워스테이션을 판매합니다. 전기가 없는 곳에서 냉장고, 노트북, 작업등을 돌리고 콘센트, 차량, 태양광으로 충전합니다. 고객은 캠퍼, 차박족, 정전 대비가 필요한 가정입니다.
과제
Wh, W, PD 같은 수치는 대부분에게 직관적이지 않습니다. 진짜 질문은 "우리 냉장고가 몇 시간 버틸까"입니다. 전기 사양을 생활 장면으로 옮겨야 했습니다.
우리의 역할
- 인터랙션 디자인
- 웹 디자인
- 프론트엔드 개발
솔루션
어두운 엔지니어링 톤의 화면에 전기를 상징하는 주황색 하나만 썼습니다. 히어로의 실물 사진으로 신뢰를 만들고, 네 개의 도해로 충전 방식을 설명하고, 부하 계산기로 소비 전력을 사용 시간으로 바꾸고, 세 가지 크기 비교표로 선택을 마무리합니다.
사용 시간 계산기
캠핑 냉장고, 노트북, LED 조명의 와트를 입력하면 "용량 × 0.85 ÷ 부하"로 사용 시간을 보여 주고, 전기 주전자나 드라이어에는 경고를 띄웁니다.
네 가지 충전 도해
콘센트, 차량, 태양광, 패스스루의 에너지 흐름을 선 도해로 보여 주고, 확정되지 않은 충전 시간은 자리표시로 남겼습니다.
세 가지 크기 비교표
용량, AC 출력, 태양광 입력, 무게, 가격을 나란히 두고 주말용, 냉장고와 노트북용, 공구용으로 각각 연결했습니다.
자주 묻는 질문
이 프로젝트의 설계 판단과 진행 방식에 대해 자주 받는 질문입니다.
파워스테이션 사양을 일반 구매자가 어떻게 이해하게 하나요?
Wh, W, PD는 대부분에게 직관적이지 않고, 진짜 질문은 "우리 냉장고가 몇 시간 버틸까"입니다. 그래서 사용 시간 계산기를 만들었습니다. 기기 와트를 입력하면 "용량 × 0.85 ÷ 부하"로 사용 시간을 보여 주어 전기 사양을 생활 장면으로 옮깁니다.
왜 네 가지 충전 방식을 모두 그렸나요?
콘센트, 차량, 태양광, 패스스루는 구매할 때 가장 많이 묻는 질문입니다. 방식마다 에너지 흐름을 선 도해로 보여 주는 편이 문단보다 빨리 이해되고, 확정되지 않은 충전 시간은 자리표시로 남겨 나중에 교체할 수 있게 했습니다.
세 가지 크기는 선택을 어떻게 돕나요?
비교표에 용량, AC 출력, 태양광 입력, 무게, 가격을 나란히 두고 크기마다 주말용, 냉장고와 노트북용, 장거리 공구용이라는 쓰임을 붙였습니다. 사양이 아니라 상황으로 고르게 됩니다.
계산기 같은 인터랙션이 있는 제품 사이트는 얼마나 걸리나요?
계산기 같은 인터랙션은 백엔드 없이 가벼운 프론트엔드 컴포넌트로 구현해 사이트를 그대로 정적으로 배포할 수 있습니다. 인터랙션 디자인을 포함해 보통 4~6주면 오픈합니다.