← 한장으로 한장 Hanjang

작업 보기

한장이 만든 사이트, 직접 움직여 보세요.

사진과 영상으로 각 사이트의 화면을 살펴보세요. '직접 움직여 보기'를 누르면 사이트에 들어가 내려 보고 눌러 보실 수 있습니다.

공개 가능한 형태로 소개하기 위해 일부 작업의 이름·로고·내용을 재구성했습니다. 체험 화면의 접수·결제·로그인은 연결하지 않았습니다.

오르덴 파츠 폰 화면
01

오르덴 파츠

수입차 부품 견적

손님이 차 정보와 필요한 부품을 남기면, 사장님이 확인하고 견적을 보내 주는 사이트입니다.

볼 만한 움직임

  1. 차가 투명해지며 부품이 펼쳐집니다내리면 빛줄기가 한 번 지나가며 차가 투명해지고, 엔진·하체·바퀴가 제자리에서 벌어집니다. 올리면 다시 맞춰집니다.
  2. 엔진 바퀴가 돌고, 문구가 바뀝니다엔진 앞 작은 바퀴 세 개가 서로 다른 속도로 돌고, 제목이 세 번에 걸쳐 바뀌며 아래 막대가 차오릅니다.
  3. 부품 카드에서 바로 의뢰서로엔진·브레이크·휠 카드를 누르면 의뢰서로 내려가고, 차 정보 → 부품 → 연락처 세 단계로 적습니다.

의뢰서를 끝까지 써 보셔도 접수되지 않습니다.

오르덴 파츠 컴퓨터 화면: 첫 화면
컴퓨터에서 연 첫 화면
인투이션 폼 폰 화면
02

인투이션 폼

축구 영상 학습

축구 지도자와 선수가 경기 영상에서 장면을 골라 함께 판단해 보는 서비스를 알리는 사이트입니다.

볼 만한 움직임

  1. 경기장이 전술판으로 바뀝니다내리면 경기장 영상이 화면 가득 커지고, 위에서 내려다본 전술판으로 바뀝니다. 선수 점이 찍히고 패스 선이 그려집니다.
  2. 직접 판단해 보는 퀴즈짧은 장면을 보고 단계마다 예·아니오를 누르면, 팀이 정한 판단과 맞았는지 바로 보여 줍니다.
  3. 읽는 대로 밝아지는 글문장이 내리는 데 맞춰 한 단어씩 밝아지고, 폰·노트북 화면 그림이 붙은 채로 내용이 바뀝니다.

신청서를 써 보셔도 접수되지 않습니다.

인투이션 폼 컴퓨터 화면: 첫 화면
컴퓨터에서 연 첫 화면
WE:PLAY 폰 화면
03

WE:PLAY

유소년 축구 팀 앱

선수가 몸 상태와 훈련 일지를 남기면 코치가 보고 답하는 유소년 축구팀 앱을 알리는 첫 페이지입니다.

볼 만한 움직임

  1. 한 선수의 하루가 넘어가는 첫 화면얼굴 고르기와 부상 체크, 코치의 오늘 팀 컨디션, 밤에 쓰는 일지, 다음 날 코치 피드백 카드가 차례로 넘어가고 바탕이 낮에서 밤으로 바뀝니다.
  2. 직접 넘겨 보는 하루 여섯 장면시간 단추나 이전·다음으로 한 장면씩 넘기며 선수가 하는 일과 코치가 보는 것을 한 문장씩 읽습니다. 폰에서는 옆으로 밀어 넘깁니다.
  3. 선수가 되어 직접 해 보기얼굴과 아픈 곳을 고르고 일지를 저장하면 코치 화면의 숫자가 바로 바뀌고, 이번엔 코치가 되어 답을 보내 볼 수 있습니다.

시작하기·로그인은 눌러도 넘어가지 않습니다.

WE:PLAY 컴퓨터 화면: 첫 화면
컴퓨터에서 연 첫 화면
무에트 MUET 폰 화면
04

무에트 MUET

제작 예시

꽃 이름을 몰라도 마음에 맞는 색과 크기를 골라, 나만의 꽃 메모를 만드는 웹사이트입니다.

볼 만한 움직임

  1. 사진으로 분위기를 고릅니다버건디·버터·가든 중 마음에 드는 사진을 고르면 꽃 메모에도 같은 분위기가 담깁니다.
  2. 크기를 나란히 비교합니다S·M·L을 누르면 꽃다발의 상대적인 비율과 설명이 함께 바뀝니다.
  3. 고른 내용을 메모로 간직합니다마음·꽃·날짜를 고른 뒤 완성한 메모를 수정하거나 복사하고 파일로 저장할 수 있습니다.

한장이 제작한 꽃 스튜디오 웹사이트 예제입니다. 꽃 메모를 만들어도 실제 주문은 접수되지 않습니다.

무에트 MUET 컴퓨터 화면: 첫 화면
컴퓨터에서 연 첫 화면
로암 ROAM 폰 화면
05

로암 ROAM

제작 예시

원두 이름 대신 좋아하는 맛부터 고르고, 나에게 맞는 커피 구성 메모를 만드는 웹사이트입니다.

볼 만한 움직임

  1. 봉지를 골라 맛을 살펴봅니다고소하게·산뜻하게·느긋하게 중 하나를 고르면 같은 패키지와 맛 설명이 이어집니다.
  2. 내 커피를 내 속도로 구성합니다원두·용량·받는 간격·분쇄를 바꾸면 예상 금액과 잔 수가 함께 바뀝니다.
  3. 구성 메모와 한 잔 내리기고른 내용을 수정·복사·파일로 저장하고, 원두 양에 맞는 레시피와 타이머를 체험할 수 있습니다.

한장이 제작한 커피 로스터리 웹사이트 예제입니다. 구성 메모를 만들어도 실제 주문·결제·구독 신청은 이루어지지 않습니다.

로암 ROAM 컴퓨터 화면: 첫 화면
컴퓨터에서 연 첫 화면

사장님 가게 이야기도 들려주세요.

말씀해 주신 내용으로 초안부터 보여 드립니다. 초안까지는 무료입니다.

무료로 초안 받기 →