입력에 즉시 반응하는 도구
가격·배율·방향 선택에 따라 결과가 바뀌는 계산기.
WORKDATA & CONTENT PLATFORM
CoinFutures.
제작 · 운영 프로젝트
입력에 반응하는 계산기, 시장 데이터 시각화와 다국어 아카데미를 한 플랫폼에 구성했습니다.
PRODUCT IN MOTIONcoinfutures.info 1080p
01 / 브랜드와 비교
입력에 반응하는 계산기, 실제 시장 히트맵과 아카데미를 한 서비스에서 탐색합니다.
영상을 불러오지 못했습니다. 아래 전체 화면 갤러리에서 확인해 주세요.
ON MOBILE · CoinFutures숫자를 바꾸면,
숫자를 바꾸면,
결과가 바로.
조건 입력과 계산 결과, 시장 시각화까지. 데이터가 많은 서비스도 모바일에서 직접 조작하고 확인할 수 있도록 구성합니다.
반응형 모바일 웹 · 실제 이용 화면01 / 손끝으로 입력하는 계산기
영상 대신 아래 장면별 화면으로 살펴보세요.
화면 하나씩 자세히 보기 전체 화면 갤러리 +
비교 플랫폼의 첫인상
서비스 성격과 탐색 경로를 명료하게 보여주는 다국어 랜딩.
입력에 반응하는 계산기
조건 변경에 따라 계산 결과를 즉시 보여주는 인터랙티브 도구.
시장 데이터 시각화
히트맵·탭·분석 도구를 모은 마켓 대시보드.
어떤 문제를 풀었나요?
데이터 화면과 계산 도구, 설명 콘텐츠가 떨어져 있으면 사용자는 필요한 답을 찾기 위해 여러 서비스를 오가게 됩니다.
이렇게 구현했습니다.
비교표에서 상세 정보로, 계산기에서 조건별 결과로, 시장 대시보드에서 관련 학습 콘텐츠로 이동하는 경로를 구성했습니다. 언어별 URL과 카테고리·상세 페이지를 갖춘 콘텐츠 구조로 운영과 확장까지 고려했습니다.
데이터가 보이는 대시보드
시장 히트맵과 분석 탭을 연결한 정보 탐색 화면.
지속적으로 쌓이는 콘텐츠
언어별 URL, 아카데미 카테고리와 상세 글을 연결한 콘텐츠 플랫폼.
구현 환경: Next.js · React · TypeScript · MDX · Tailwind CSS
크립토 분야 제작 프로젝트. 계산기 영상은 가상 입력으로 촬영한 제품 시연입니다.
실제 서비스 살펴보기NEXTLET’S MAKE IT HAPPEN
이제, 당신의 프로젝트를
이야기할 차례.
아이디어 한 줄도, 이미 운영 중인 서비스도 좋습니다.
지금 필요한 일부터 함께 정리합니다.